/* =====================================================================
   ACTAV : COMPATIBILITE DE LA FEUILLE GENERALE AVEC LES PAGES NON CONVERTIES
   Refonte du 24/09/2026 (cahier des charges, lot 0). Posee JUSTE APRES
   actav-css-general.css, donc avant le CSS additionnel (Customizer 32525).

   POURQUOI. La feuille generale restyle les pages existantes (module B pour
   les pages .actav-* sans .ahx, section 6 pour les pages .ahx) en attendant
   leur conversion. Mesure du 24/09 (apercu Playwright, 65 pages, 3 largeurs,
   compare au site en ligne) : 21 causes de defauts nouveaux, toutes nees de
   regles qui ne connaissaient pas un bloc sombre, un bouton, un en-tete de
   page ou une regle mobile du site. Chaque regle ci-dessous corrige UNE cause,
   sans toucher a la feuille du cahier : on la retire (ou on la vide) quand les
   pages concernees sont converties.

   REGLES D'ECRITURE. Chaque selecteur reprend celui de la regle corrigee avec
   une specificite superieure (compter les classes avant d'ecrire). Couleurs :
   jetons de la feuille generale, ou couleur d'origine de la page quand on
   restaure un bloc sombre. Aucun "etoile slash" dans un commentaire.
   Retrait : wp option update actav_refonte_compat_off 1
   ===================================================================== */

/* C1. Bouton contour lime (.actav-btn-outline-lime) : il etait dessine pour une
   bande bleu nuit ; le module B passe la bande finale et le hero en fond clair,
   le texte lime y tombe a 1,1:1 (accueil, comment-ca-marche, creer-mon-entreprise,
   generateurs, delais, vigilance). Meme traitement que .actav-btn-outline-white (B2). */
html body:not(:has(.ahx)) :is(.actav-hero,.actav-page,.actav-cta-final) .actav-btn.actav-btn-outline-lime{background:#fff!important;color:var(--ax-ink,#111318)!important;border:1.5px solid var(--ax-bleu-pale,#DEEAFC)!important;font-weight:600!important}
html body:not(:has(.ahx)) :is(.actav-hero,.actav-page,.actav-cta-final) .actav-btn.actav-btn-outline-lime:is(:hover,:focus-visible){background:#fff!important;border-color:var(--ax-roi,#0940D0)!important;color:var(--ax-roi,#0940D0)!important}

/* C2. Titre du sommaire (module B5) : --ax-gris-t2 sur --ax-gris-bg = 4,34:1,
   sous le seuil AA de 4,5 pour un texte de 13 px. Jeton --ax-gris-t (6,1:1). */
html body:not(:has(.ahx)) .actav-sommaire .actav-sommaire-title{color:var(--ax-gris-t,#555B67)!important}

/* C3. Legende des schemas des pages .ahx (section 6) : --ax-mut-2 sur le fond
   gris du schema = 4,39:1. Jeton --ax-mut (6,8:1). */
html body .ahx figure.ahx-schema figcaption{color:var(--ax-mut,#4A5568)!important}

/* C4. Blocs SOMBRES poses dans la colonne (.vgl-baro du barometre Vigilance, et
   tout bloc qui respecte le contrat .actav-dark du site) : le module B4 peint
   titres, paragraphes et liens de la colonne en encre foncee, invisibles sur le
   bleu nuit (1,1:1). On rend au bloc ses couleurs d'origine. */
html body:not(:has(.ahx)) .actav-main :is(.vgl-baro,.actav-dark) :is(h2,h3,h4){color:#fff!important}
html body:not(:has(.ahx)) .actav-main :is(.vgl-baro,.actav-dark) p{color:rgba(255,255,255,.78)!important}
html body:not(:has(.ahx)) .actav-main :is(.vgl-baro,.actav-dark) :is(p,li,td) a:not([class*="btn"]){color:var(--ax-lime,#B1FE00)!important;text-decoration:underline!important}
/* meme cause, tableau de bord Vigilance (.vig-dash, bleu nuit) : paragraphe d'origine a 88 % de blanc */
html body:not(:has(.ahx)) .actav-main .vig-dash p{color:rgba(255,255,255,.88)!important}
/* meme cause, encadre « Demandes presse et donnees » (/vigilance/presse/, .vgl-contact, bleu nuit) */
html body:not(:has(.ahx)) .actav-main .vgl-contact h3{color:#fff!important}
html body:not(:has(.ahx)) .actav-main .vgl-contact :is(p,p strong){color:rgba(255,255,255,.85)!important}

/* C5. Surtitre dans une bande sombre (profil avocat, section « Travailler avec ») :
   .actav-label passe au bleu --ax-bleu (2,8:1 sur le bleu nuit). Lime d'origine. */
html body:not(:has(.ahx)) .actav-av-model p.actav-label{color:var(--ax-lime,#B1FE00)!important}

/* C6. Chapeau du hero bleu nuit du blog (/articles/) : B1 le passe en gris
   --ax-gris-t sans toucher au fond (2,3:1). Couleur d'origine de la page. */
html body:not(:has(.ahx)) .actav-blog-hero p.actav-hero-desc{color:rgba(255,255,255,.78)!important}

/* C7. Barre CTA mobile des pages a colonne laterale : le CSS additionnel masque
   la carte « Avocats du reseau » (.ahx-proof) sous 900 px, car l'aside devient
   une barre fixe en bas d'ecran. La regle de section 6 « body .ahx .ahx-proof »
   (0,2,1) la reaffichait par-dessus la page (panneau fixe de 627 px sur 900). */
@media (max-width:900px){
  html body .actav-sidebar .ahx .ahx-proof{display:none!important}
}

/* C8. Heros des delais (.dly-hero) et des guides Vigilance (.vgc-hero) : leur
   padding haut est fixe par la page (66 px) et B1 retire les 24 px de
   .actav-hero-inner ; le fil d'Ariane passait a 12 px sous l'en-tete collant
   (seuil du site : 24 px). On rend les 24 px d'origine. */
html body:not(:has(.ahx)) :is(.dly-hero,.vgc-hero) .actav-hero-inner.actav-hero-inner{padding-top:24px!important}

/* C9. Liens dans un texte gris (avertissement final, reponses de FAQ, cellules,
   etapes, colonne laterale) : B4 retire le soulignement et le bleu --ax-bleu n'a
   que 1,2:1 de contraste avec le gris --ax-gris-t qui l'entoure (WCAG 1.4.1,
   axe « link-in-text-block »). Le lien reste souligne dans ces seuls contextes. */
html body:not(:has(.ahx)) .actav-main>.actav-callout:last-child a:not([class*="btn"]),
html body:not(:has(.ahx)) .actav-main .actav-faq-a a:not([class*="btn"]),
html body:not(:has(.ahx)) .actav-main .actav-table-wrap td a:not([class*="btn"]),
html body:not(:has(.ahx)) .actav-main .actav-steps p a:not([class*="btn"]),
html body:not(:has(.ahx)) .actav-sidebar-cta p a:not([class*="btn"]),
html body:not(:has(.ahx)) .actav-cta-final-desc a:not([class*="btn"]){text-decoration:underline!important;text-underline-offset:2px}

/* C10. Barre de confiance dans les heros .acx (hubs et villes « avocat cession », heros aligne a GAUCHE) :
   la regle B1 « .actav-trust » centre les pastilles pour le hero centre du module B ; la feuille generale
   ne connait pas la famille .acx, dont la barre se retrouvait centree sous un texte aligne a gauche. */
html body:not(:has(.ahx)) .acx-hero .actav-trust.actav-trust{justify-content:flex-start!important}

/* C11. Fil d'Ariane du header des pages transactionnelles (.ax-th, section 7) : --ax-gris-t2 (#6C727F) sur le
   fond du header (#F0F4FF) = 4,39:1, sous le seuil AA de 4,5:1 pour un texte de 13 px. Les liens passent au
   gris texte du site --ax-gris-t (#555B67, 6,3:1) ; le survol en bleu de la feuille generale (0,3,2) reste
   devant cette regle (0,2,3). Mesure du 25/09/2026, apercu du lot 3 (6 pages). */
html body .ax-th .ax-th-ariane a{color:var(--ax-gris-t,#555B67)!important}

/* C12. Boutons des gabarits du cahier AU SURVOL : la regle generique des liens de la feuille generale
   (« body :is(.axm,.axt,.ax-seo) a...:hover », specificite 0,2,2, !important) repeint le texte des liens en
   --ax-bleu-h, la couleur meme du fond survole de ces boutons : le libelle disparaissait (1:1 ; 1,8:1 sur le
   bouton marine). Les regles de ces boutons fixent le texte blanc au repos (0,2,1) mais pas au survol. On garde
   leur blanc au survol et au focus (0,3,3), DANS ces seuls conteneurs (ailleurs la regle generique ne joue pas,
   et .actav-btn-lime garde son survol d'origine). Mesure du 25/09/2026 : 52 boutons sur
   les 22 pages du lot 3 (survol reel a la souris) ; .axv-side-b et .actav-btn-lime suivent le meme schema. */
html body :is(.axm,.axt,.ax-seo) :is(a,button):is(.ax-hh-cta,.ax-hm-cta,.ax-th-cta,.axt-btn,.axt-cta-noir,.axv-side-b,.actav-btn-lime):is(:hover,:focus-visible){color:#fff!important}

/* C13. Liens dans l'ancien contenu que les gabarits du cahier gardent dans leur zone libre (.axt-libre) : les blocs
   .ahx-scnb (sources) et .actav-callout (encadres) posaient des liens sans soulignement, que seule la couleur
   distinguait du texte (axe « link-in-text-block », WCAG 1.4.1). Liens de texte seulement (sans classe). */
html body .axt-libre :is(.ahx-scnb, .actav-callout) > a:not([class]){text-decoration:underline!important;text-underline-offset:2px}

/* C14. Cellules d'etat des tableaux comparatifs (.actav-td-green, .actav-td-orange ; /quelle-cession-dentreprise-me-concerne/) :
   vert #22C55E a 2,1:1 et orange #E65100 a 3,6:1 sur les fonds clairs du tableau. Memes teintes, plus sombres
   (6,5:1 et 6,8:1). Mesure du 25/09/2026 : une seule page du site porte ces classes, toujours sur fond clair. */
html body td.actav-td-green{color:#166534!important}
html body td.actav-td-orange{color:#9A3412!important}

/* C15. Bouton « Copier le lien » des blocs « Citer ce... » (.cite-copy-btn, 101 pages : generateurs, delais,
   simulateurs) : la regle generique des boutons du CSS 32525 (button:not(...):hover et :focus, fond #0940D0,
   specificite 0,5,1) peint le fond en bleu, et la regle de survol du bouton peint son texte du meme bleu :
   libelle invisible au survol (1:1), et sur mobile apres un appui. Survol et focus : fond blanc, texte et bordure
   bleus (7,9:1), le dessin du bouton ; etat « copie » (.copied) inchange, vert a texte marine. Classe repetee
   5 fois (0,6,1) : passe devant la regle generique, imprimee apres cette feuille. Mesure du 25/09/2026. */
html body button.cite-copy-btn.cite-copy-btn.cite-copy-btn.cite-copy-btn.cite-copy-btn:is(:hover,:focus){background-color:#fff!important;color:#0940D0!important;border-color:#0940D0!important}
html body button.cite-copy-btn.cite-copy-btn.cite-copy-btn.cite-copy-btn.cite-copy-btn.copied{background-color:#B1FE00!important;border-color:#B1FE00!important;color:#16233f!important}

/* C16. Boutons contour simples (<button class="actav-btn actav-btn-outline">, ex. « Ajouter a mon agenda (.ics) » des
   calculateurs de delais, 37 contenus) : leur regle pose le fond blanc au repos (0,1,0) mais aucun fond au survol,
   et la regle du theme « button:hover, button:focus » (0,1,1, fond #c36) passait devant : texte bleu sur rose
   au survol (1,6:1), texte blanc sur rose au focus. Survol et focus : fond blanc, texte et bordure bleus (7,9:1),
   le dessin du lien-bouton. Les variantes -white, -lime et -blue ont leur propre fond de survol : exclues. */
html body button.actav-btn-outline:not(.actav-btn-outline-white):not(.actav-btn-outline-lime):not(.actav-btn-outline-blue):is(:hover,:focus){background-color:#fff!important;color:#0940D0!important;border-color:#0940D0!important}

/* C17. Pagination de la grille /bibliotheque/ (widget EAEL 74f9391 du gabarit 33465) : au survol, fond lime
   #C2F046 et texte BLANC (1,3:1). Texte marine au survol et au focus (11,7:1), le fond lime reste. */
html body .eael-product-grid-pagination .woocommerce-pagination a:is(:hover,:focus){color:#16233f!important}

/* C18. Boutons .cta-btn des articles (fond bleu, texte blanc ; variante .cta-btn-secondary : contour, texte blanc) :
   la regle generique « a:hover { color: #072EA0 } » du CSS 32525 (0,1,1) passait devant leur texte blanc (0,1,0) :
   bleu fonce sur bleu au survol (2:1). Leur texte reste blanc au survol et au focus. */
html body a.cta-btn:is(:hover,:focus){color:#fff!important}

/* C19. Choix des options des fiches produit (button.avx-sw des variantes WooCommerce : statuts, domiciliation...) : les
   regles generiques des boutons du CSS 32525 (button:not(...) : fond transparent et texte bleu (0,4,1), fond bleu au
   survol (0,5,1)) passaient devant le dessin du composant (0,3,1) : l'option CHOISIE ne se distinguait plus (fond
   marine perdu, coche blanche invisible, sous-libelle a 1,5:1) et le survol peignait l'option en bleu plein. Dessin du
   composant retabli avec :not(#axv-x), la regle du cahier pour tout <button> du design system ; sous-libelle des
   options non choisies assombri (#8794A8 a 3:1 -> #5A6275 a 5,9:1). Mesure du 25/09/2026 sur /legal/creation-d-entreprise/. */
html body form.variations_form button.avx-sw:not(#axv-x),
html body form.variations_form button.avx-sw:not(#axv-x):is(:hover,:focus){background:#fff!important;color:var(--av-ink,#1b2a4a)!important}
html body form.variations_form button.avx-sw:not(#axv-x) small{color:#5A6275!important}
html body form.variations_form button.avx-sw.is-active:not(#axv-x),
html body form.variations_form button.avx-sw.is-active:not(#axv-x):is(:hover,:focus){background:var(--av-navy,#16233f)!important;color:#fff!important;border-color:var(--av-navy,#16233f)!important}
html body form.variations_form button.avx-sw.is-active:not(#axv-x) small{color:#c6d0e2!important}

/* C20. Mention « Paiement securise » des fiches produit (.avx-secure) : --av-muted #6B7689 sur #FBFCFE = 4,47:1 pour
   un texte de 12 px. Meme teinte, plus sombre (6:1). */
html body .avx-secure{color:#56627A!important}

/* C21. Lien de categorie des fiches produit (a[rel=tag] dans le titre de rubrique, ex. « Bail ») : zone cliquable de
   21 x 14 px (WCAG 2.5.8 : 24 x 24 px). Marge interne seulement, rien ne bouge autour. */
html body .elementor-heading-title a[rel="tag"]{display:inline-block;padding:5px 2px;min-width:24px;text-align:center}

/* C22. Numeros de ligne des actes du clausier (.clz-ln) : #B9AF92 sur #FFFEF9 = 2,2:1. Meme sepia, plus sombre : 5,8:1 sur
   le papier, 5,5:1 sur la bande surlignee qui passe derriere certaines lignes (#7A6F55 y restait sous 4,5:1). */
html body .clz-acte .clz-ln{color:#6B6149!important}

/* C23. Blancs a remplir de l'apercu des generateurs (.agx-blank : « Prenom et NOM », « Adresse ») : #8A93A8 sur #EEF1F7
   = 2,7:1. Gris plus sombre (5,4:1), le pointille reste. */
html body .agx-blank{color:#5A6275!important}

/* C24. Verdict orange des calculateurs de delais (.dly-verdict.o) : #B26A00 sur #FCF3E3 = 3,85:1. Meme orange, plus
   sombre (5,8:1) ; les verdicts vert et rouge passent deja (4,8 et 4,7:1). L'impression garde son noir. */
@media screen{html body .dly-verdict.o,html body .dly-verdict.o :is(b,span){color:#8A5200!important}}

/* C25. Liens de source dans les cellules teintees des tableaux d'articles (.table-wrap td a.ext-link) : #265EE3 sur
   #D7E3F3 = 4,26:1. Bleu roi du site (6,1:1 sur la teinte, 7,9:1 sur blanc). */
html body .table-wrap td a.ext-link{color:#0940D0!important}

/* C26. Liens de texte que seule la couleur distinguait (axe « link-in-text-block », WCAG 1.4.1) : pages profil des
   avocats (.actav-av, texte gris), texte des pages generateurs et delais (.actav-section > a, lien pose directement
   dans la section ou dans ses paragraphes, sections .actav-section et .actav-section-alt, pages .actav-page et .actav-full
   dont le hub /avocat/), encarts ambre des pages hybrides (.ahx-ambre). Liens de texte seulement (sans classe). */
html body .actav-av p a:not([class]),
html body :is(.actav-page,.actav-full) :is(.actav-section,.actav-section-alt) > a:not([class]),
html body :is(.actav-page,.actav-full) :is(.actav-section,.actav-section-alt) :is(p,li,td) > a:not([class]),
html body .ahx .ahx-ambre > a:not([class]){text-decoration:underline!important;text-underline-offset:2px}

/* C27. Case de consentement des formulaires Contact Form 7 (.wpcf7-acceptance, portes « checklist » des pages statut par
   metier) : case native d'environ 13 px (WCAG 2.5.8 : 24 x 24 px). Case agrandie, alignee sur son texte ; son nom
   (le texte qui la suit) est pose par le script d'accessibilite. */
html body form.wpcf7-form .wpcf7-acceptance input[type="checkbox"]{width:24px!important;height:24px!important;margin:0 8px 0 0!important;vertical-align:middle}

/* C28. Apercu du document des generateurs (.agx-paper) : les couleurs viennent du modele Word, en style en ligne. Gris
   #808080 des mentions de signature et de temoins (3,9:1) et bleu #3D85C6 de certains paragraphes (3,9:1) : memes teintes,
   plus sombres (6,3:1 et 6,7:1). L'apercu seulement : le document Word n'est pas touche. */
html body .agx-paper [style*="#808080" i]{color:#5F5F5F!important}
html body .agx-paper [style*="#3d85c6" i]{color:#1F5F99!important}

/* =====================================================================
   C29 a C40 (25/09/2026) : defauts releves par la verification des outils de bout en bout (verif/outils/outils_e2e.mjs :
   239 pages d'outil parcourues jusqu'au resultat, 6 largeurs Chromium, WebKit 390 et 1440). Essayes avec --compat avant
   la pose : 89 mesures en defaut retirees, 0 nouvelle (passage chromium-propositions, 14 pages x 6 largeurs).
   Rapport : verif/rapports/outils-e2e/outils-e2e-2509/SYNTHESE.md (propositions P1 a P12).
   ===================================================================== */

/* C29 (P1). Boutons lime des pages hybrides (.ahx) dans les gabarits du cahier : C12 leur impose un texte blanc au survol
   et au focus (0,3,3), or sur ces pages le bouton RESTE lime (#9DE600 au survol, #B1FE00 au focus) : 1,5:1 et 1,2:1
   (ecran de resultat de /quelle-cession-dentreprise-me-concerne/). Texte marine garde : 9,3:1 et 11,5:1. (0,4,3) */
html body:has(.ahx) :is(.axm,.axt,.ax-seo) :is(a,button).actav-btn-lime:is(:hover,:focus-visible){color:#1b2a4a!important}

/* C30 (P2). Titre du bloc d'appel de l'ecran de resultat du simulateur de cession (.actav-result-cta-box, fond marine) :
   la regle des titres de la feuille generale (0,1,2) le repeint en marine sur marine (1,2:1). Blanc garde. */
html body .ahx .actav-result-cta-box :is(h2,h3,h4){color:#fff!important}

/* C31 (P3). Pastille « Operation identifiee » du meme ecran : vert #22C55E sur #F0FDF4 = 2,2:1 ; meme vert plus sombre. */
html body .actav-result-badge{color:#166534!important}

/* C32 (P4). Carte « Aller plus loin » du simulateur d'impot sur les societes (page 31781) : fond clair, titre blanc
   (1,2:1) et texte #8B95A8 (2,2:1). Portee : cette page seulement (la meme carte est sombre ailleurs). */
html body.page-id-31781 .actav-sim .cc-tunnel .cc-title{color:#0A1628!important}
html body.page-id-31781 .actav-sim .cc-tunnel > p:not(.cc-title){color:#4A5568!important}

/* C33 (P5). Previsionnel financier : une piste 1fr ne descend pas sous la largeur minimale de son contenu (tableau a
   min-width 460 px) : tableau, carte « Mensualite » et avertissement coupes de 68 a 87 px a 1024 et 1440 px. */
html body .acx-tool .acp-grid > .acp-col{min-width:0!important}
html body .acx-tool .acp-kpis > *{min-width:0!important}

/* C34 (P6). Mention sous le formulaire de lettre d'information (/actualites/) : 2,5:1 en 11 px. */
html body .acx-news small{color:#5A6B80!important;font-size:12px!important}

/* C35 (P7). Valeurs remplies de l'apercu des generateurs dans une cellule sombre du modele (Total TTC, N° et date) :
   blanc sur le surlignage jaune, 1,1:1. Bleu du surlignage garde partout (7,8:1). */
html body .agx-paper .agx-fill{color:#1A4E8A!important}

/* C36 (P8). Options du simulateur de cession (.actav-quiz-option) : radio en display:none, aucune option atteinte au
   clavier (WCAG 2.1.1). Radio masque mais focalisable, anneau de focus sur l'option. */
html body .actav-quiz-option input[type="radio"]{display:block!important;position:absolute!important;width:1px!important;height:1px!important;margin:0!important;opacity:0!important;pointer-events:none!important}
html body .actav-quiz-option:focus-within{outline:2px solid #0940D0!important;outline-offset:2px!important}

/* C37 (P9). Tableaux filtrables des pages de delais sous 640 px : « .actav-table-wrap tr {display:block} » passe devant
   « [hidden] » du theme, la recherche ne filtre rien sur telephone (28 lignes cachees sur 30 affichees a 390 px). */
html body .actav-table-wrap tr[hidden]{display:none!important}

/* C38 (P10). Apercu des generateurs de facture et de devis a 320 px : tableau coupe de 22 a 32 px ; l'apercu defile. */
html body .agx .agx-paper{overflow-x:auto!important}

/* C39 (P11). Simulateur des frais kilometriques a 320 px : listes, champ et boutons coupes de 27 px. */
html body .fk-grid2 > *{min-width:0!important}
html body .fk-mode > button{white-space:normal!important;min-width:0!important}

/* C40 (P12). Resultats verts des simulateurs en style en ligne (« Exoneration totale » du simulateur de droits de
   succession) : #22C55E sur #F7F9FC = 2,2:1 ; meme vert plus sombre (6,8:1). Couleurs de TEXTE seulement. */
html body .actav-sim :is([style^="color:#22c55e" i],[style*=";color:#22c55e" i],[style*="; color:#22c55e" i],[style^="color: #22c55e" i],[style*="; color: #22c55e" i]){color:#166534!important}

/* =====================================================================
   C41 a C45 (25/09/2026) : pages « maquettes » du lot 4 (.axq-*) et /vigilance/presse/ (.axv-presse), releves par la
   preparation du lot 4 (lot4/travail/RAPPORT-groupe-a.md, apercus lot4a-apercu4 et lot4a-apercu5-tarifs).
   ===================================================================== */

/* C41. Hauteur des widgets .axq-* et .axv-presse sous 768 px : le conteneur Elementor passe en colonne, le widget HTML
   y prend la largeur « fit-content », que la racine (container-type: inline-size) ramene a zero : la hauteur est
   calculee comme si le texte tenait dans 0 px. Mesure a 390 px : /vigilance/presse/ (EN LIGNE) 43 612 px de widget
   pour 15 533 px de contenu, /tarifs-creation-entreprise-avocat/ 82 234 px de page. Les autres familles converties
   (axm, axt, gabarits hybrides, vigilance guides) ne sont pas touchees (ecart 0, mesure du 25/09). */
.elementor-widget-html:has(> [class^='axq-'], > .axv-presse){width:100%}

/* C42. Liens dans le texte des pages .axq-* : non soulignes, contraste < 3:1 avec le texte voisin (WCAG 1.4.1). */
body [class^="axq-"] a:not([class]){text-decoration:underline!important;text-underline-offset:2px}

/* C43. /tarifs-creation-entreprise-avocat/ : surtitre lime sur la bande finale bleue (4,49:1). */
body .axq-tarifs .axq-tar-214 .axq-tar-173{color:#fff!important}

/* C44. /vigilance/tarifs/ : fil d'Ariane gris sur le fond bleu tres clair du heros (4,39:1). */
body .axq-vigtarifs .axq-vt-11{color:rgb(75,85,99)!important}

/* C45. /a-propos/ : liens du sommaire lateral hauts de 20,3 px (WCAG 2.5.8 a 1366 et 1440 px) : 2 px de marge interne. */
body .axq-apropos .axq-apr-73{padding-block:2px!important}

/* =====================================================================
   C46 a C52 (25/09/2026, mise a jour developpeur, etapes 3 et 4) : pages « maquettes » publiees ce jour (accueil,
   /avocat/paris/, /clausier/clause-d-agrement/, /comment-ca-marche/, /gerer-mon-activite/). C47 a C52 = regles
   C21 a C27 mesurees par la preparation du lot 4 (lot4/travail/RAPPORT-groupe-b.md, groupe-b-compat-propose.css),
   selecteurs reverifies sur les fichiers de la mise a jour (memes elements).
   ===================================================================== */

/* C46. Grilles « avocats du reseau » de l'accueil et de /avocat/paris/ : les cartes ecrites en dur sont remplacees par
   le repere ACTAV_AVOCATS_RESEAU_T (etape 4), que le mu-plugin actav-proof-rotation v4 remplit de cartes .axt-avocat ;
   la feuille generale ne les habille que sous .axt : memes reglages ici. Grille de l'accueil : colonnes de 150 px
   minimum (deux cartes par ligne sur telephone). */
body :is(.axq-accueil,.axq-annuaire) .axt-avocat{background:#fff!important;border:1px solid var(--ax-bord,#E5E7EA)!important;border-radius:12px!important;overflow:hidden;display:flex!important;flex-direction:column!important;text-decoration:none!important;color:#111318!important;transition:border-color .2s}
body :is(.axq-accueil,.axq-annuaire) .axt-avocat:hover{border-color:var(--ax-roi,#0940D0)!important;text-decoration:none!important}
body :is(.axq-accueil,.axq-annuaire) .axt-avocat img{width:100%!important;aspect-ratio:1/1;height:auto;object-fit:cover;display:block;background:#F0F3F8}
body :is(.axq-accueil,.axq-annuaire) .axt-avocat span{padding:12px 14px;display:flex;flex-direction:column;gap:2px}
body :is(.axq-accueil,.axq-annuaire) .axt-avocat b{font-size:14px;color:#111318}
body :is(.axq-accueil,.axq-annuaire) .axt-avocat small{font-size:12px;color:#5F6573}
body :is(.axq-accueil,.axq-annuaire) .axt-avocat i{margin-top:6px;font-style:normal;font-size:12px;font-weight:600;color:var(--ax-roi,#0940D0)}
body .axq-accueil .axq-acc-185:has(> .axt-avocat){grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))!important;gap:16px!important}

/* C47. Fiche du clausier : l'article et la colonne laterale (300 px fixes) restaient cote a cote sur petit ecran ; a
   390 px l'article faisait 2 px de large. Sous 900 px, les deux blocs s'empilent (comme .axq-ori-86). */
@media (max-width: 900px) {
  body .axq-clausier .axq-cla-122 { flex-direction: column !important; gap: 32px !important; }
  body .axq-clausier .axq-cla-121 { position: static !important; flex: none !important; width: 100% !important; }
}

/* C48. Air sous l'en-tete collant : la regle de la feuille generale ne vise que « > section:first-child » ; la fiche
   du clausier commence par <main> et /gerer-mon-activite/ par un <div> (air mesure -49 et -29 px). */
body .axq-clausier > main.axq-cla-136:first-child { padding-top: calc(var(--ax-header, 69px) + 24px) !important; }
body .axq-orientation > .axq-ori-22:first-child { padding-top: calc(var(--ax-header, 69px) + 24px) !important; }

/* C49. /gerer-mon-activite/, champ de recherche du heros : le bouton « Rechercher un modele » sortait de sa ligne
   sous 600 px. */
@media (max-width: 600px) {
  body .axq-orientation .axq-ori-13 { flex-wrap: wrap !important; }
  body .axq-orientation .axq-ori-11 { flex-wrap: wrap !important; height: auto !important; padding: 8px !important; }
  body .axq-orientation .axq-ori-10 { white-space: normal !important; }
}

/* C50. Fils d'Ariane gris sur le fond bleu tres clair du heros : 4,35 a 4,39:1 (/comment-ca-marche/,
   /gerer-mon-activite/) ; #5F6573 = 5,3:1. */
body .axq-comment .axq-ccm-2, body .axq-orientation .axq-ori-2 { color: #5F6573 !important; }

/* C51. Surtitre lime de la bande finale de /gerer-mon-activite/ sur bleu (4,49:1) ; logo « Actav » de l'en-tete bleu du
   comparatif de l'accueil, marine sur bleu (2,29:1) : en blanc, le « a » reste lime. */
body .axq-orientation .axq-ori-88 { color: #C6FF4D !important; }
body .axq-accueil .axq-acc-171 .axp-logo { color: #FFFFFF !important; }

/* C52. Focus clavier invisible (WCAG 2.4.7) : les regles generees remettent « outline » a zero sur les questions de
   FAQ de /avocat/paris/ et de /gerer-mon-activite/, sur le champ d'alerte du clausier et sur le champ de recherche. */
body .axq-annuaire .axq-ann-77:not(#axv-x):focus-visible,
body .axq-orientation .axq-ori-65:not(#axv-x):focus-visible,
body .axq-orientation .axq-ori-9:not(#axv-x):focus-visible,
body .axq-clausier .axq-cla-90:not(#axv-x):focus-visible { outline: 2px solid var(--ax-roi, #0940D0) !important; outline-offset: 2px !important; }

/* =====================================================================
   C53 a C59 (25/09/2026, soir) : defauts releves par la verification Playwright des 27 pages collees ce jour
   (maj-dev-2509/verif-collage/RAPPORT.md, M1 a M9) ; chaque regle essayee en apercu sur les pages en ligne,
   avant et apres mesures (essai-correctifs.json), 0 debordement, 10 pages temoins inchangees.
   ===================================================================== */

/* C53. Air sous l'en-tete collant des heros <header> : la regle de la feuille generale ne vise que
   « > section:first-child » ; /comment-ca-marche/ (fil d'Ariane cache derriere l'en-tete, air -24 px a 390) et
   /tarifs-creation-entreprise-avocat/ (surtitre rogne par l'en-tete, air -6 px a 390) commencent par un <header>.
   Meme valeur que la regle de la feuille generale pour ces familles (hauteur de l'en-tete). */
body .axq-comment > div:first-child > header:first-child,
body .axq-tarifs > header:first-child { padding-top: max(var(--ax-header, 69px), 0px) !important; }

/* C54. /vigilance/tarifs/ : en-tete et pied propres a la maquette (logo tape en texte, doublons de ceux du site).
   L'en-tete est collant (feuille generale : position sticky, top 0, z-index 50) : a 1440 px il passe tout entier
   sous l'en-tete du site (3 liens recouverts), a 390 px ses 2 boutons restent colles sous l'en-tete pendant tout le
   defilement (bande de 50 px qui recouvre le contenu). Le lot 4 (groupe a) les avait retires du contenu ce matin. */
body .axq-vigtarifs > header.axq-vt-8,
body .axq-vigtarifs > footer.axq-vt-110 { display: none !important; }
body .axq-vigtarifs > header.axq-vt-8 + section { padding-top: max(var(--ax-header, 69px), 0px) !important; }

/* C55. Questions de FAQ de /avocat/paris/ et /gerer-mon-activite/ collees au bord gauche de leur cadre : la regle
   generee de la feuille generale ecrit « padding:16px 18px » PUIS « padding-inline:unset » (la seconde annule les
   18 px lateraux ; 2 regles sur 3 062 ont ce defaut). */
body .axq-annuaire .axq-ann-77:not(#axv-x),
body .axq-orientation .axq-ori-65:not(#axv-x) { padding-inline: 18px !important; }

/* C56. Pages Vigilance (17 pages geo) : bouton « Creer votre entreprise → » de la bande finale, blanc sur le bleu
   eclairci au survol : 4,43:1 < 4,5 (14 px, graisse 600). Assombrir au lieu d'eclaircir. */
body .axv .axv-final-b2:hover { background: rgba(0, 0, 0, .12) !important; }

/* C57. /avocat/paris/ : cadre photo vide <image-slot> de l'outil de maquette (« Photo de la ville (deposez une
   image) », 700 x 338 px gris a 1440) et sa legende. A retirer si aucune photo n'est deposee. */
body .axq-annuaire figure.axq-ann-44:has(image-slot:empty) { display: none !important; }

/* C58. /faq/ : champ de recherche et 4 filtres livres sans aucun script (ils ne font rien). A retirer tant qu'aucun
   script ne les fait fonctionner (le lot 4, groupe a, les avait retires du contenu). */
body .axq-faq .axq-faq-17,
body .axq-faq .axq-faq-20 { display: none !important; }

/* C59 (cosmetique, facultatif). /avocat/paris/, grille « avocats du reseau » : de 900 a 1199 px la colonne principale
   (a cote du sommaire) ne loge que 3 cartes : les 4 cartes du serveur se repartissent 3 + 1 (mesure a 1024 px).
   Deux colonnes dans cette plage : 2 + 2. */
@media (min-width: 900px) and (max-width: 1199px) {
  body .axq-annuaire .axq-ann-73:has(> .axt-avocat) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* =====================================================================
   C60 a C63 (25/09/2026, soir) : pages d'OUTILS (generateurs, calculateurs de delai, simulateurs, clausier).
   Demande du 25/09 : « le heros des generateurs ne va pas », « sur ordinateur, beaucoup d'espace a gauche et a droite
   sur les generateurs, simulateurs, delais et clausier : l'utiliser comme une page normale », « dans certains heros le
   texte et le bloc de droite se chevauchent ». Reference visuelle : charte des outils du cahier
   (03-outils/5-charte-des-outils/CHARTE-OUTILS.md et maquette-gabarit-outils.html : heros centre, titre d'environ
   40 px, carte de l'outil centree, puis article et colonne collante avec le sommaire, conteneur de 1200 px) et la fiche
   du clausier convertie par le proprietaire (/clausier/clause-d-agrement/ : 1200 px, article et sommaire collant).
   Mise en page seulement : aucun texte, aucune balise, aucun lien ne change. Retrait : supprimer ce bloc.
   ===================================================================== */

/* C60. Heros des generateurs (.gen-hero) et des calculateurs de delai (.dly-hero). La feuille generale donne a
   « .actav-hero h1 » 60 px et un conteneur de 1000 px ; le gabarit du generateur coupe en plus le heros en deux
   colonnes des 1000 px : un titre de 60 px dans une colonne de 448 px (6 lignes a 1440 px, et des mots qui debordent
   sur la colonne de droite vers 1000-1200 px), la description centree a droite, et la carte de l'outil (remontee de
   64 px, pastille « 100 % gratuit » a -15 px) posee sur la derniere ligne du titre ; sur telephone, la pastille couvre la
   derniere ligne de la description. Sur les delais, le trait vert, la signature et l'encadre « En bref » restaient a
   gauche d'un heros centre, et la pastille de l'outil mordait sur l'encadre. Heros sur une colonne, centre, titre a la
   taille de la charte ; air sous le heros pour la carte remontee et sa pastille. */
html body:not(:has(.ahx)) .actav-hero:is(.gen-hero, .dly-hero) .actav-hero-inner {
  display: block !important;
  max-width: 1200px !important;
  text-align: center !important;
}
html body:not(:has(.ahx)) .actav-hero:is(.gen-hero, .dly-hero) .actav-bcv { text-align: left !important; }
html body:not(:has(.ahx)) .actav-hero:is(.gen-hero, .dly-hero) .actav-badge {
  display: inline-flex !important;
  margin: 0 auto 12px !important;
}
html body:not(:has(.ahx)) .actav-hero:is(.gen-hero, .dly-hero) h1 {
  font-size: clamp(28px, 3.1vw, 46px) !important;
  line-height: 1.14 !important;
  max-width: 940px !important;
  margin: 0 auto 16px !important;
  text-align: center !important;
}
html body:not(:has(.ahx)) .actav-hero:is(.gen-hero, .dly-hero) .actav-hero-desc {
  max-width: 760px !important;
  margin: 0 auto !important;
  text-align: center !important;
}
html body:not(:has(.ahx)) .actav-hero.dly-hero .dly-accent { margin-left: auto !important; margin-right: auto !important; }
html body:not(:has(.ahx)) .actav-hero.dly-hero .dly-byline {
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
html body:not(:has(.ahx)) .actav-hero.dly-hero .dly-byline-text { text-align: left !important; }
html body:not(:has(.ahx)) .actav-hero.dly-hero .dly-answer { margin-left: auto !important; margin-right: auto !important; }
/* air : la carte de l'outil remonte de 64 px (40 px sur telephone) et sa pastille depasse de 15 px */
html body:not(:has(.ahx)) .actav-hero:is(.gen-hero, .dly-hero) { padding-bottom: 116px !important; }
@media (max-width: 767px) {
  html body:not(:has(.ahx)) .actav-hero:is(.gen-hero, .dly-hero) { padding-bottom: 84px !important; }
  html body:not(:has(.ahx)) .actav-hero:is(.gen-hero, .dly-hero) h1 { font-size: clamp(26px, 7.2vw, 32px) !important; }
}
/* Hub /generateur/ (.gen-hub-hero) : le titre (900 px) et la description (700 px) sont centres DANS des boites collees
   a gauche du conteneur : la description paraissait decalee vers la gauche. Boites centrees. Recherches frequentes
   (#hubHints) : texte BLANC ecrit pour l'ancien heros sombre, invisible sur le heros clair (1,1:1). Bleu Actav. */
html body:not(:has(.ahx)) .actav-hero.gen-hub-hero :is(h1, .actav-hero-desc) { margin-left: auto !important; margin-right: auto !important; }
html body #hubHints button { color: #0940D0 !important; }
html body #hubHints button:hover, html body #hubHints button:focus-visible { color: #072EA0 !important; }

/* C61. Article des generateurs (enfants de 41403) : depuis la livraison du 22/09, une seule colonne de 760 px centree
   (808 px de conteneur), soit 632 px vides de chaque cote a 1920 px. A partir de 1100 px : conteneur de 1200 px comme
   une page normale, l'article a gauche et le sommaire existant de la page (.gen-sommaire) dans une colonne collante a
   droite (charte des outils, § 3). Aucune carte d'offre n'est ajoutee (decision du 22/09 : pas de colonne commerciale). */
@media (min-width: 1100px) {
  html body.parent-pageid-41403 .actav-page.actav-page:not(:has(> .actav-sidebar)):has(> .actav-main > .gen-sommaire) {
    max-width: 1200px !important;
  }
  html body.parent-pageid-41403 .actav-page:not(:has(> .actav-sidebar)) > .actav-main.actav-main:has(> .gen-sommaire) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 300px;
    column-gap: 48px;
    width: 100% !important;
    max-width: none !important;
  }
  html body.parent-pageid-41403 .actav-page:not(:has(> .actav-sidebar)) > .actav-main:has(> .gen-sommaire) > * {
    grid-column: 1;
    min-width: 0;
  }
  html body.parent-pageid-41403 .actav-page:not(:has(> .actav-sidebar)) > .actav-main > .gen-sommaire.gen-sommaire {
    grid-column: 2;
    grid-row: 1 / span 200;
    align-self: start;
    position: sticky;
    top: 96px;
    max-height: calc(100vh - 120px);
    overflow: auto;
    margin: 0 !important;
    padding: 22px !important;
  }
  html body.parent-pageid-41403 .actav-main > .gen-sommaire .gen-sommaire-list { grid-template-columns: minmax(0, 1fr) !important; }
  /* generateur sans sommaire (/generateur/previsionnel-financier/ : l'outil vit DANS l'article) : 1200 px, l'outil
     et ses tableaux ne sont plus coupes a droite, les 4 cartes de la methode tiennent sur une ligne */
  html body.parent-pageid-41403 .actav-page.actav-page:not(:has(> .actav-sidebar)):not(:has(> .actav-main > .gen-sommaire)) {
    max-width: 1200px !important;
  }
  html body.parent-pageid-41403 .actav-page:not(:has(> .actav-sidebar)):not(:has(> .actav-main > .gen-sommaire)) > .actav-main.actav-main {
    width: 100% !important;
    max-width: none !important;
  }
}

/* C62. Simulateurs (.actav-sim) : le conteneur Elementor « encadre » s'arrete a 1127 px (1079 px utiles contre 1152 sur
   une page normale). Meme largeur qu'une page normale : 1200 px. */
@media (min-width: 1100px) {
  html body.parent-pageid-38097 :is([data-elementor-type="wp-page"], [data-elementor-type="wp-post"]) .e-con > .e-con-inner,
  html body .e-con > .e-con-inner:has(.actav-sim) { max-width: min(100%, 1200px) !important; }
}

/* C63. Clausier, ancien gabarit (div.clz, 112 fiches et le hub ; la fiche convertie par le proprietaire porte main.clz
   et des classes axq-, elle n'est pas visee) : 880 px de large dans un conteneur Elementor de 1127 px. A partir de
   1100 px : 1200 px comme la fiche convertie ; les outils (onglets) gardent toute la largeur, puis l'article a gauche et
   le sommaire existant (.clz-toc) dans une colonne collante a droite. */
@media (min-width: 1100px) {
  html body .e-con > .e-con-inner:has(div.clz:not([class*="axq-"])) { max-width: min(100%, 1200px) !important; }
  html body div.clz:not([class*="axq-"]) {
    max-width: 1200px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  html body div.clz:not([class*="axq-"]) > .clz-outils:has(> nav.clz-toc):has(> article) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 300px;
    grid-template-areas: "tabs tabs" "pan pan" "art toc" "src toc";
    column-gap: 48px;
    align-items: start;
  }
  html body div.clz:not([class*="axq-"]) > .clz-outils:has(> nav.clz-toc):has(> article) > * { grid-column: 1 / -1; min-width: 0; }
  html body div.clz:not([class*="axq-"]) > .clz-outils:has(> nav.clz-toc):has(> article) > .clz-tabs { grid-area: tabs; }
  html body div.clz:not([class*="axq-"]) > .clz-outils:has(> nav.clz-toc):has(> article) > .clz-pan { grid-area: pan; }
  html body div.clz:not([class*="axq-"]) > .clz-outils:has(> nav.clz-toc):has(> article) > article { grid-area: art; }
  html body div.clz:not([class*="axq-"]) > .clz-outils:has(> nav.clz-toc):has(> article) > .clz-sources { grid-area: src; }
  html body div.clz:not([class*="axq-"]) > .clz-outils:has(> nav.clz-toc):has(> article) > nav.clz-toc {
    grid-area: toc;
    position: sticky;
    top: 96px;
    margin: 30px 0 0 !important;
  }
  html body div.clz:not([class*="axq-"]) > .clz-outils > nav.clz-toc ol { columns: 1 !important; }
  /* fiches d'information sans outil (clause Moliere, clause de Martens...) : sommaire et article sont enfants directs
     de .clz ; meme colonne collante, l'ordre du document est garde (seuls l'article et les sources passent a gauche) */
  html body div.clz:not([class*="axq-"]):has(> nav.clz-toc):has(> article) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 300px;
    column-gap: 48px;
    align-items: start;
  }
  html body div.clz:not([class*="axq-"]):has(> nav.clz-toc):has(> article) > * { grid-column: 1 / -1; min-width: 0; }
  html body div.clz:not([class*="axq-"]):has(> nav.clz-toc):has(> article) > :is(article, .clz-sources) { grid-column: 1; }
  /* bloc d'outils VIDE de ces fiches : en grille, ses marges (26 + 8 px) ne fusionnent plus, 30 px d'air de trop */
  html body div.clz:not([class*="axq-"]):has(> nav.clz-toc):has(> article) > .clz-outils:not(:has(*)) { display: none !important; }
  html body div.clz:not([class*="axq-"]):has(> nav.clz-toc):has(> article) > nav.clz-toc {
    grid-column: 2;
    grid-row: span 3;
    position: sticky;
    top: 96px;
    margin: 30px 0 0 !important;
  }
  html body div.clz:not([class*="axq-"]) > nav.clz-toc ol { columns: 1 !important; }
}

/* C64 (25/09/2026, nuit) : voir le bloc ci-dessous, propose et prouve par verif/rapports/heros-chevauchement/RAPPORT.md. */
/* =====================================================================
   HEROS : CHEVAUCHEMENT DU TEXTE ET DU BLOC DE DROITE (proposition du 25/09/2026, NON POSEE)
   Mesure : verif/outils/heros_chevauchement.mjs, 863 adresses x 10 largeurs (1440 a 768 px), toutes mesurees ;
   rapport : verif/rapports/heros-chevauchement/RAPPORT.md. A poser A LA FIN de actav-css-compat.css (apres C63) :
   c'est la place de la preuve en apercu (regles ajoutees a la fin de la feuille de compatibilite servie, donc avant
   <style id="wp-custom-css">). Une seule famille de heros est en defaut sur le site : le header hybride .ax-hh.
   Les heros des generateurs (.gen-hero) et des delais (.dly-hero) sont deja corriges en ligne par C60.
   Aucun "etoile slash" dans un commentaire.
   ===================================================================== */

/* H1. Header hybride du cahier (.ax-hh : articles et pages converties, carte « Je cede / Je cree » a droite).
   PAGES : 33 pages sur les 100 qui portent ce header, texte recouvert par la carte ou passant dessous, de 1100 a
   1440 px (et au-dela : la colonne de texte plafonne a 594 px des 1280 px) ; 28 autres ont le mot-cle qui sort de sa
   colonne dans la gouttiere sans encore toucher la carte. Rien a 1024 px et moins (grille sur une colonne).
   Ex. /articles/avocat-cgv/ (« en ligne » cache sous l'onglet « Je cede » a 1440 px), /articles/assurance-habitation-sci/,
   /ceder-son-entreprise/, /creer-une-sasu/, /quelle-cession-dentreprise-me-concerne/ (liste complete dans le rapport).
   CAUSE : la feuille generale pose « body .ax-hh .ax-hh-surligne{white-space:nowrap} » (0,2,1, sans !important) sur
   le mot-cle surligne du H1, au-dessus de 700 px ; la colonne de texte est « minmax(0,1fr) » (494 px a 1100 px,
   594 px des 1280 px) a cote d'une carte de 320 a 470 px, 88 px d'ecart. Un mot-cle plus long que la colonne
   (« Honoraires vente fonds de commerce » : 307 px de trop a 1440 px) ne peut pas passer a la ligne : il sort de sa
   colonne et passe SOUS la carte (position:relative, peinte au-dessus du texte).
   CORRECTIF : le mot-cle passe a la ligne comme le reste du titre (ce que la feuille generale fait deja sous 700 px ;
   le surlignage suit chaque ligne grace a box-decoration-break:clone). Tolerance de 8 px dans la gouttiere de 88 px,
   seulement quand la grille a deux colonnes : un mot-cle qui ne depassait que de 1 a 8 px (surlignage compris) reste
   sur UNE ligne comme aujourd'hui (5 pages : /acte-de-caution-solidaire/, /articles/comptabilite-sci/,
   /articles/idee-nom-sci-familiale/, /articles/sarl-micro-entreprise/, /frais-de-notaire-parking/) ; la carte reste
   a 80 px au moins. Specificite 0,2,3 avec !important pour les deux regles : devant « body .ax-hh h1{margin:0!important} »
   (0,1,2, !important) et devant la regle nowrap (0,2,1). */
html body .ax-hh h1 .ax-hh-surligne{white-space:normal!important}
@media (min-width:1025px){html body .ax-hh .ax-hh-txt h1{margin-right:-8px!important}}