/* ============================================================
   Seeqle - corrections design globales servies en asset versionne
   (le head de site approchait la limite de 20 000 caracteres).
   Contenu : bloc sq-design-p10 (stress test 2026-08-13/14)
   + bloc sq-design-p11 (lot apple-design 2026-08-20)
   + normalisation bandeau clients (v3/v4/v5 2026-08-21, v6 2026-08-22).
   Pour modifier : NE PAS editer cet asset en place, uploader un
   fichier v(n+1) et repointer le <link> du head de site (update_asset
   ne change pas l'URL, piege documente dans seeqle-webflow-site).
   ============================================================ */

/* ============================================================
   SQ 2026-08i : correction du RENDU (stress test 2026-08-13)
   B1 FAQ 768-991 (dans sq-design-p3) . B2 heros . B3 CTA navbar
   B4 vert sur vert . B5 bentos + hauteurs figees . V1/V2 footer
   B6 rognage horizontal des locales longues (2026-08-14)
   Reversible en supprimant ce bloc.
   ============================================================ */

/* ---- B1 : FAQ lisible entre 768 et 991 (le repli de .faq6_accordion
   est corrige dans sq-design-p3 ; ici on aligne aussi le conteneur) ---- */
@media screen and (min-width:768px) and (max-width:991px){
.faq6_content{grid-template-columns:1fr;grid-row-gap:2rem}
}

/* ---- B2 : heros produit, le mockup recouvrait le H1 ---- */
@media screen and (max-width:991px){
.product-hero-wrapper{flex-flow:column}
.product-hero-content{width:100%}
.product-hero-image-wrapper{width:100%}
}
@media screen and (min-width:992px){
.product-hero-content{flex:1 1 0;min-width:0;width:auto}
.product-hero-image-wrapper{flex:0 1 38%;min-width:0}
.product-hero-text{min-width:0;width:100%;max-width:100%}
}
@media screen and (min-width:992px) and (max-width:1279px){
.product-hero-text .heading-style-h1{font-size:3.5rem}
}
.product-hero-text h1,.product-hero-text p{overflow-wrap:break-word}

/* ---- B3 : CTA de la navbar tronque entre 992 et 1499 ---- */
@media screen and (min-width:992px) and (max-width:1499px){
.navbar_container{grid-template-columns:auto auto auto;grid-column-gap:12px}
.navbar_button-wrapper{grid-column-gap:.5rem;margin-left:.5rem}
.navbar_button-wrapper .button.is-white{margin-right:0;padding-left:14px;padding-right:14px}
.navbar_button-wrapper .button.is-white:hover .btn-arrow-wrapper{width:0 !important;margin-left:0 !important;opacity:0 !important}
.sq-nav-trial{padding-left:14px;padding-right:14px}
}
@media screen and (min-width:992px) and (max-width:1279px){
.navbar_link{padding-left:8px;padding-right:8px;font-size:15px}
.navbar_dropdown-toggle{padding-left:6px;padding-right:6px;font-size:15px}
.navbar_button-wrapper .button.is-white,.sq-nav-trial{font-size:15px}
}
/* sous 1150px la barre ne peut pas porter logo + menu + 2 CTA en DE et ES :
   on garde le CTA primaire, le secondaire reste accessible dans chaque hero */
@media screen and (min-width:992px) and (max-width:1149px){
.navbar_button-wrapper .sq-nav-trial,
.navbar_button-wrapper .button.login.hide-tablet{display:none}
}

/* ---- B4 : jamais de bouton vert sur un hero vert ---- */
html[data-wf-page="688a2760b5e40346e13aa187"] .product-hero-sectioon .button.is-green,
html[data-wf-page="69b955e944f929c9383ed3ec"] .product-hero-sectioon .button.is-green{background-color:#1B1B1B;color:#F8FFF4}
html[data-wf-page="688a2760b5e40346e13aa187"] .product-hero-sectioon .button.is-green .txt-btn,
html[data-wf-page="69b955e944f929c9383ed3ec"] .product-hero-sectioon .button.is-green .txt-btn{color:#F8FFF4}

/* ---- B5a : bentos, replier a 768-991 comme le fait deja le mobile ---- */
@media screen and (min-width:768px) and (max-width:991px){
.solution-bento-grid{grid-template-columns:1fr}
.solution-bento-grid>*{grid-column-start:auto !important;grid-column-end:span 1 !important}
.product-bentogrid.first-3,.product-bentogrid.first-3.technologie{grid-template-columns:1fr}
.product-bentogrid.first-3>*,.product-bentogrid.second-3>*{grid-column-start:auto !important;grid-column-end:span 1 !important}
.solution-bento-box.bg-dark-green.min-height-500.flex-bottom-left,
.solution-bento-box.bg-dark-green.min-height-360.flex-left,
.solution-bento-box.bg-light-green.min-height-500.flex-bottom-left{min-height:300px}
.bento-wrapper.vertical{flex-flow:column;align-items:flex-start}
}
@media screen and (max-width:991px){
.soluton-bento-wrapper{flex-flow:column;min-width:0;max-width:100%}
.soluton-bento-wrapper>*{min-width:0;max-width:100%}
.bento-left-content{max-width:100%}
}
.bento-vertical-div,.solution-bento-box,.why_horizontal-item{overflow-wrap:break-word}
.light-green-badge-list{flex-wrap:wrap}

/* ---- B5b : hauteurs figees remplacees par des min-height ---- */
.avis_tab-wrapper,.auto-tabs_pane{height:auto;min-height:450px}
.why_horizontal-item{height:auto;min-height:360px}
.why_horizontal-item.attract{height:auto;min-height:320px}
@media screen and (max-width:991px){
.avis_tab-wrapper,.auto-tabs_pane{height:auto;min-height:554px}
.why_horizontal-item.attract{height:auto;min-height:300px}
}
@media screen and (max-width:991px){
.avis_tab-wrapper,.auto-tabs_pane{height:auto;min-height:400px}
.why_horizontal-item{height:auto;min-height:0}
}
@media screen and (max-width:479px){
.avis_tab-wrapper,.auto-tabs_pane{height:auto;min-height:500px}
.why_horizontal-item.attract{height:auto;min-height:0}
}

/* ---- V1 : footer allemand entre 992 et 1099 ---- */
@media screen and (min-width:768px) and (max-width:1279px){
.footer_content-wrapper{grid-column-gap:2rem}
.footer_top-wrapper{grid-column-gap:1.5rem}
}
/* ---- V2 : mentions legales ES a 768 ---- */
.footer_legal-list{display:flex;flex-wrap:wrap;justify-content:center;column-gap:1.5rem;row-gap:.5rem}

/* ============================================================
   B6 (2026-08-14) : ROGNAGE HORIZONTAL des locales longues.
   Cause commune mesuree : un mot compose allemand (ou une chip
   en white-space:nowrap) impose un plancher de min-content a un
   conteneur en overflow:hidden, qui coupe le texte.
   Correctif : plancher remis a zero (min-width:0) et retour a la
   ligne autorise. Mesure avant/apres a 340/520/768/900/1024/1280
   dans les 4 langues : le francais ne bouge pas (0 px partout).
   ============================================================ */
/* B6a : titres composes allemands dans les cartes du scroll horizontal
   (Match 103 px a 1024, 52 px a 1280 ; Attract et Entreprise 45 px ;
   Ecole 21 px) -> 0 px */
.why_top-wrapper,.why_top-wrapper > *{min-width:0}
.why_horizontal-item,.why_horizontal-item *{min-width:0}
.why-text-smaller,.why_content-wrapper{overflow-wrap:anywhere}

/* B6b : bentos horizontaux verts, l'embed sqv2 ne pouvait pas retrecir
   (Match 45 px a 768 et 61 px a 1024 ; Ecole 26 px et 42 px) -> 0 px */
.bento-horizontal-div .bento-wrapper{min-width:0}
.bento-horizontal-div .bento-content-wrapper{flex:1 1 0;min-width:0}
.bento-horizontal-div .w-embed{min-width:0}

/* B6c : bandeau conformite Attract, chips non secables (24 px a 340) -> 0 px */
.sqv2-cfm .chips .chip{white-space:normal}

/* B6d : carte profil Entreprise (6 px a 768, 33 px a 1024) -> 0 px */
.sqv2-en6.sqk .prof .pt b{overflow-wrap:anywhere}

/* B6e : carrousel Match, le volet sqv2-git provoquait 14 px de scroll
   horizontal parasite a 768 en allemand -> 0 px */
.ads-tabs-wrapper{min-width:0;max-width:100%}
.ads-tabs-wrapper .w-embed{min-width:0;max-width:100%}
.ads-tabs-wrapper .sqv2-git{max-width:100%}
.ads-tabs-wrapper .sqv2-git .hd{flex-wrap:wrap}


/* ==== sq-design-p11 : lot apple-design 2026-08-20 ==== */

/* A13 : LE fond clair de marque est le papier #FBF6EC (DS). F8FFF4 ne sert jamais de fond. */
body{background-color:#FBF6EC}

/* A4 : interlignage du corps a 1,5 (les blocs denses gardent leurs regles propres :
   .button, .navbar_link, .footer_link, .avis_name, .avis_job, .text-size-small restent a 110%) */
p{line-height:1.5}
.text-size-regular{line-height:1.5}
.text-size-18px{line-height:1.5}

/* A5 : Hedvig n'existe qu'en 400, jamais de faux gras sur la serif (tag h2, les classes gardent la main) */
h2{font-weight:400;line-height:1.1}

/* A8/C4 : focus clavier de marque, un seul systeme pour tout le site */
:focus-visible{outline:2px solid #43AA8B;outline-offset:2px}
.button.is-green:focus-visible,.sq-sec-btn:focus-visible,.sq-inv-bt:focus-visible{outline-color:#024455}

/* A12 : cibles tactiles, zone cliquable etendue sans changement visuel */
.footer_legal-link{display:inline-block;padding-top:8px;padding-bottom:8px}
.footer_social-link{padding:8px;margin:-8px}
a[href^="tel:"]{display:inline-block;padding-top:6px;padding-bottom:6px}
.sqa-l,.sqa-l-dark,.bento-link,.sq-inv-link,.sq-gloss-link{display:inline-block;padding-top:5px;padding-bottom:5px}

/* C5 : titres de rich text en noir, le teal est reserve aux surfaces et vignettes */
.text-rich-text h2,.text-rich-text h3{color:#1B1B1B}

/* A2 : chiffres verts sous 24px en green-700 (embeds Ecole, classe .kv interne aux embeds) */
.kv{color:#2E7E65!important}

/* B-accueil.1 : le collage de mockups du hero home se disloque sous 1200px, on le masque
   (precedent acte : heros Secteurs variante C) */
@media (max-width:1199px){
html[data-wf-page="66bc65300d219ae248200c43"] .header_images-wrapper{display:none}
}


/* p12 minutie 2026-08-20 : continuite du fond papier + liens non styles + petites tailles */
/* 1. section_cta : la moitie haute etait en degrade quasi-blanc (#FEFFFD->#F8FFF4), rupture avec le fond papier A13 */
.section_cta, .section_cta.dark{background-image:linear-gradient(180deg,#fbf6ec,#fbf6ec 50%,var(--background-color--background-primary)50%,var(--background-color--background-primary)100%)}
/* 2. hero du template Secteurs : F8FFF4 n'est jamais un fond (DS) */
.section_hero.dark{background-color:#fbf6ec}
/* 3. liens sans classe (intros des hubs ressources, bloc "Tous nos articles" de /blog) : bleu navigateur -> green-700 */
a:not([class]){color:#2e7e65;text-decoration:underline;text-underline-offset:2px}
a:not([class]):hover{color:#43aa8b}

/* SQ 2026-08-22 v6 : normalisation optique du bandeau clients, SITE-WIDE.
   Decisions CEO du 21/08 (verbatim applique) :
   - bandeau principal reduit a 15 logos de notoriete (mecanisme CMS/composant, pas CSS : champ switch bandeau-principal + liste curated sur le composant Bandeau clients - Tous) ;
   - les 7 juges trop petits montent d'un palier : lockups empiles Anett / Universite du Domicile / Liveli / Greta 30 -> 34, carres Besson / Academie de Reims / Trois Virgule Cinq 28 -> 32 (MSA, LCL, Valeo, Guy Hoquet restent au palier lockup 30) ;
   - Telecom SudParis (fichier co-brande IP Paris, illisible a 32) : 38 px, ne vit plus que dans la variante Ecoles.
   Retour CEO du 22/08 (Guy Hoquet, Polytechnique, LCL trop petits), applique en v6 :
   - LCL et Guy Hoquet (fichier recadre guy-hoquet-blanc-sq, encre 454x189) quittent le palier lockup 30 et rejoignent les lockups grossis a 34 (restent a 30 : MSA, Valeo) ;
   - Polytechnique (fichier deja recadre 785x200, roundel + 3 lignes de texte fin, ratio 3,92) recoit un palier dedie 36 desktop / 29 mobile, comme les wordmarks etires.
   Hauteurs par categorie de signe : 32 base, 30 lockups empiles, 34 lockups grossis CEO, 32 carres grossis CEO, 35 horizontaux compacts (Dalkia, 3 Brasseurs), 29 horizontaux denses, 36 wordmarks etires et Polytechnique (bornes par max-width), 38 Telecom SudParis.
   Retour CEO du 22/08 (2e passe, "encore un peu plus gros"), applique en v7 :
   - LCL et Guy Hoquet quittent le groupe 34 pour un palier dedie 37 desktop / 29 mobile ;
   - Polytechnique passe a 39 desktop (max-width relevee a 160, sinon le cap 148 l'aurait borne a 37,8) / 31 mobile (max-width 130).
   Retour CEO du 22/08 (3e passe), applique en v8 : LCL 40/31 ; Dalkia 38/30 (3 Brasseurs reste 35/28) ; MSA et Valeo 34/27 (rejoignent le palier lockup CEO).
   v15 du 22/08 : correctifs menu flottant : pont de survol repare (le clipping passe de la liste au container interne, le ::before n'est plus rogne), fond vert IX2 de la navbar neutralise a l'ouverture (selecteur [style*=] sur l'inline), top 80px.
   Rollback : repointer le lien du head sur 6a88f50209bfc5d124954b25_sq-design-global-v7.css (v6 : 6a88ed7239255c4e20d3f958). */
.brand_loop-wrapper .marquee-image{height:32px;width:auto;max-width:148px;object-fit:contain}
.brand_loop-wrapper img[src*="msa-blanc"],.brand_loop-wrapper img[src*="valeo-blanc"]{height:34px}
.brand_loop-wrapper img[src*="anett-blanc"],.brand_loop-wrapper img[src*="liveli-blanc"],.brand_loop-wrapper img[src*="universite-du-domicile"],.brand_loop-wrapper img[src*="greta-nord-alsace"]{height:34px}
.brand_loop-wrapper img[src*="guy-hoquet-blanc"]{height:37px}
.brand_loop-wrapper img[src*="lcl-blanc"]{height:40px}
.brand_loop-wrapper img[src*="academie-de-reims"],.brand_loop-wrapper img[src*="transport-besson"],.brand_loop-wrapper img[src*="trois-virgule-cinq"]{height:32px}
.brand_loop-wrapper img[src*="3-brasseurs-blanc"]{height:35px}
.brand_loop-wrapper img[src*="dalkia-blanc"]{height:38px}
.brand_loop-wrapper img[src*="canal-plus"],.brand_loop-wrapper img[src*="winamax"],.brand_loop-wrapper img[src*="tbwa"],.brand_loop-wrapper img[src*="vestas"],.brand_loop-wrapper img[src*="remax"],.brand_loop-wrapper img[src*="kia-logo"],.brand_loop-wrapper img[src*="wakam"]{height:29px}
.brand_loop-wrapper img[src*="lefebvre-dalloz"],.brand_loop-wrapper img[src*="openclassrooms"],.brand_loop-wrapper img[src*="honda-blanc"]{height:36px}
.brand_loop-wrapper img[src*="polytechnique-blanc"]{height:39px;max-width:160px}
.brand_loop-wrapper img[src*="telecom-sud-paris"]{height:38px}
.brand_loop-wrapper:hover .marquee-content.scroll,.brand_loop-wrapper:focus-within .marquee-content.scroll{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.brand_loop-wrapper .marquee-content.scroll{animation:none!important;transform:none!important}.brand_loop-wrapper .marquee{overflow-x:auto}}
@media (max-width:991px){.brand_loop-wrapper .marquee-image{height:26px;max-width:120px}
.brand_loop-wrapper img[src*="msa-blanc"],.brand_loop-wrapper img[src*="valeo-blanc"]{height:27px}
.brand_loop-wrapper img[src*="anett-blanc"],.brand_loop-wrapper img[src*="liveli-blanc"],.brand_loop-wrapper img[src*="universite-du-domicile"],.brand_loop-wrapper img[src*="greta-nord-alsace"]{height:27px}
.brand_loop-wrapper img[src*="guy-hoquet-blanc"]{height:29px}
.brand_loop-wrapper img[src*="lcl-blanc"]{height:31px}
.brand_loop-wrapper img[src*="academie-de-reims"],.brand_loop-wrapper img[src*="transport-besson"],.brand_loop-wrapper img[src*="trois-virgule-cinq"]{height:26px}
.brand_loop-wrapper img[src*="3-brasseurs-blanc"]{height:28px}
.brand_loop-wrapper img[src*="dalkia-blanc"]{height:30px}
.brand_loop-wrapper img[src*="canal-plus"],.brand_loop-wrapper img[src*="winamax"],.brand_loop-wrapper img[src*="tbwa"],.brand_loop-wrapper img[src*="vestas"],.brand_loop-wrapper img[src*="remax"],.brand_loop-wrapper img[src*="kia-logo"],.brand_loop-wrapper img[src*="wakam"]{height:24px}
.brand_loop-wrapper img[src*="lefebvre-dalloz"],.brand_loop-wrapper img[src*="openclassrooms"],.brand_loop-wrapper img[src*="honda-blanc"]{height:29px}
.brand_loop-wrapper img[src*="polytechnique-blanc"]{height:31px;max-width:130px}
.brand_loop-wrapper img[src*="telecom-sud-paris"]{height:30px}}


/* ===== sq-menu3 : menu deroulant concept 3 v3 (arbitrages CEO 22/08/2026 : M1-A, M2, M3, M4), DESKTOP UNIQUEMENT =====
   Structure 100% native (blocs de preuve, chips cliquables, agent-rows et entree Securite crees via WHTML builder
   + data_style_tool dans le composant Navbar) ; ce bloc style les classes en >=992px, le menu mobile est intact
   (les nouveaux elements desktop sq-m3-agent-row / sq-m3-sec sont masques <992px, les anciens titres masques >=992px).
   NB Webflow : la combo "-ressource" est rendue ".ressource", "-2"/"-3" rendues "._2"/"._3". */

/* base tous ecrans : le label "Les agents" remplace l'ancien bloc text-size-18px (supprime), il doit rester lisible en mobile */
.sq-m3-eyebrow{font-size:18px;font-weight:500}
/* les rangees agent (nom+pastille+sous-titre) et l'entree Securite sont des elements desktop : masques en mobile */
@media (max-width:991px){
.sq-m3-agent-row,.sq-m3-sec{display:none}
}

@media (min-width:992px){
/* panneau : deux zones, gauche papier / droite sombre */
.navbar_dropdown-list.w--open{padding:0;position:fixed;top:80px;left:50%;right:auto;transform:translateX(-50%);width:1160px;min-width:0;max-width:calc(100vw - 48px);border-radius:18px;overflow:visible;box-shadow:0 30px 70px rgba(27,49,40,.16);border:1px solid #E9ECE7;z-index:1001;background-color:transparent}
.navbar_dropdown-list.w--open::before{content:'';position:absolute;top:-30px;left:0;right:0;height:30px}
.navbar_dropdown-list.w--open>.navbar_dropdown-container{overflow:hidden;border-radius:17px;height:100%;background-color:#fff}
/* l'interaction historique peint la navbar en vert a l'ouverture (style inline IX2) : neutralisee */
.navbar_component[style*="rgb(67, 170, 139)"]{background-color:transparent!important}
.navbar_dropdown-content{grid-template-columns:1.35fr 1fr;grid-column-gap:0;grid-row-gap:0;align-items:stretch}
.navbar_dropdown-who-wrapper,.navbar_dropdown-item-wrapper,.navbar_dropdown-ressources-wrapper{padding:38px 44px 36px 48px}

/* labels de groupe -> eyebrow verte ("Les agents" = .sq-m3-eyebrow, Ressources = .navbar_dropdown-item-wrapper>.text-size-18px) */
.navbar_dropdown-item-wrapper>.text-size-18px,
.sq-m3-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#2E7E65;margin-bottom:12px}
/* M1-A : "Par objectif" retire ; "Par besoin" reactive en eyebrow au-dessus des liens secondaires */
.navbar_dropdown-type-wrapper>.text-size-18px,
.navbar_dropdown-type-wrapper>p.text-size-small,
.navbar_dropdown-item-wrapper>p.text-size-small,
.navbar_dropdown-besoin-wrapper>p.text-size-small{display:none}
.navbar_dropdown-besoin-wrapper>.text-size-18px{display:block;font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#2E7E65;margin:26px 0 0}

/* grands liens : Par objectif (Solutions) */
.navbar_dropdown-who-grid-2{display:block}
.navbar_dropdown-who-grid-2 .navbar_dropdown-type-item{display:block;background-color:transparent;padding:13px 0;border-radius:0;border-bottom:1px solid #EFE9DC}
.navbar_dropdown-who-grid-2 .navbar_dropdown-icon-wrapper{display:none}
.navbar_dropdown-who-grid-2 .navbar_dropdown-type-content{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:baseline;gap:16px;width:100%}
.navbar_dropdown-who-grid-2 .navbar_dropdown-type-content>.text-size-regular{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.15;transition:color .15s ease}
.navbar_dropdown-who-grid-2 .navbar_dropdown-type-content>p.text-size-small{margin-left:auto;margin-bottom:0;font-size:12.5px;color:#8A928A;max-width:220px;text-align:right;line-height:1.35;flex:0 0 auto}
.navbar_dropdown-who-grid-2 .navbar_dropdown-type-item:hover .navbar_dropdown-type-content>.text-size-regular{color:#2E7E65}

/* petite rangee : Par besoin (Solutions) */
.navbar_dropdown-besoin-grid{display:flex;gap:26px;flex-wrap:wrap;margin-top:12px}
.navbar_dropdown-besoin-grid .navbar_dropdown-type-item{display:block;background-color:transparent;padding:0;border:none;border-radius:0}
.navbar_dropdown-besoin-grid .navbar_dropdown-icon-wrapper{display:none}
.navbar_dropdown-besoin-grid .navbar_dropdown-type-content{display:flex;flex-flow:row}
.navbar_dropdown-besoin-grid .navbar_dropdown-type-content p{display:none}
.navbar_dropdown-besoin-grid .navbar_dropdown-type-content .text-size-regular{font-size:14.5px;font-weight:700}
.navbar_dropdown-besoin-grid .navbar_dropdown-type-content .text-size-regular::after{content:' \2192';color:#43AA8B}
.navbar_dropdown-besoin-grid .navbar_dropdown-type-item:hover .text-size-regular{color:#2E7E65}

/* grands liens : Agents (M4 : rangees natives nom + pastille + sous-titre, anciens titres masques en desktop) */
.navbar_dropdown-content-grid{display:block;padding:0}
.navbar_dropdown-content-grid .navbar_dropdown-item,
.navbar_dropdown-content-grid .sq-m3-sec{display:block;height:auto;min-height:0;background-color:transparent;padding:13px 0;border-radius:0;border-bottom:1px solid #EFE9DC;overflow:visible;text-decoration:none;color:#1B1B1B}
.navbar_dropdown-content-grid .navbar_dropdown-bg-img{display:none}
.navbar_dropdown-content-grid .navbar_dropdown-content-wrapper{display:block}
.navbar_dropdown-content-grid .navbar_dropdown-content-wrapper>.text-size-regular{display:none}
.navbar_dropdown-content-grid p.text-size-small{display:none}
.sq-m3-agent-row{display:flex;flex-flow:row nowrap;align-items:center;gap:12px;width:100%}
.sq-m3-agent-name{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.15;color:#1B1B1B;transition:color .15s ease}
.sq-m3-agent-sub{margin-left:auto;font-size:12.5px;font-weight:500;color:#8A928A;text-align:right;max-width:240px;line-height:1.35;flex:0 0 auto}
.sq-m3-agent-row .sq-m3-pill{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#2E7E65;border:1px solid rgba(67,170,139,.5);background-color:rgba(67,170,139,.10);border-radius:999px;padding:3px 9px;line-height:1.2;flex:0 0 auto;margin:0}
.navbar_dropdown-content-grid .navbar_dropdown-item:hover .sq-m3-agent-name,
.navbar_dropdown-content-grid .sq-m3-sec:hover .sq-m3-agent-name{color:#2E7E65}

/* grands liens : Ressources */
.navbar_dropdown-ressources-wrapper{display:flex;flex-direction:column}
.navbar_dropdown-item.ressource{display:block;height:auto;min-height:0;background-color:transparent;padding:13px 0;border-radius:0;border-bottom:1px solid #EFE9DC;overflow:visible}
.navbar_dropdown-ressource-bg-img{display:none}
.navbar_dropdown-item.ressource .btn-arrow_wrapper{display:none}
.navbar_dropdown-item.ressource .navbar_dropdown-content-wrapper{display:flex;flex-flow:row nowrap;align-items:baseline;gap:16px}
.navbar_dropdown-item.ressource .text-size-regular{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.15;transition:color .15s ease}
.navbar_dropdown-item.ressource p.text-size-small{margin-left:auto;margin-bottom:0;font-size:12.5px;color:#8A928A;max-width:220px;text-align:right;line-height:1.35;flex:0 0 auto}
.navbar_dropdown-item.ressource:hover .text-size-regular{color:#2E7E65}
.navbar_dropdown-ressource-more{margin-top:22px;background-color:transparent;border-radius:0;padding:0;width:auto;justify-content:flex-start;grid-column-gap:10px}
.navbar_dropdown-ressource-more .text-size-regular{font-size:14.5px;font-weight:700}
.navbar_dropdown-ressource-more:hover .text-size-regular{color:#2E7E65}

/* M2 : chips clients cliquables, une seule ligne, animation bouton + fleche centree */
.sq-m3-chips{display:flex;flex-wrap:nowrap;overflow:hidden;gap:8px;margin-bottom:4px}
.sq-m3-chip{display:inline-flex;align-items:center;font-size:12px;font-weight:700;color:#F8FFF4;border:1px solid rgba(248,255,244,.28);border-radius:999px;padding:5px 11px;white-space:nowrap;text-decoration:none;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}
.sq-m3-chip::after{content:'\2192';display:inline-block;max-width:0;opacity:0;overflow:hidden;color:#6EC2A8;font-size:12px;line-height:1;transform:translateY(-.5px);transition:max-width .18s ease,opacity .18s ease,margin-left .18s ease}
.sq-m3-chip:hover{border-color:#43AA8B;background-color:rgba(67,170,139,.16);transform:translateY(-1px)}
.sq-m3-chip:hover::after{max-width:14px;opacity:1;margin-left:6px}
.sq-m3-diag{font-size:15px}

/* zone sombre (Solutions : 53% + chips + diagnostic ; Ressources : diagnostic IA 2 colonnes ; Agents : donnee + cas clients) */
.navbar_dropdown-case-item{background-color:#1B1B1B;background-image:radial-gradient(ellipse 60% 50% at 100% 0%,rgba(67,170,139,.18),transparent 60%);border-radius:0;margin:0;max-width:none;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:38px 40px 32px;height:100%}
.navbar_dropdown-case-item .sq-m3-proof-head{margin-bottom:auto}
.navbar_dropdown-case-item .sq-m3-who{margin-top:22px;border-top:1px solid rgba(248,255,244,.14);padding-top:18px}
.navbar_dropdown-case-logo-wrapper{display:none}
.navbar_dropdown-ressource-wrapper{display:block;margin:18px 0 0;max-width:250px}
.navbar_dropdown-ressource-wrapper img{border-radius:12px;width:100%;height:auto;display:block}
.navbar_dropdown-case-link-wrapper{margin-top:16px}
.navbar_dropdown-case-item .text-color-secondary{color:#F8FFF4}

/* M3 : Ressources, texte et visuel du Diagnostic en 2 colonnes */
.sq-m3-diagrow{display:grid;grid-template-columns:1.05fr .95fr;grid-column-gap:16px;align-items:center;margin-bottom:auto}
.sq-m3-diagrow .sq-m3-proof-head{margin-bottom:0}
.sq-m3-diagrow .navbar_dropdown-ressource-wrapper{margin:0;max-width:none}

/* Agents IA : colonne droite = bloc donnee (l'article CMS est masque en desktop, il reste dans le menu mobile) */
.sq-m3-proof-data{position:relative;align-self:stretch;height:100%;margin:0;border-radius:0;padding:38px 40px;background-image:radial-gradient(ellipse 60% 50% at 100% 0%,rgba(67,170,139,.18),transparent 60%)}
.sq-m3-proof-data .sq-m3-sub{margin-bottom:auto}
.sq-m3-proof-data .navbar_dropdown-case-link-wrapper{margin-top:22px;border-top:1px solid rgba(248,255,244,.14);padding-top:18px}
.sq-m3-proof-data .text-color-secondary{color:#F8FFF4}
.sq-m3-proof-data .dropdown_case-link{position:absolute;top:0;left:0;right:0;bottom:0}
.sq-m3-proof-data{display:flex;flex-direction:column}
.navbar_dropdown-blog-wrapper{display:none}
}