/* ==========================================================================
   HOME PAGE — COMPLETE INTERACTIONS
   CTA + SKILL CARDS
========================================================================== */

/* ==========================================================================
   1. HOME SUBHERO CTA
========================================================================== */

/*
 * La structure et la position de .home--subhero-cta_inside
 * restent entièrement gérées par Webflow.
 * Aucune propriété position/display/width/height n'est ajoutée ici.
 */

 .home--subhero-cta > .image--absolute100 {
  will-change: transform;
}

/*
 * Taille de départ de la flèche.
 * Cette règle corrige aussi toute ancienne largeur inline trop grande.
 */
.home--subhero-cta .arrow--60 {
  width: 3.75rem !important;
  max-width: 3.75rem !important;
  min-width: 3.75rem !important;
  height: auto;
  flex: 0 0 auto;
  will-change: width, max-width, min-width;
}

/* ==========================================================================
   2. SKILL CARDS
========================================================================== */

.skill--card {
  position: relative;
}

.skill--card .skill--image-wrapper {
  position: relative;
  overflow: hidden;
}

.skill--card .skill--image-wrapper > .image--absolute100 {
  will-change: transform;
}

/* Flèche cachée par défaut sur desktop */
.skill--card .btn--arrow-wrapper.is--card {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.5rem);
  pointer-events: none;
  will-change: transform, opacity;
}

.skill--card .heading-style-64.is--skill {
  will-change: transform;
}

/* GSAP contrôle ces animations */
.home--subhero-cta > .image--absolute100,
.home--subhero-cta .arrow--60,
.skill--card .skill--image-wrapper > .image--absolute100,
.skill--card .btn--arrow-wrapper.is--card,
.skill--card .heading-style-64.is--skill {
  transition: none !important;
}

/* Sur les appareils tactiles, la flèche reste visible */
@media (hover: none), (pointer: coarse) {
  .skill--card .btn--arrow-wrapper.is--card {
    opacity: 1;
    visibility: visible;
    transform: none;
  }
}

/* Accessibilité */
@media (prefers-reduced-motion: reduce) {
  .home--subhero-cta > .image--absolute100,
  .skill--card .skill--image-wrapper > .image--absolute100,
  .skill--card .btn--arrow-wrapper.is--card,
  .skill--card .heading-style-64.is--skill {
    transform: none !important;
  }
}