/* Nouveau design, version 2 (export « Flugia-Modif », novembre 2026) : règles ajoutées par lot.
   Chaque lot n'écrit que dans son bloc. */

/* == Lot A : pages d'agents (Feature Page) == */

/* == Lot B : pages managers (Agent Page) == */
/* Rangée « Start free trial / Book a demo » sous les onglets « Why …’s team » (CTA Row, ton sombre) */
.rdb-cta > a { height: 52px; display: flex; align-items: center; gap: 8px; border-radius: 33px; font-size: 14px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap; text-decoration: none; box-sizing: border-box; }
.rdb-cta > .rdb-cta-p { padding: 0 26px; background: #fff; color: var(--flugia-cta); box-shadow: 0 10px 24px rgba(13, 30, 90, 0.25); transition: transform 180ms cubic-bezier(.2, .7, .2, 1), box-shadow 180ms; }
.rdb-cta > .rdb-cta-p:hover { transform: translateY(-2px); box-shadow: 0 16px 32px rgba(13, 30, 90, 0.35); color: var(--flugia-cta); }
.rdb-cta > .rdb-cta-s { padding: 0 24px; color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.7); transition: background 180ms, transform 180ms; }
.rdb-cta > .rdb-cta-s:hover { background: rgba(255, 255, 255, 0.14); transform: translateY(-2px); color: #fff; }
.rdb-cta > a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (max-width: 760px) {
  .rdb-cta { justify-content: center !important; text-align: center !important; }
  .rdb-cta > a { flex: 1 1 100%; justify-content: center; white-space: normal; }
}
@media (prefers-reduced-motion: reduce) { .rdb-cta > a:hover { transform: none; } }
/* Onglets « Why … » et « Before you start » : un mot long (NL) ne pousse plus la flèche hors de l'écran */
[data-rd-hl] [role="tab"] > span:nth-child(3), [data-rd-bys] [role="tab"] > span:nth-child(3) { min-width: 0; }

/* == Lot C : sections communes (témoignages, intégrations, Need help, Get started) == */
/* Témoignages (RdTestimonials*, composant partagé « Testimonials ») */
.ts2-feat:hover{box-shadow:inset 0 0 0 1px var(--blue-border),0 24px 60px rgba(0,140,252,0.10)!important}
.ts2-photo:hover{transform:scale(1.04)!important}
.ts2-stat:hover{transform:translateY(-3px)!important;box-shadow:inset 0 0 0 1px var(--blue-border),0 12px 28px rgba(0,140,252,0.10)!important}
.ts2-card:hover{transform:translateY(-6px)!important;box-shadow:inset 0 0 0 1px var(--blue-border),0 26px 56px rgba(0,140,252,0.12)!important}
.ts2-row:hover{animation-play-state:paused!important}
[data-ts-uses]>img{flex-shrink:0}
[data-ts-uses]>span{flex:1;min-width:0;line-height:1.45}
@media (max-width: 760px){[data-ts-stats]{grid-template-columns:minmax(0,1fr)!important}}
@media (prefers-reduced-motion: reduce){.ts2-photo,.ts2-stat,.ts2-card{transition:none!important}}
/* Bandeau intégrations (RdIntegrations*) : sous 1100 px, colonnes de logos masquées -> grille de 8 pastilles sous le texte */
[data-int-chips]{display:none}
@media (max-width: 1099px){
  [data-int-band]{min-height:0!important}
  [data-int-col]{display:none!important}
  [data-int-band] [data-int-copy]{padding:56px 0 0!important;background:none!important;box-shadow:none!important}
  [data-int-chips]{display:grid}
}
/* Bandeau « Need help » (RdNeedHelp, composant « Help Band ») : orbite simplifiée (SVG) sur mobile */
@media (max-width: 760px){
  [data-hb-text]{align-items:center!important;text-align:center!important;padding:40px 24px 8px!important}
  [data-hb-text] p{max-width:none!important}
  [data-hb-text] [data-btns]{flex-direction:column!important;width:100%!important;gap:14px!important}
  [data-hb-text] [data-btns]>*{width:100%!important}
  [data-hb-text] [data-btns]>a>button{width:100%!important}
  [data-hb-orbit]{flex:1 1 100%!important;min-width:0!important;min-height:0!important;background:none!important;overflow:hidden!important;padding:12px 0 0!important;box-sizing:border-box!important}
  [data-hb-orbit]>svg:first-child{display:none!important}
  [data-hb-mob]{display:block!important}
}

/* == Lot D : tarifs == */

/* == Lot E : autres pages == */
/* Rangée « Start free trial / Book a demo » (src/components/rd/_CtaRow.astro, composant « CTA Row » de l'export) */
[data-cta]>a.cta-p:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(67,97,238,0.38)!important}
[data-cta][data-cta-tone="dark"]>a.cta-p:hover{box-shadow:0 16px 32px rgba(13,30,90,0.35)!important}
[data-cta]>a.cta-s:hover{background:var(--blue-background);transform:translateY(-2px)}
[data-cta][data-cta-tone="dark"]>a.cta-s:hover{background:rgba(255,255,255,0.14)}
/* sections sans marge latérale (AI experts, Beginning) : la rangée garde la marge de 5vw */
[data-section="ai-experts"]>[data-cta-row],[data-section="beginning"]>[data-cta-row]{padding:0 5vw}
@media (max-width: 760px){
  [data-cta]{justify-content:center!important;text-align:center!important}
  [data-cta]>a{flex:1 1 100%!important;justify-content:center!important;box-sizing:border-box!important}
  [data-cta]>span{flex-basis:100%!important;text-align:center!important}
}
/* Accueil : hero (mobile : image au-dessus de la carte), bandeau « Start it @cbc », « See it work » */
@keyframes siGlow{0%,100%{transform:translate(0,0) scale(1);opacity:.8}50%{transform:translate(-30px,20px) scale(1.12);opacity:1}}
@keyframes siPulse{0%,100%{transform:scale(1)}45%{transform:scale(.9)}60%{transform:scale(1.04)}}
[data-si-anim]:hover{transform:translateY(-4px);box-shadow:0 30px 70px rgba(10,15,28,0.28)}
a.cbc-plain:hover{background:rgba(255,255,255,0.1);box-shadow:inset 0 0 0 1.5px #fff!important;color:#fff}
@media (max-width: 900px){[data-si-anim]{grid-template-columns:1fr!important}}
@media (prefers-reduced-motion: reduce){[data-si-anim] *{animation:none!important}}
@media (max-width: 760px){
  [data-hero]{min-height:0!important;padding:85px 0 0!important;background:none!important;flex-direction:column!important;align-items:stretch!important}
  [data-hero]::before{content:"";display:block;width:100%;aspect-ratio:1/0.95;background:var(--hero-img) 87% 0% / auto 108% no-repeat}
  [data-hero]>div{padding:0 16px!important;box-sizing:border-box!important;margin-top:-56px!important;position:relative}
  [data-hero-card]{padding:24px 20px!important;gap:18px!important;border-radius:20px!important;box-shadow:0 18px 44px rgba(13,30,60,0.12)!important}
  [data-hero-card] h1{font-size:30px!important}
  [data-hero-card] p{font-size:16px!important}
  [data-cbc-btns]{width:100%!important}
  [data-cbc-btns]>a{width:100%!important;max-width:none!important;box-sizing:border-box!important;justify-content:center!important}
  [data-cbc-btns]>a:not([data-plain])>*{width:100%!important}
  [data-cbc-btns]>a[data-plain]>*{flex:0 0 auto!important;width:auto!important}
  [data-sw-head],[data-sw-head] *{text-align:center!important}
  [data-sw-head] span{margin-left:auto!important;margin-right:auto!important}
  [data-sw-head]>div{align-items:center!important}
  [data-sw-bar]{justify-content:center!important;text-align:center!important}
  [data-sw-bar]>*{margin-left:auto!important;margin-right:auto!important}
  [data-sw-tabs]{width:100%!important;box-sizing:border-box!important;justify-content:center!important;border-radius:22px!important}
  [data-sw-tabs]>button{flex:1 1 100%!important;justify-content:center!important}
}

/* AI Co-workers : « Infrastructure » (images fixes sur mobile/tablette), « Super heroes » (image mobile) */
@media (max-width: 760px){
  [data-ac-john]{min-height:0!important;padding:20px!important}
  [data-ac-stage]{height:auto!important;-webkit-mask-image:none!important;mask-image:none!important;overflow:visible!important}
  [data-ac-row]{position:static!important;transform:none!important;justify-content:center!important}
  [data-ac-row]>div{width:100%!important;max-width:340px!important;height:auto!important;min-height:300px!important;margin:0 auto!important}
  [data-ac-row]>div:not(:nth-child(2)){display:none!important}
  [data-ac-launch]{position:static!important;transform:none!important;display:flex!important;justify-content:center!important;margin-top:-40px!important}
  [data-ac-launch] *{white-space:nowrap!important}
  [data-ac-data]{min-height:0!important;padding:20px!important;gap:24px!important}
  [data-ac-dstage]{min-height:0!important;display:flex!important;flex-direction:column!important;gap:16px!important}
  [data-ac-dstage]>div{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;animation:none!important}
  [data-ac-dstage]>div:last-child{height:240px!important}
  [data-ac-hero]{margin-bottom:-28%!important}
}
@media (max-width: 1024px){
  [data-ac-dstage],[data-ac-dash]{display:none!important}
  [data-ac-mimg]{display:block!important}
}

/* Industries : hero en diaporama et secteurs en carrousels sur mobile */
@media (max-width: 760px){
  [data-ind-grid]{display:none!important}
  [data-ind-slider]{display:block!important}
  [data-ind-dots]{display:flex!important}
  [data-ind-track]{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  [data-ind-track]::-webkit-scrollbar{display:none}
  [data-ind-card]{flex:0 0 100%;scroll-snap-align:start;padding:24px!important}
}

/* Intégrations : cartes « Connected » sur mobile (texte puis image, icônes sur une ligne) */
@media (max-width: 760px){
  [data-ig-pair]{grid-template-columns:1fr!important}
  [data-ig-img]{order:2;min-height:300px!important}
  [data-ig-img] img{height:300px!important}
  [data-ig-body]{order:1;grid-column:auto!important;padding:24px 20px 8px!important;gap:20px!important}
  [data-ig-end]{align-items:flex-start!important}
  [data-ig-icons]{flex-wrap:nowrap!important;gap:4px!important;padding:6px!important;max-width:100%;box-sizing:border-box}
  [data-ig-icons]>span{width:38px!important;height:38px!important;flex-shrink:0}
  [data-ig-icons]>span>span{width:22px!important;height:22px!important}
}

/* Sécurité : en-tête de la carte « Security overview » sur une ligne (mobile) */
@media (max-width: 760px){[data-sec-ovh]{flex-wrap:nowrap!important;gap:8px!important}[data-sec-ovh]>span:first-child{font-size:16px!important;white-space:nowrap}[data-sec-ovh]>span:last-child{font-size:11px!important;padding:4px 9px!important;white-space:nowrap;gap:5px!important;min-width:0}}
/* (FR/NL : textes plus longs, le badge peut passer sur 2 lignes plutôt que déborder) */
@media (max-width: 420px){:lang(fr) [data-sec-ovh]>span:last-child,:lang(nl) [data-sec-ovh]>span:last-child{white-space:normal}}

/* == Header / footer == */
/* Barre d'appel à l'action flottante (apparaît au défilement, cf. public/js/rd-navigation.js) */
.rd-cta-bar{position:fixed;left:50%;bottom:24px;z-index:990;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:8px 8px 8px 20px;border-radius:40px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(13,30,80,.18),inset 0 0 0 1px #E6EEF8;animation:fgCtaIn 420ms cubic-bezier(.2,.7,.2,1) both;max-width:calc(100vw - 32px);box-sizing:border-box;font-family:Inter,sans-serif}
.rd-cta-bar[hidden]{display:none}
@keyframes fgCtaIn{from{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%,0)}}
.rd-cta-bar-lead{display:flex;align-items:center;gap:10px;padding-right:8px;font-size:14px;font-weight:600;color:var(--ink-title);white-space:nowrap}
.rd-cta-bar-trial{height:44px;padding:0 20px;border-radius:33px;background:var(--flugia-cta);color:#fff;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;white-space:nowrap;box-shadow:0 8px 20px rgba(67,97,238,.30);transition:transform 180ms,box-shadow 180ms,background 180ms}
.rd-cta-bar-trial:hover{transform:translateY(-1px);color:#fff;box-shadow:0 12px 26px rgba(67,97,238,.40)}
.rd-cta-bar-demo{height:44px;padding:0 18px;border-radius:33px;color:var(--flugia-cta);box-shadow:inset 0 0 0 1.5px var(--flugia-cta);display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;white-space:nowrap;transition:background .3s}
.rd-cta-bar-demo:hover{background:var(--blue-background);color:var(--flugia-cta)}
.rd-cta-bar-close{all:unset;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8A94A6}
.rd-cta-bar-close:hover{background:#F1F3F6}
@media (max-width:1100px){.rd-cta-bar-lead{display:none}.rd-cta-bar{padding-left:8px}}
@media (max-width:600px){
  .rd-cta-bar{left:16px;right:16px;bottom:16px;transform:none;max-width:none;gap:6px;padding:6px;animation-name:fgCtaInM}
  .rd-cta-bar-trial,.rd-cta-bar-demo{flex:1 1 0;min-width:0;justify-content:center;text-align:center;white-space:normal;line-height:1.15;padding:0 10px;font-size:13px;gap:6px}
  .rd-cta-bar-trial svg,.rd-cta-bar-demo svg{flex-shrink:0}
  .rd-cta-bar-close{flex-shrink:0}
}
@media (max-width:360px){.rd-cta-bar-trial svg,.rd-cta-bar-demo svg{display:none}}
@keyframes fgCtaInM{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}