/* Survol des boutons sur tout le site : spécification « homepage-hover-fix / HOVER_STYLES.md » (Flugia-Modif).
   Chargé après rd-v2.css (BaseLayout.astro). Les boutons du nouveau design ont des styles en ligne :
   ils sont reconnus par leur style d'origine (anneau 3px bleu ou blanc), d'où les sélecteurs [style*=…]
   et les !important (un style en ligne l'emporte sinon). Pour un nouveau bouton, utiliser plutôt
   les classes .fg-btn-filled / .fg-btn-outline / .fg-btn-white / .fg-btn-white-outline ci-dessous.
   Règle générale : aucun changement de taille au survol (pas de décalage de la mise en page). */

/* 1. Bouton plein (Start free trial, Book a demo, Discover more, View all…) : fond assombri de 20 % */
:is(a, button)[style*="inset 0 0 0 3px var(--flugia-cta"][style*="background: var(--flugia-cta"],
.fg-btn-filled {
  transition: background-color 150ms, color 150ms, box-shadow 200ms, transform 200ms;
}
:is(a, button)[style*="inset 0 0 0 3px var(--flugia-cta"][style*="background: var(--flugia-cta"]:hover,
a:hover > button[style*="inset 0 0 0 3px var(--flugia-cta"][style*="background: var(--flugia-cta"],
.fg-btn-filled:hover {
  background-image: var(--overlay-hover, linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.2))) !important;
  color: #fff !important;
}

/* 2. Bouton à contour bleu (Start now, Book a demo, Request a demo, See all FAQ…) : se remplit en bleu */
:is(a, button)[style*="inset 0 0 0 3px var(--flugia-cta"][style*="background: transparent"],
.fg-btn-outline {
  transition: background-color 150ms, color 150ms;
}
:is(a, button)[style*="inset 0 0 0 3px var(--flugia-cta"][style*="background: transparent"]:hover,
a:hover > button[style*="inset 0 0 0 3px var(--flugia-cta"][style*="background: transparent"],
.fg-btn-outline:hover {
  background-color: var(--flugia-cta) !important;
  color: #fff !important;
}

/* 3. Bouton blanc sur bande bleue (Book a demo, Download DPA) : léger voile gris, texte bleu */
:is(a, button)[style*="inset 0 0 0 3px var(--white"][style*="background: var(--white"]:hover,
a:hover > button[style*="inset 0 0 0 3px var(--white"][style*="background: var(--white"],
.fg-btn-white:hover {
  background-image: linear-gradient(rgba(0,0,0,.06), rgba(0,0,0,.06)) !important;
  color: var(--flugia-cta) !important;
}

/* 4. Bouton à contour blanc sur bande bleue (Start free trial, Request countersigned DPA) : devient blanc */
:is(a, button)[style*="inset 0 0 0 3px var(--white"][style*="background: transparent"],
.fg-btn-white-outline {
  transition: background-color 150ms, color 150ms;
}
:is(a, button)[style*="inset 0 0 0 3px var(--white"][style*="background: transparent"]:hover,
a:hover > button[style*="inset 0 0 0 3px var(--white"][style*="background: transparent"],
.fg-btn-white-outline:hover {
  background-color: #fff !important;
  color: var(--flugia-cta) !important;
}
/* Contour blanc de 2px (Try it : « Start 15-day free trial ») */
a[style*="rgba(255, 255, 255, 0.8) 0px 0px 0px 2px inset"] { transition: background-color 200ms; }
a[style*="rgba(255, 255, 255, 0.8) 0px 0px 0px 2px inset"]:hover { background-color: rgba(255,255,255,.14) !important; }

/* 6. En-tête : voir rd-nav.css (dossier navigation-handoff) ; sélecteur de langue */
.rd-lang-btn { transition: background-color 150ms; }
.rd-lang-btn:hover { background-color: #F1F3F6 !important; }

/* Pied de page : liens blancs sur fond bleu soulignés, liens de la barre du bas en bleu */
footer a[style*="color: rgb(255, 255, 255)"]:hover { text-decoration: underline !important; text-underline-offset: 3px; }
footer a[style*="color: rgb(17, 17, 17)"], footer a[style*="color: inherit"] { transition: color 150ms; }
footer a[style*="color: rgb(17, 17, 17)"]:hover, footer a[style*="color: inherit"]:hover { color: var(--flugia-cta) !important; }

/* Liens texte avec flèche (Discover the agent →, Try it yourself →) : la flèche glisse */
[data-section="connected"] a[style*="gap: 6px"], [data-section="watch-it-work"] a[href^="#"][style*="gap: 8px"] { transition: gap 150ms, color 150ms; }
[data-section="connected"] a[style*="gap: 6px"]:hover { gap: 10px !important; color: var(--flugia-main) !important; }
[data-section="watch-it-work"] a[href^="#"][style*="gap: 8px"]:hover { gap: 12px !important; color: var(--flugia-main) !important; }

/* Liens texte dans les formulaires et les articles (politique de confidentialité, liens du corps) */
:is([data-section="booking"], [data-section="contact"]) a[href]:not([style*="border-radius"]):hover,
.fs-BlogPost .bp-content a:not([class]):hover,
.fs-ContactForm a:not([class]):hover { color: var(--flugia-main) !important; }

/* 9. Tarifs : petits boutons ronds, choix de formule, remise à zéro, mensuel / annuel */
[data-calc-step] { transition: background-color 150ms, transform 150ms; }
[data-calc-step][style*="background: var(--flugia-cta"]:hover:not(:disabled) { background-image: var(--overlay-hover) !important; }
[data-calc-step]:not([style*="background: var(--flugia-cta"]):hover:not(:disabled) { background-color: #EEF0F3 !important; }
[data-calc-plan][aria-pressed="false"]:hover { background-color: rgba(255,255,255,.14) !important; }
[data-calc-plan][aria-pressed="true"]:hover { background-image: linear-gradient(rgba(0,0,0,.06), rgba(0,0,0,.06)) !important; }
[data-calc-reset] { transition: color 150ms; }
[data-calc-reset]:hover { color: var(--flugia-main) !important; }
[data-billing][aria-selected="false"]:hover { color: var(--flugia-cta) !important; }

/* Onglets et filtres : l'onglet non sélectionné s'éclaire, l'onglet actif s'assombrit légèrement */
[data-cat-filter][aria-pressed="false"]:hover { box-shadow: inset 0 0 0 1px var(--flugia-main) !important; color: var(--flugia-main) !important; }
[data-cat-filter][aria-pressed="true"]:hover { background-image: var(--overlay-hover) !important; }
:is([data-faq-cat], [data-faq2-cat]):hover { background-color: var(--blue-background) !important; }
:is([data-faq-cat], [data-faq2-cat])[aria-pressed="true"]:hover { box-shadow: inset 0 0 0 1px var(--blue-border) !important; }
[data-agwatch-tab] > * { transition: color 150ms, background-color 150ms; }
[data-agwatch-tab][aria-selected="false"]:hover > * { color: var(--flugia-cta) !important; }
[data-agwatch-tab][aria-selected="true"]:hover > :first-child { filter: brightness(.85); }
:is([data-rd-bys-tab], [data-rd-hl-tab])[aria-selected="true"]:hover { box-shadow: inset 0 0 0 1px var(--blue-border), 0 12px 30px rgba(13,30,90,.14) !important; }

/* Questions des FAQ et accordéons : la question passe en bleu */
:is([data-agfaq-btn], [data-agdisc-btn], [aria-controls^="faq-"], [aria-controls^="faq2-"]) { transition: color 150ms; }
:is([data-agfaq-btn], [data-agdisc-btn], [aria-controls^="faq-"], [aria-controls^="faq2-"]):hover,
:is([data-agdisc-btn], [aria-controls^="faq-"], [aria-controls^="faq2-"]):hover span:not([style*="background"]) { color: var(--flugia-cta) !important; }
main summary { transition: color 150ms; }
main summary:hover, main summary:hover * { color: var(--flugia-cta) !important; }

/* 10. Cartes et choix cliquables */
[data-aghiw-step][aria-pressed="false"]:hover { transform: translateY(-4px) !important; box-shadow: inset 0 0 0 1px var(--blue-border), 0 16px 36px rgba(0,140,252,.12) !important; }
[data-aghiw-step][aria-pressed="true"]:hover { box-shadow: 0 28px 56px rgba(67,97,238,.38) !important; }
[data-agtry-opt][aria-checked="false"]:hover { background-color: rgba(255,255,255,.22) !important; }
[data-agtry-opt][aria-checked="true"]:hover { box-shadow: 0 16px 36px rgba(13,30,90,.35) !important; }
/* Flèche « suivant » pleine du carrousel de conversations : légèrement agrandie */
.rdch-next:not([disabled]):hover { transform: scale(1.06) !important; }
.rdb-day[aria-pressed="true"]:hover { background-image: var(--overlay-hover) !important; }

/* Anciennes pages : boutons blancs (blog, compte gratuit, partenaires) et partage */
.fs-BlogPost .bp-content .cta a:hover, .fs-BlogPost .bp-content .cta-button:hover { background-image: linear-gradient(rgba(0,0,0,.06), rgba(0,0,0,.06)) !important; }
.fs-BlogPost .bp-share-row a:hover { background-color: var(--bp-blue, var(--flugia-cta)) !important; color: #fff !important; }
.fs-NeedHelp .btn-primary:hover { background-image: var(--overlay-hover) !important; }
.fs-BrandAssets .active:hover { background-color: #E3EFFF !important; }

@media (prefers-reduced-motion: reduce) {
  [data-aghiw-step]:hover, .rdch-next:hover { transform: none !important; }
}