/* ==========================================================================
   WautoParc, les sections ajoutees a l'accueil et a l'inventaire, et la barre
   utilitaire au-dessus de l'entete.

   Repris du site de reference (automobileendirect.com), mesure sur ses
   captures, et ecrit dans le langage de ce theme : .wrap, .wa-shead,
   .eyebrow, .btn, et les jetons de wautoparc-theme.css et wa-enhance.css.
   Chargee en dernier par functions.php, apres wa-enhance.css.

   Rien ici n'invente une donnee : les gabarits qui posent ces sections les
   taisent quand la donnee manque (annonces, guides, marques).
   ========================================================================== */

/* --- la barre utilitaire ---------------------------------------------------
   MESURE sur le site de reference : texte clair sur fond sombre, la promesse
   du moment au centre entre deux liens de service. 40 px et non 60 : l'entete
   du site est deja sombre, deux bandes de 60 px ecraseraient le heros.

   L'entete est fixee sur l'accueil (transparente sur le heros) et collante
   ailleurs. Une barre dans le flux passerait derriere l'entete fixee : la
   barre est donc fixee elle aussi, et tout ce qui se cale sous l'entete
   (l'entete, le menu mobile, les panneaux collants) descend de sa hauteur.
   La barre d'administration de WordPress, quand elle est la, s'ajoute.
   -------------------------------------------------------------------------- */
:root{--wa-utile-h:40px}
body{padding-top:var(--wa-utile-h)}
.wa-utile{
  position:fixed;top:0;left:0;right:0;z-index:31;
  height:var(--wa-utile-h);background:var(--ink);color:#fff;
  font-size:13.5px;border-bottom:1px solid rgba(255,255,255,.09);
}
.wa-root .wa-utile .wrap{display:flex;align-items:center;gap:22px;height:100%}
.wa-root .wa-utile a{color:#fff;text-decoration:none}
.wa-root .wa-utile a:hover{text-decoration:underline}
.wa-root .wa-utile-item{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;opacity:.92}
.wa-root .wa-utile .ic{width:14px;height:14px}
.wa-root .wa-utile-centre{margin-inline:auto;white-space:nowrap;opacity:.92}
.wa-root .wa-utile-centre a{font-weight:600;text-decoration:underline;text-underline-offset:3px;margin-left:6px}
.wa-root .wa-utile-droite{margin-left:auto}
.wa-root .wa-utile-centre + .wa-utile-droite{margin-left:0}
@media (max-width:900.98px){.wa-root .wa-utile-centre,.wa-root .wa-utile-droite,.wa-root .wa-utile-droite + .wa-utile-item{display:none}}

.wa-header{top:var(--wa-utile-h)}
.wa-mnav{top:calc(70px + var(--wa-utile-h))}
.wa-fside{top:calc(100px + var(--wa-utile-h))}
.wa-sside{top:calc(104px + var(--wa-utile-h))}
.admin-bar .wa-utile{top:32px}
.admin-bar .wa-header{top:calc(32px + var(--wa-utile-h))}
.admin-bar .wa-mnav{top:calc(116px + var(--wa-utile-h))}
.admin-bar .wa-fside{top:calc(132px + var(--wa-utile-h))}
.admin-bar .wa-sside{top:calc(136px + var(--wa-utile-h))}
@media screen and (max-width:782px){
  .admin-bar .wa-utile{top:46px}
  .admin-bar .wa-header{top:calc(46px + var(--wa-utile-h))}
}
/* Le bas de l'entete collee, barre de WordPress comprise quand elle est la (32 px, 46 px sous 783 px) :
   l'entete fait 84 px, 70 px sous 921 px. Ce qui colle sous l'entete, ou s'annonce sous elle, le lit au
   lieu de refaire le calcul : la sous-navigation de la fiche, les decisions et le bandeau de la console. */
:root{--wa-entete-bas:calc(var(--wa-utile-h) + 84px)}
.admin-bar{--wa-entete-bas:calc(32px + var(--wa-utile-h) + 84px)}
@media (max-width:920.98px){
  :root{--wa-entete-bas:calc(var(--wa-utile-h) + 70px)}
  .admin-bar{--wa-entete-bas:calc(32px + var(--wa-utile-h) + 70px)}
}
@media screen and (max-width:782px){.admin-bar{--wa-entete-bas:calc(46px + var(--wa-utile-h) + 70px)}}
/* La barre d'enregistrement de Ma vitrine, au telephone (ux#29, page-espace-parc.php) : le retour en haut monte au-dessus
   d'elle, et ce que le clavier amene a l'ecran ne se cache pas dessous. */
html.wa-vf-barre-on .wa-totop{bottom:88px}
@media (max-width:980.98px){html.wa-vf-barre-on{scroll-padding-bottom:96px}}
/* Ce que le navigateur amene a l'ecran (le focus au clavier, le lien d'evitement, une ancre, scrollIntoView) se cale sous
   l'entete collee, barre du haut comprise, avec 12 px d'air ; et au-dessus des barres fixees en bas quand elles sont la :
   le retour en haut, le comparateur, la barre d'achat d'un accessoire, la barre de contact de la fiche (sa hauteur et celle
   de la rangee de pastilles, mesurees par wa-fiche.js). Chargee sur toutes les pages (accessibilite#24 et #25). Sans :has()
   (Safari avant 15.4), seule la barre de WordPress et les barres du bas ne sont pas comptees. */
html{scroll-padding-top:calc(96px + var(--wa-utile-h,0px))}
html:has(body.admin-bar){scroll-padding-top:calc(128px + var(--wa-utile-h,0px))}
@media (max-width:920.98px){
  html{scroll-padding-top:calc(82px + var(--wa-utile-h,0px))}
  html:has(body.admin-bar){scroll-padding-top:calc(114px + var(--wa-utile-h,0px))}
}
@media (max-width:782px){html:has(body.admin-bar){scroll-padding-top:calc(128px + var(--wa-utile-h,0px))}}
/* Le degagement sous les barres du bas, par les classes que posent leurs scripts (wa-totop-on, wa-cmp-on, wa-bq-achat) :
   sans :has(), qu'un vieux moteur ignore (acces#4). Au-dessus de la barre d'achat, le retour en haut monte : le
   degagement aussi (acces#5). */
html.wa-totop-on:not(.wa-fbar-on){scroll-padding-bottom:80px}
html.wa-cmp-on:not(.wa-fbar-on){scroll-padding-bottom:92px}
@media (max-width:1000.98px){html.wa-totop-on:not(.wa-fbar-on){scroll-padding-bottom:144px}}
@media (max-width:900.98px){html.wa-bq-achat:not(.wa-fbar-on){scroll-padding-bottom:max(88px,calc(76px + env(safe-area-inset-bottom,0px)))}html.wa-bq-achat.wa-totop-on:not(.wa-fbar-on){scroll-padding-bottom:calc(var(--wa-bq-achat-h,68px) + 144px)}html.wa-bq-achat.wa-totop-on.wa-cmp-on:not(.wa-fbar-on){scroll-padding-bottom:calc(var(--wa-bq-achat-h,68px) + 190px)}}
@media (max-width:430px){html.wa-cmp-on:not(.wa-fbar-on){scroll-padding-bottom:190px}}
html.wa-fbar-on{scroll-padding-bottom:calc(var(--wa-fbar-h,84px) + var(--wa-fdock-h,0px) + 12px)}
/* La premiere colonne du comparateur reste collee a gauche : ce qui prend le focus dans une autre colonne se cale a sa droite. */
.wa-root .wa-cmpwrap{scroll-padding-left:170px}
/* Le heros de l'accueil prenait toute la hauteur de l'ecran : la barre en
   prend 40 px, le heros les lui laisse au lieu de faire defiler la page. La hauteur en svh va dans @supports : avec
   un var(), elle passait la lecture d'un navigateur sans svh puis tombait au calcul, emportant celle en vh. */
body.home .wa-hero{min-height:calc(100vh - var(--wa-utile-h))}
@supports (height:100svh){body.home .wa-hero{min-height:calc(100svh - var(--wa-utile-h))}}

/* --- le rythme des sections ------------------------------------------------
   Le proprietaire trouvait trop d'espace entre les sections, sur plusieurs pages (mesure du
   2026-09-24, essais/reel/espaces.sh : 85 px entre deux sections d'une page de contenu, 176 px avant
   la bande finale, jusqu'a 96 px entre deux sections de l'accueil). Une seule valeur pour les pages de
   contenu (--wa-rythme), un air plus court pour l'accueil, et la bande finale qui ne double plus le
   bas de la page. */
.wa-root{--wa-sec-air-top:clamp(44px,4.4vw,68px);--wa-sec-air-bot:clamp(44px,4.4vw,68px);--wa-rythme:clamp(32px,3.6vw,52px)}
@media (max-width:600.98px){.wa-root{--wa-sec-air-top:clamp(32px,8vw,44px);--wa-sec-air-bot:clamp(32px,8vw,44px)}}
.wa-root .wa-pagebody{padding-bottom:clamp(40px,4vw,60px)}
.wa-root .wa-pagebody ~ .wa-rbande{margin-top:0}
.wa-root .wa-rsec{padding-top:var(--wa-sec-air-top)}
.wa-root .wa-rsec-fin{padding-bottom:var(--wa-sec-air-bot)}
.wa-root .wa-rsec-fond{background:var(--paper-2);padding-block:var(--wa-sec-air-top);margin-top:var(--wa-sec-air-top)}
/* La bande de publicite de l'accueil : l'air d'une section, pas 90 px ecrits dans le gabarit ; la
   section d'avant finit deja sur le sien (sa marge de 20 px, wa-pub.css, s'y ajoutait). Celle du
   magazine suit le rythme de la page, sans ses 60 et 16 px. */
.wa-root .wa-rsec-pub{padding-bottom:var(--wa-sec-air-bot)}
.wa-root .wa-rsec-pub .wa-pub-e-home{margin-top:0}
.wa-root .wa-pagebody .wa-pub-e-magazine{margin:var(--wa-rythme) 0 0}
/* La rangee qui glisse des vehicules en vedette garde 20 px sous ses cartes pour leur ombre : la section
   suivante les reprend sur son air. */
.wa-root .wa-vedette + .wa-rsec{padding-top:calc(var(--wa-sec-air-top) - 20px)}
/* Les resultats (l'inventaire, le catalogue de la boutique) finissaient sur 90 px de vide, et ce qui
   suit en ajoutait encore : 70 px avant « Rechercher par » (146 px au telephone, sous la derniere
   carte), 63 avant la bande finale du catalogue. Un rythme, et le filet de « Rechercher par » au
   milieu. */
.wa-root .wa-results{padding-bottom:var(--wa-rythme)}
.wa-root .wa-browse{margin-top:0;padding-top:var(--wa-rythme)}
.wa-root .wa-bq-catalogue ~ .wa-rbande{margin-top:0}
/* Le dernier bloc du formulaire de la diaspora gardait sa marge de 34 px avant la section suivante. */
.wa-root .wa-dia-main > .wa-dia-bloc:last-child{margin-bottom:0}
/* La page 404 : ses boutons ouvrent le corps de la page, la section des annonces suit au rythme. */
.wa-root .wa-404-boutons{margin-top:0}

/* La tete de section : titre a gauche, lien a droite, comme sur le site de
   reference. Le titre garde le style du site (.wa-shead, .eyebrow). */
.wa-root .wa-rhead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:var(--wa-sec-headgap)}
.wa-root .wa-rhead h2{margin:0}
.wa-root .wa-rhead .eyebrow{display:block;margin-bottom:var(--wa-gap-eyebrow,16px)}
.wa-root .wa-rlink{flex:none;font-weight:600;font-size:15px;color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
.wa-root .wa-rlink:hover{color:var(--red)}
@media (max-width:720px){.wa-root .wa-rhead{flex-direction:column;align-items:flex-start;gap:10px}}

/* --- les boites de categories et de marques ---------------------------------
   MESURE : trois colonnes de boites de 66 px, bordees et centrees ; les
   marques en boites remplies de gris, la derniere en noir.
   -------------------------------------------------------------------------- */
.wa-root .wa-rboites{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wa-root .wa-rboite{
  display:flex;align-items:center;justify-content:center;text-align:center;gap:8px;
  min-height:64px;padding:12px 16px;border-radius:12px;text-decoration:none;
  border:1px solid var(--line);background:#fff;color:var(--ink);
  font-family:var(--fd);font-weight:600;font-size:15.5px;
  transition:border-color .25s var(--eo),transform .25s var(--eo);
}
.wa-root .wa-rboite .ic{width:22px;height:22px;flex:none;color:var(--muted)}
.wa-root .wa-rboite:hover{border-color:var(--ink);transform:translateY(-2px)}
.wa-root .wa-rboites-pleines .wa-rboite{background:var(--paper-2);border-color:var(--paper-2)}
.wa-root .wa-rboites-pleines .wa-rboite:hover{background:var(--line);border-color:var(--line)}
.wa-root .wa-rboite-sombre,.wa-root .wa-rboites-pleines .wa-rboite-sombre{background:var(--ink);border-color:var(--ink);color:#fff}
.wa-root .wa-rboite-sombre:hover{background:var(--red);border-color:var(--red)}
.wa-root .wa-rcompte{color:var(--ink-soft);font-weight:500}
@media (max-width:900.98px){.wa-root .wa-rboites{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
/* Sur telephone, deux colonnes plutot qu une : neuf boites en colonne
   faisaient deux ecrans. La boite sombre, qui appelle a publier, prend
   toute la largeur pour rester un bouton et non une case parmi d autres.
   minmax(0,1fr) : une colonne peut descendre sous la largeur de son contenu, le
   libelle passe a la ligne ; en 1fr, a 320 px, la page defilait de cote
   (responsive-css#2). */
@media (max-width:480px){
  .wa-root .wa-rboites{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .wa-root .wa-rboite{min-height:52px;padding:10px 12px;font-size:14px;gap:6px}
  .wa-root .wa-rboite .ic{width:18px;height:18px}
  .wa-root .wa-rboite-sombre{grid-column:1/-1}
}

/* --- la liste a coches (les services de l'accueil sont devenus des tuiles, wa-visuels.css) --- */
.wa-root .wa-rcoches{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.wa-root .wa-rcoches li{display:flex;align-items:flex-start;gap:9px;font-size:14.5px;color:var(--ink-soft)}
.wa-root .wa-rcoches .ic{width:17px;height:17px;flex:none;margin-top:2px;color:var(--red)}

/* --- estimer et alertes, deux cartes cote a cote ----------------------------- */
.wa-root .wa-rduo{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.wa-root .wa-rduo-carte{
  display:flex;flex-direction:column;gap:10px;padding:30px;text-decoration:none;
  border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);
  transition:transform .3s var(--eo),box-shadow .3s var(--eo);
}
.wa-root .wa-rduo-carte:hover{transform:translateY(-4px);box-shadow:var(--shadow-panel)}
.wa-root .wa-rduo-carte h3{margin:0;font-size:clamp(24px,2.2vw,27px);letter-spacing:-.015em;line-height:1.15}
.wa-root .wa-rduo-carte h3 em{font-style:normal;color:var(--red)}
.wa-root .wa-rduo-carte p{margin:0;color:var(--ink-soft);font-size:15px;line-height:1.55}
.wa-root .wa-rduo-carte .wa-rlink{margin-top:auto;padding-top:8px}
.wa-root .wa-rduo-sombre{background:var(--ink);border-color:var(--ink);color:#fff}
.wa-root .wa-rduo-sombre h3{color:#fff}
.wa-root .wa-rduo-sombre p{color:rgba(255,255,255,.72)}
.wa-root .wa-rduo-sombre .wa-rlink{color:#fff}
.wa-root .wa-rduo-sombre .eyebrow{color:rgba(255,255,255,.6)}
@media (max-width:760.98px){.wa-root .wa-rduo{grid-template-columns:1fr}}

/* --- les guides --------------------------------------------------------------- */
.wa-root .wa-rguides{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.wa-root .wa-rguide{display:flex;flex-direction:column;text-decoration:none;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink)}
.wa-root .wa-rguide-img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--paper-2)}
.wa-root .wa-rguide-img img{width:100%;height:100%;object-fit:cover;display:block}
.wa-root .wa-rguide-corps{display:flex;flex-direction:column;gap:10px;padding:20px;flex:1}
.wa-root .wa-rguide h3{margin:0;font-size:17.5px;letter-spacing:-.01em;line-height:1.25}
.wa-root .wa-rguide p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.5}
.wa-root .wa-rguide-bas{display:flex;justify-content:space-between;margin-top:auto;padding-top:10px;font-size:13.5px;color:var(--muted)}
@media (max-width:900.98px){.wa-root .wa-rguides{grid-template-columns:1fr}}

/* --- la bande de contact ------------------------------------------------------
   MESURE : fond noir, titre blanc centre, deux boutons bordes cote a cote.
   Le mot en rouge du titre fait 4.1 de contraste sur le fond sombre : c'est
   assez pour un titre d'au moins 24 px, et le titre n'en fait jamais moins.
   -------------------------------------------------------------------------- */
.wa-root .wa-rbande{background:var(--ink);color:#fff;padding-block:52px;margin-top:var(--wa-sec-air-top)}
.wa-root .wa-rbande h2{margin:0 0 26px;text-align:center;color:#fff;font-size:clamp(24px,3vw,32px);letter-spacing:-.015em}
.wa-root .wa-rbande h2 em{font-style:normal;color:var(--red)}
.wa-root .wa-rbande-paire{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px;margin-inline:auto}
.wa-root .wa-rbande-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:56px;padding:0 22px;border-radius:12px;text-decoration:none;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);color:#fff;
  font-weight:600;font-size:15.5px;transition:background .25s var(--eo);
}
.wa-root .wa-rbande-btn:hover{background:rgba(255,255,255,.14)}
.wa-root .wa-rbande-btn .ic{width:18px;height:18px;flex:none}
@media (max-width:640.98px){.wa-root .wa-rbande-paire{grid-template-columns:1fr}}

/* --- le pied de page sur telephone --------------------------------------------
   Trente liens en une colonne faisaient deux ecrans. Sous 480 px, les trois
   rubriques passent en deux colonnes, la marque et sa phrase gardant toute
   la largeur au-dessus.
   -------------------------------------------------------------------------- */
@media (max-width:480px){
  .wa-root .wa-ftgrid{grid-template-columns:1fr 1fr;gap:26px 18px;padding-bottom:30px}
  .wa-root .wa-ftgrid > div:first-child{grid-column:1/-1}
}

/* --- les barres du bas, posees par le pied de page ------------------------------
   Le comparateur et l'inspection portent aussi leur forme repliee (l'icone et
   le nombre) : la fiche d'un vehicule la montre sur telephone quand sa barre de
   contact est la (wa-fiche.css, html.wa-fdock). Partout ailleurs, la forme
   entiere, telle qu'elle etait.
   -------------------------------------------------------------------------- */
.wa-cmpbar .go .ic,.wa-cmpbar .clr .ic,.wa-cmpbar .nb,.wa-inspbar .nb{display:none}

/* ==========================================================================
   L'OSSATURE DES PAGES DE CONTENU, a l'image du site de reference.

   Une page de contenu, c'est : sa tete (eyebrow, titre, intro) sur le papier,
   puis des sections calmes, blanches, bordees, dans un ordre fixe (le bloc
   principal, les sections de contenu, les etapes, les questions), et une
   seule bande sombre, a la fin. Pas de heros sombre, pas de degrade, pas de
   filigrane. Les composants ci-dessous, plus ceux de l'accueil (wa-rhead,
   wa-rboites, wa-rduo, wa-rbande), suffisent a toutes les pages ; les tuiles et
   les formules vivantes sont dans wa-frise.css et wa-visuels.css.
   Le detail est dans OSSATURE.md.
   ========================================================================== */

/* --- le rythme d'une page de contenu ---------------------------------------- */
.wa-root .wa-pagebody .wa-rsec-page{padding-top:var(--wa-rythme)}
.wa-root .wa-pagebody .wa-rsec-page:first-child{padding-top:0}
/* Le dernier paragraphe d'un texte ne pousse pas la section suivante (16 px de plus sur les pages legales). */
.wa-root .wa-pagebody .wa-rsec-page .wa-prose > :last-child{margin-bottom:0}
.wa-root .wa-pagebody .wa-rhead{margin-bottom:clamp(22px,3vw,34px)}
.wa-root .wa-pagebody .wa-rhead h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.02em;line-height:1.1}

/* --- la carte, l'unite de base --------------------------------------------- */
.wa-root .wa-rcarte{background:#fff;border:1px solid var(--line);border-radius:14px;padding:clamp(20px,2.4vw,28px)}
.wa-root .wa-rcarte > :first-child{margin-top:0}
.wa-root .wa-rcarte > :last-child{margin-bottom:0}
.wa-root .wa-rcarte h3{font-size:19px;letter-spacing:-.01em;margin:0 0 8px}
/* accessibilite#2 et services#13 : le titre de la carte et de l'aparte du bloc principal est un h2 (il suit le h1). Il garde le dessin du h3 : la meme regle le suit, et la classe h3 qu'il porte lui garde, en production, la hauteur de ligne que le theme parent donne aux h3 (Motors, h3,.h3{line-height:32px}) ; sans le parent (le banc), elle ne fait rien. */
.wa-root .wa-rcarte h2{font-size:19px;letter-spacing:-.01em;margin:0 0 8px}
.wa-root .wa-rcarte p{color:var(--ink-soft);font-size:15px;line-height:1.55;margin:0 0 12px}
.wa-root .wa-rcartes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.wa-root .wa-rcartes-2{grid-template-columns:repeat(2,1fr)}
.wa-root .wa-rcartes-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100.98px){.wa-root .wa-rcartes-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){.wa-root .wa-rcartes,.wa-root .wa-rcartes-2,.wa-root .wa-rcartes-4{grid-template-columns:1fr}}

/* --- le bloc principal : l'action de la page et son aparte -------------------
   Les deux colonnes ont la meme hauteur : quand l'aparte descendait plus bas que la carte principale,
   il laissait sous elle un trou avant la section suivante (jusqu'a 400 px, essais/reel/espaces.sh). Le
   contenu de la carte reste en haut. Une page dont la carte est bien plus courte que son aparte les
   pose l'une sous l'autre (offrir, depot-vente, suivi, parcs). */
.wa-root .wa-rprincipal{display:grid;grid-template-columns:1fr 360px;gap:clamp(24px,3vw,50px);align-items:stretch}
.wa-root .wa-rprincipal > :first-child{align-content:start}
@media (max-width:960.98px){.wa-root .wa-rprincipal{grid-template-columns:1fr}}
.wa-root .wa-rprincipal .wa-form{max-width:none}
/* L'inverse : quand la carte principale descend plus bas que l'aparte, l'aparte laissait sous lui un vide
   a cote de la carte, avant la section suivante (123 px sur la boutique, 119 sur le magazine a 1440 px).
   Un panneau d'aparte qui finit sur son bouton s'allonge jusqu'en bas de la carte, et le bouton se pose
   a son pied, a la hauteur du bas de la carte (la boutique pose de meme son rappel en pied de carte,
   wa-boutique.css). Un aparte d'information (des piliers, une note : l'assurance) garde sa hauteur :
   etires, ses piliers flottaient dans le vide. Sans place a gagner, rien ne bouge. */
.wa-root .wa-rprincipal > aside:not([class]){display:flex;flex-direction:column}
.wa-root .wa-rprincipal > aside:not([class]) > .wa-spanel:first-child:has(> .btn:last-child,> .wa-btn-wa:last-child){flex-grow:1;display:flex;flex-direction:column}
.wa-root .wa-rprincipal > aside:not([class]) > .wa-spanel:first-child > .btn:last-child,.wa-root .wa-rprincipal > aside:not([class]) > .wa-spanel:first-child > .wa-btn-wa:last-child{margin-top:auto}
/* Le detecteur d'arnaque (securite). Ce qu'il faut faire s'affiche sous la question a laquelle on repond
   « Oui » : la liste des conseils, dans l'aparte, l'allongeait jusqu'a 1 524 px, bien plus bas que les
   questions, et laissait au repos 709 px de vide sous le verdict. Le verdict et son bouton, courts,
   suivent les questions sous l'entete, en vue pendant qu'on y repond. */
.wa-root .scam-q{flex-wrap:wrap;row-gap:10px}
.wa-root .scam-q .sq-t{flex:1 1 0;min-width:0}
.wa-root .scam-q .sq-conseil{flex-basis:100%;margin:0;padding:10px 14px;border-left:3px solid var(--red);border-radius:8px;background:rgba(223,41,46,.06);background:oklch(0.585 0.215 26/.06);font-size:14px;line-height:1.5;color:var(--ink)}
.wa-root .scam-q .sq-conseil[hidden]{display:none}
@media (min-width:961px){.wa-root #detecteur > aside{position:sticky;top:calc(var(--wa-entete-bas) + 16px);align-self:start}}
/* Un bloc principal qui suit une section (le magazine : « A la une », puis la recherche) garde le rythme. */
.wa-root .wa-pagebody .wa-rsec-page + .wa-rprincipal{margin-top:var(--wa-rythme)}

/* --- la carte d'action en pleine largeur : le texte a gauche, les boutons a droite ; ce qui l'accompagne
   dessous, dans la meme carte (offrir, depot-vente, suivi). Remplace le bloc principal quand l'aparte
   serait bien plus haut que la carte. */
.wa-root .wa-raction-tete{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 36px}
.wa-root .wa-raction-tete > div:first-child{flex:1 1 440px;min-width:0}
.wa-root .wa-raction-tete p{margin:0;max-width:74ch}
.wa-root .wa-raction-tete .wa-rboutons{margin-top:0;flex:none}
.wa-root .wa-raction-suite{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}
.wa-root .wa-rcarte .wa-raction-t{margin:0 0 16px;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--red-ink)}
.wa-root .wa-raction .wa-pillars{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.wa-root .wa-raction .wa-pillar{padding-bottom:0;border-bottom:none;gap:12px}
.wa-root .wa-raction .wa-pillar h3{font-size:16px;margin:0}
.wa-root .wa-raction .wa-pillar p{font-size:14px;margin:4px 0 0}
.wa-root .wa-raction + .wa-raction-note{margin-top:16px}
.wa-root .wa-raction-pied{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px}
.wa-root .wa-raction-pied p{flex:1 1 360px;margin:0;color:var(--ink-soft);font-size:15px;line-height:1.55}
.wa-root .wa-raction-pied p b{color:var(--ink)}
.wa-root .wa-raction-pied .btn{flex:none}
@media (max-width:820px){.wa-root .wa-raction .wa-pillars{grid-template-columns:1fr;gap:16px}.wa-root .wa-raction-tete .wa-rboutons{width:100%}}

/* --- les etapes : des lignes numerotees dans une carte ------------------------
   Les grands numeros en filigrane et les grilles a quatre colonnes cedent la
   place a des lignes : un badge rouge, un titre, un texte. Lisible en une
   colonne sur telephone, et le meme dessin sur toutes les pages. */
.wa-root .wa-retapes{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:16px;counter-reset:etape}
.wa-root .wa-retapes > li{display:grid;grid-template-columns:44px 1fr;gap:0 16px;align-items:start;padding:20px 24px;border-bottom:1px solid var(--line);counter-increment:etape}
/* Le badge a gauche, tout le reste a droite : h3 + p en enfants directs, ou enveloppes dans un div, meme dessin. */
.wa-root .wa-retapes > li::before{grid-column:1;grid-row:1}
.wa-root .wa-retapes > li > *{grid-column:2}
.wa-root .wa-retapes > li:last-child{border-bottom:0}
.wa-root .wa-retapes > li::before{content:counter(etape,decimal-leading-zero);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--red);color:#fff;font-family:var(--fd);font-weight:700;font-size:15px;letter-spacing:.02em}
.wa-root .wa-retapes h3,.wa-root .wa-retapes h2{margin:0 0 4px;font-size:18px;letter-spacing:-.01em}
.wa-root .wa-retapes p{margin:0;color:var(--ink-soft);font-size:15px;line-height:1.55}
.wa-root .wa-retapes p + .wa-rcoches,.wa-root .wa-retapes p + p{margin-top:10px}

/* Les anciennes grilles d'etapes des pages prennent le meme dessin, sans
   toucher a leur balisage : le numero cesse d'etre un filigrane. */
.wa-root .wa-bigstep{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px 22px 24px;color:var(--ink)}
/* Posee dans une bande sombre, la carte garde son encre : c'est elle qui est blanche, pas son fond. */
.wa-root .wa-bigsteps .wa-bigstep h3,.wa-root .wa-bigstep h3{color:var(--ink)}
.wa-root .wa-bigsteps .wa-bigstep p,.wa-root .wa-bigstep p{color:var(--ink-soft)}
.wa-root .wa-bigstep .num{position:static;opacity:1;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--red-ink);line-height:1;margin:0 0 12px;display:inline-block}
.wa-root .wa-bigstep h3{font-size:18px;margin:0 0 6px}
.wa-root .wa-bigstep p{margin:0;color:var(--ink-soft);font-size:15px;line-height:1.55}

/* --- les questions : des lignes, pas des boites ------------------------------- */
.wa-root .wa-rfaq{border-top:1px solid var(--line)}
.wa-root .wa-rfaq details{border-bottom:1px solid var(--line)}
.wa-root .wa-rfaq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-weight:600;font-size:17px;color:var(--ink)}
.wa-root .wa-rfaq summary::-webkit-details-marker{display:none}
.wa-root .wa-rfaq summary::after{content:"";width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);flex:none;transition:transform .2s var(--eo)}
.wa-root .wa-rfaq details[open] summary::after{transform:rotate(-135deg)}
.wa-root .wa-rfaq details > :not(summary){color:var(--ink-soft);font-size:15.5px;line-height:1.6;margin:0 0 18px;max-width:72ch}
.wa-root .wa-acc{border:0;border-radius:0;margin-top:0;background:none}

/* --- les notes : un bord rouge a gauche, pas un fond teinte ------------------ */
.wa-root .wa-rnote,.wa-root .wa-warn{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-left:3px solid var(--red);border-radius:12px;padding:18px 22px;max-width:none}
.wa-root .wa-rnote p,.wa-root .wa-warn p{margin:0;color:var(--ink-soft);font-size:15px;line-height:1.55}
.wa-root .wa-rnote b,.wa-root .wa-warn b{color:var(--ink)}
.wa-root .wa-rnote .ic{width:22px;height:22px;flex:none;stroke:var(--red);stroke-width:2;fill:none;margin-top:1px}
.wa-root .wa-rnote a,.wa-root .wa-warn a{color:var(--red-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* --- les prix : une carte, un montant, une liste, un bouton ------------------ */
.wa-root .wa-rprix{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;align-items:stretch}
.wa-root .wa-rprix .wa-rcarte{display:flex;flex-direction:column;gap:12px}
.wa-root .wa-rprix .montant{font-family:var(--fd);font-weight:600;font-size:clamp(28px,2.6vw,36px);line-height:1.1;letter-spacing:-.02em;color:var(--ink)}
.wa-root .wa-rprix .montant small{font-size:14px;font-weight:500;color:var(--muted);margin-left:6px}
.wa-root .wa-rprix .wa-rcarte p{margin:0}
.wa-root .wa-rprix .note,.wa-root .wa-rprix .hint{font-size:13.5px;color:var(--muted);line-height:1.5}
.wa-root .wa-rprix .btn + .hint{text-align:center;margin-top:-2px}
.wa-root .wa-rprix .wa-rcoches{margin:4px 0 6px}
.wa-root .wa-rprix-2{max-width:960px}
.wa-root .wa-rprix .btn{margin-top:auto;width:100%;justify-content:center}
/* La carte conseillee soulignee de rouge, son etiquette en pastille pleine ; les autres etiquettes en pastille claire. */
.wa-root .wa-rprix .wa-rcarte.reco{border-color:var(--red);box-shadow:0 0 0 1px var(--red),0 26px 50px -36px rgba(223,41,46,.55)}
.wa-root .wa-rprix .reco-tag{display:inline-flex;align-self:flex-start;align-items:center;padding:5px 11px;border-radius:999px;background:#fdeeed;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.07em;text-transform:uppercase;color:var(--red-ink);margin-bottom:2px}
.wa-root .wa-rprix .wa-rcarte.reco .reco-tag{background:var(--red);color:#fff}

/* --- la liste a coches, hors des services aussi ------------------------------- */
.wa-root .wa-rcoches li .ic{color:var(--red)}

/* --- ce que les pages ont demande a l'usage ----------------------------------
   Ecrit une fois ici, pour ne plus l'ecrire en ligne dans les gabarits. */
/* la tete de section accepte une phrase d'intro sous son titre */
.wa-root .wa-pagebody .wa-rhead p{margin:14px 0 0;max-width:68ch;color:var(--ink-soft);font-size:16.5px;line-height:1.6}
/* l'aparte du bloc principal : un eyebrow, un titre, un texte, un bouton pleine largeur */
.wa-root .wa-spanel .eyebrow{display:block;margin-bottom:10px}
.wa-root .wa-spanel h3{font-weight:600;font-size:18px;letter-spacing:-.01em;margin:0 0 8px}
.wa-root .wa-spanel h2{font-weight:600;font-size:18px;letter-spacing:-.01em;margin:0 0 8px}
.wa-root .wa-spanel p{font-size:14.5px;line-height:1.55;color:var(--ink-soft);margin:0 0 18px}
.wa-root .wa-spanel > .btn,.wa-root .wa-spanel > .wa-btn-wa{width:100%;justify-content:center}
.wa-root .wa-spanel > .btn + .btn,.wa-root .wa-spanel > .wa-btn-wa + .btn{margin-top:10px}
/* les piliers, serres quand ils vivent dans un aparte */
.wa-root .wa-spanel .wa-pillars{gap:18px}
.wa-root .wa-spanel .wa-pillar{padding-bottom:18px;gap:14px}
.wa-root .wa-spanel .wa-pillar:last-child{padding-bottom:0}
.wa-root .wa-spanel .wa-pillar h3{font-size:16px;margin:0}
.wa-root .wa-spanel .wa-pillar h2{font-size:16px;margin:0}
.wa-root .wa-spanel .wa-pillar p{font-size:14px;margin:4px 0 0}
.wa-root .wa-spanel h3 + .wa-pillars,.wa-root .wa-spanel h2 + .wa-pillars{margin-top:16px}
.wa-root .wa-spanel + .wa-spanel,.wa-root .wa-spanel + .wa-rnote{margin-top:16px}
/* la carte accepte un eyebrow, une icone, une liste a coches apres son texte, un rappel en petit */
.wa-root .wa-rcarte .eyebrow{display:block;margin-bottom:10px}
.wa-root .wa-rcarte p + .wa-rcoches{margin-top:14px}
.wa-root .wa-rcarte .hint{margin-top:10px}
.wa-root .wa-rcarte > .btn,.wa-root .wa-rcarte > .wa-btn-wa{margin-top:6px}
/* une rangee de boutons sous un texte */
.wa-root .wa-rboutons{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}
/* un catalogue pose dans une section ne garde pas sa marge de page */
.wa-root .wa-rsec-page .wa-results{padding-bottom:0}
/* une carte qui ne contient qu'un plan : pas de marge interne, une hauteur fixe */
.wa-root .wa-rcarte-carte{padding:0;overflow:hidden}
.wa-root .wa-rcarte-carte iframe{display:block;width:100%;height:380px;border:0}
/* les tableaux de comparaison : l'encre du site, pas le gris du theme parent */
.wa-root .wa-cmptable td{color:var(--ink-soft)}
.wa-root .wa-cmptable td h3,.wa-root .wa-cmptable td h3 a{color:var(--ink)}
.wa-root .wa-pcmptable .ph .pav{background:var(--ink);color:#fff}

/* --- les listes deroulantes, partout dans nos pages ----------------------------
   Motors habillait chaque <select> du site avec select2 ; la liste s'ouvrait et se
   refermait aussitot sur certains appareils. Le pied de page rend a nos listes
   leur nature (footer-wautoparc.php), et elles se dessinent ici : le cadre des
   autres champs, un chevron, la liste du navigateur. Les listes en pilule
   (.wa-sel) et celle du heros ont deja leur chevron. Le tiret d'un select2 qui
   aurait survecu garde son habillage, plus bas. */
.wa-root select:not(.wa-sel select):not(.wa-heroform select):not(.select2-hidden-accessible){appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4.5l4 4 4-4' fill='none' stroke='%23666a75' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 12px;padding-right:40px;cursor:pointer;color:var(--ink)}
.wa-root select:not(.wa-sel select):not(.wa-heroform select):not(.select2-hidden-accessible):focus{outline:none;border-color:var(--red);box-shadow:var(--focus-halo)}
.wa-root select:not(.wa-sel select):not(.wa-heroform select):disabled{color:var(--muted);background-color:var(--paper-2);cursor:not-allowed}
.wa-root select::-ms-expand{display:none}
/* l'estimateur cachait le chevron de ses pilules parce que select2 dessinait le sien : il revient */
.wa-root .val-form .wa-sel{position:relative;display:block}
.wa-root .val-form .wa-sel::after{display:block}
/* un select2 qui aurait survecu (un script tiers plus tardif) reste habille comme nos champs */
.wa-root .select2-container{width:100%!important;display:block}
.wa-root .select2-container--default .select2-selection--single{height:auto;border:1px solid var(--line);border-radius:12px;background:#fff;padding:13px 38px 13px 14px;transition:border-color .15s,box-shadow .15s}
.wa-root .select2-container--default.select2-container--focus .select2-selection--single,.wa-root .select2-container--default.select2-container--open .select2-selection--single{border-color:var(--red);box-shadow:var(--focus-halo)}
.wa-root .select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--ink);font-size:15px;font-weight:500;line-height:1.35;padding:0}
.wa-root .select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;top:0;right:15px;width:10px}
.wa-root .select2-selection__arrow b{display:none}
.wa-root .select2-selection__arrow::after{content:"";position:absolute;right:0;top:50%;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}

/* --- le champ de recherche du catalogue (inspection, diaspora) ------------------ */
.wa-root .dia-pick input{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 15px 13px 44px;font:inherit;font-size:15px;background:#fff;color:var(--ink);appearance:none;-webkit-appearance:none}
.wa-root .dia-pick input:focus{outline:none;border-color:var(--red);box-shadow:var(--focus-halo)}
.wa-root .dia-pick input::-webkit-search-cancel-button{-webkit-appearance:none}

/* ==========================================================================
   L'ESPACE DES COMPTES : la page de connexion, le tableau de bord, la
   modification d'une annonce (page-espace-parc.php).
   ========================================================================== */

/* --- la carte d'acces : entrer ou creer son compte, au centre de la page --------- */
.wa-root .wa-acces{position:relative;max-width:560px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(22px,3vw,34px)}
.wa-root .wa-acces-radio{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.wa-root .wa-acces-onglets{display:grid;grid-template-columns:1fr 1fr;background:var(--paper-2);border-radius:100px;padding:4px;margin-bottom:26px}
.wa-root .wa-acces-onglets label{display:block;text-align:center;padding:11px 14px;border-radius:100px;font-weight:600;font-size:15px;color:var(--ink-soft);cursor:pointer;transition:background .18s var(--eo),color .18s var(--eo)}
.wa-root #wa-acces-entrer:checked ~ .wa-acces-onglets label[for="wa-acces-entrer"],.wa-root #wa-acces-creer:checked ~ .wa-acces-onglets label[for="wa-acces-creer"]{background:var(--ink);color:#fff}
.wa-root .wa-acces-form{display:none}
.wa-root #wa-acces-entrer:checked ~ .wa-acces-entrer,.wa-root #wa-acces-creer:checked ~ .wa-acces-creer{display:grid;gap:16px}
.wa-root .wa-acces-champ label,.wa-root .wa-acces-champ .lbl{display:block;font-weight:600;font-size:14px;margin-bottom:7px;color:var(--ink)}
.wa-root .wa-acces-champ label small{font-weight:500;color:var(--muted)}
.wa-root .wa-acces-champ input,.wa-root .wa-acces-champ select{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 15px;font:inherit;font-size:15px;background:#fff;color:var(--ink)}
.wa-root .wa-acces-champ input:not([type=checkbox]):not([type=radio]):focus,.wa-root .wa-acces-champ select:focus{outline:none;border-color:var(--red);box-shadow:var(--focus-halo)}
.wa-root .wa-acces-champ .hint{display:block;font-size:13px;color:var(--muted);margin-top:6px;line-height:1.45}
.wa-root .wa-acces-deux{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:520px){.wa-root .wa-acces-deux{grid-template-columns:1fr}}
.wa-root .wa-acces-form > .btn{width:100%;justify-content:center;margin-top:4px}
.wa-root .wa-acces-msg{margin:0;padding:12px 14px;border:1px solid var(--red);border-radius:12px;color:var(--red-press);font-size:14px;line-height:1.45}
.wa-root .wa-acces-aide{margin:0;text-align:center;font-size:13.5px;color:var(--muted);line-height:1.5}
.wa-root .wa-acces-aide a,.wa-root .wa-acces-lien{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.wa-root .wa-acces-aide a:hover,.wa-root .wa-acces-lien:hover{color:var(--red-ink)}
/* Sous l'identifiant : « Me connecter avec mon identifiant » (ou « avec mon numero »), qui change le clavier. */
.wa-root .wa-log-clavier{display:inline-block;margin:8px 0 0;padding:0;border:0;background:none;font:inherit;font-size:13.5px;line-height:1.4;text-align:left}
.wa-root .wa-log-clavier[hidden]{display:none}
.wa-root .wa-acces-piege{position:absolute;left:-9999px;width:1px;height:1px}
/* le choix du type de compte : trois tuiles, une seule cochee */
.wa-root .wa-acces-types{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media (max-width:520px){.wa-root .wa-acces-types{grid-template-columns:1fr}}
.wa-root .wa-acces-types label{position:relative;display:block;cursor:pointer;margin:0}
.wa-root .wa-acces-types input{position:absolute;opacity:0;width:1px;height:1px}
.wa-root .wa-acces-types span{display:block;border:1px solid var(--line);border-radius:12px;padding:12px 12px;text-align:left;transition:border-color .18s var(--eo),box-shadow .18s var(--eo)}
.wa-root .wa-acces-types b{display:block;font-weight:600;font-size:14.5px;color:var(--ink)}
.wa-root .wa-acces-types small{display:block;font-size:12.5px;color:var(--muted);line-height:1.35;margin-top:3px}
.wa-root .wa-acces-types input:checked + span{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.wa-root .wa-acces-types input:focus-visible + span{outline:2px solid var(--red);outline-offset:2px}
.wa-root .wa-acces + .wa-rsec-page{padding-top:var(--wa-rythme)}
/* Les onglets de la carte d'acces se prennent au clavier (fleches) : la pastille du panneau choisi montre le focus. */
.wa-root #wa-acces-entrer:focus-visible ~ .wa-acces-onglets label[for="wa-acces-entrer"],.wa-root #wa-acces-creer:focus-visible ~ .wa-acces-onglets label[for="wa-acces-creer"],.wa-root #wa-acces-code:focus-visible ~ .wa-acces-onglets label[for="wa-acces-entrer"]{outline:2px solid var(--red);outline-offset:2px}
@supports not selector(:focus-visible){.wa-root #wa-acces-entrer:focus ~ .wa-acces-onglets label[for="wa-acces-entrer"],.wa-root #wa-acces-creer:focus ~ .wa-acces-onglets label[for="wa-acces-creer"]{outline:2px solid var(--red);outline-offset:2px}}
/* Les liens qui ouvrent un autre panneau sont de vrais boutons : le dessin d'un lien, une cible de 44 px au doigt. */
.wa-root .wa-acces-aide .wa-acces-lien{display:inline-block;margin:-12px 0;padding:12px 2px;border:0;background:none;font:inherit;line-height:inherit}
.wa-root .wa-acces-lien:focus-visible,.wa-root .wa-mdp-voir:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:6px}
/* « Afficher » le mot de passe : un bouton dans le champ, a droite ; cache sans script. */
.wa-root .wa-mdp{position:relative}
.wa-root .wa-mdp > input[type]{padding-right:96px}
.wa-root .wa-mdp-voir{position:absolute;top:0;right:0;bottom:0;min-width:44px;padding:0 14px;border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.wa-root .wa-mdp-voir[hidden]{display:none}
/* « Rester connecte sur cet appareil » : une case au doigt, cochee par defaut. */
.wa-root .wa-acces-case{display:flex;align-items:center;gap:10px;min-height:44px;margin:0;font-size:14px;line-height:1.4;color:var(--ink);cursor:pointer}
.wa-root .wa-acces-case input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--red)}
/* Le paiement a la main, tant que le paiement en ligne dort : le montant, le numero Orange Money, puis la preuve sur WhatsApp. */
.wa-root .wa-achat-main{margin:0 0 14px;font-size:14px;line-height:1.5;color:var(--ink-soft)}
.wa-root .wa-achat-main b{color:var(--ink);white-space:nowrap}
/* L'onglet Publier dit ce que l'annonce va couter, ou la marche a suivre quand les gratuites sont prises. */
.wa-root .wa-publier-etat{margin:0 0 18px}
.wa-root .wa-publier-plafond{max-width:640px}
.wa-root .wa-publier-plafond .wa-rboutons{margin-top:18px}
/* Le numero a confirmer : un lien vers Mon profil, dans le bandeau et sous l'ecran du code. */
.wa-root .wa-otp-bandeau p a{color:var(--red-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.wa-root .wa-otp-corriger{margin-top:14px}

/* --- le tableau de bord ------------------------------------------------------- */
.wa-root .wa-notice.ko{border-color:var(--red);color:var(--red-press)}
.wa-root .wa-onglets{display:flex;align-items:stretch;gap:2px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);margin:26px 0 0;-webkit-overflow-scrolling:touch}
.wa-root .wa-onglets::-webkit-scrollbar{display:none}
.wa-root .wa-onglets a{flex:none;display:inline-flex;align-items:center;gap:6px;padding:13px 16px;font-weight:600;font-size:15px;color:var(--ink-soft);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .15s var(--eo),border-color .15s var(--eo)}
.wa-root .wa-onglets a:hover{color:var(--ink)}
.wa-root .wa-onglets a.actif{color:var(--ink);border-bottom-color:var(--red)}
.wa-root .wa-onglets a .n{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:100px;background:var(--paper-2);font-size:12px;color:var(--ink-soft);font-variant-numeric:tabular-nums}
.wa-root .wa-onglets a.actif .n{background:var(--ink);color:#fff}
.wa-root .wa-onglets .sortie{margin-left:auto;color:var(--muted);font-weight:500}
/* La liste des seuls onglets, dans la rangee (accessibilite#11) : elle se range comme ils se rangeaient, sans retrecir. */
.wa-root .wa-onglets-liste{display:flex;align-items:stretch;gap:2px;flex:none}
/* Au telephone la rangee defile : un fondu sur le bord droit le montre (le script pose wa-deborde), retire au bout. */
.wa-root .wa-onglets.wa-deborde{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 56px),transparent)}
.wa-root .wa-pagebody section[data-onglet]{padding-top:28px}
.wa-root .wa-pagebody section[data-onglet] + section[data-onglet]:not([hidden]){padding-top:var(--wa-rythme)}
.wa-root .wa-dashstats{margin-top:4px}
.wa-root .wa-dashstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:0}
/* sur telephone, les chiffres de l'espace vont par deux : la page reste courte */
@media (max-width:560.98px){.wa-root .wa-dashstats{grid-template-columns:1fr 1fr;gap:10px}}
.wa-root .wa-dstat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 22px}
.wa-root .wa-dstat .v{font-family:var(--fd);font-size:30px;font-weight:700;letter-spacing:-.02em;color:var(--ink);line-height:1.1}
.wa-root .wa-dstat .v.ok,.wa-root .wa-drow .m .ok{color:#00682e;color:oklch(0.45 0.13 152)}
.wa-root .wa-dstat .k{color:var(--muted);font-size:13.5px;margin-top:4px}
.wa-root .wa-dashrows{display:grid;gap:12px;margin:0;max-width:none}
.wa-root .wa-drow .m{color:var(--ink-soft)}
.wa-root .btn.petit{padding:9px 16px;font-size:13.5px}
.wa-root .wa-drow-retrait{display:inline}
.wa-root .wa-drow-retrait .btn{cursor:pointer}
.wa-root .wa-pagebody .wa-form-annonce,.wa-root .wa-pagebody .wa-form-profil{max-width:none}
.wa-root .wa-form-sep{border-top:1px solid var(--line);padding-top:16px;margin-top:6px}
.wa-root .wa-form-sep > label{font-weight:700}
.wa-root .wa-form .wa-rboutons{margin-top:4px}
.wa-root .wa-form .wa-rboutons .btn{min-width:240px;justify-content:center}
.wa-root .wa-form .wa-ph-err{color:var(--red-press)}
/* les photos d'une annonce qu'on modifie : la principale, celles a retirer */
.wa-root .wa-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px}
.wa-root .wa-photo{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.wa-root .wa-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--paper-2)}
.wa-root .wa-photo label{display:flex;align-items:center;gap:7px;padding:8px 10px;font-size:13px;font-weight:500;color:var(--ink-soft);margin:0;cursor:pointer}
.wa-root .wa-photo label + label{border-top:1px solid var(--line)}
.wa-root .wa-photo input{width:auto;margin:0;accent-color:var(--red)}
.wa-root .wa-photo .retirer{color:var(--red-press)}

/* ==========================================================================
   LE FORMULAIRE D'ANNONCE (page-espace-parc.php, wa_form_annonce) : cinq blocs
   numerotes, des choix en pilules, la location fermee tant qu'on vend seulement,
   les photos avec apercu.
   ========================================================================== */
.wa-root .wa-fa{display:grid;gap:18px;max-width:960px}
.wa-root .wa-fa-bloc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(20px,2.6vw,30px)}
.wa-root .wa-fa-tete{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}
.wa-root .wa-fa-tete .num{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--fd);font-weight:700;font-size:14px}
.wa-root .wa-fa-tete h3{margin:4px 0 4px;font-size:19px;letter-spacing:-.01em}
.wa-root .wa-fa-tete h3 small{font-size:13px;font-weight:500;color:var(--muted);margin-left:6px;letter-spacing:0}
.wa-root .wa-fa-tete h2{margin:4px 0 4px;font-size:19px;letter-spacing:-.01em}
.wa-root .wa-fa-tete h2 small{font-size:13px;font-weight:500;color:var(--muted);margin-left:6px;letter-spacing:0}
.wa-root .wa-fa-tete p{margin:0;color:var(--ink-soft);font-size:14.5px;line-height:1.5}
.wa-root .wa-fa-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
@media (max-width:640.98px){.wa-root .wa-fa-grille{grid-template-columns:1fr}}
.wa-root .wa-fa-large{grid-column:1/-1}
.wa-root .wa-fa-champ label,.wa-root .wa-fa-champ > .lbl{display:block;font-weight:600;font-size:14px;margin-bottom:7px;color:var(--ink)}
.wa-root .wa-fa-champ input:not([type=radio]):not([type=checkbox]):not([type=file]),.wa-root .wa-fa-champ select,.wa-root .wa-fa-champ textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 15px;font:inherit;font-size:15px;background:#fff;color:var(--ink)}
.wa-root .wa-fa-champ input:not([type=checkbox]):not([type=radio]):focus,.wa-root .wa-fa-champ select:focus,.wa-root .wa-fa-champ textarea:focus{outline:none;border-color:var(--red);box-shadow:var(--focus-halo)}
.wa-root .wa-fa-champ textarea{resize:vertical;min-height:110px}
.wa-root .wa-fa-champ .hint{display:block;font-size:13px;color:var(--muted);margin-top:6px;line-height:1.45}
.wa-root .wa-fa-prix-lu:not(:empty){color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.wa-root .wa-fa [hidden]{display:none!important}
.wa-root .wa-fa-champ.eteint label{color:var(--muted)}
.wa-root .wa-fa-champ.eteint input{background:var(--paper-2);color:var(--muted)}
.wa-root .wa-fa-sous{font-size:14px;color:var(--ink-soft);margin:0 0 10px}
/* les tuiles : voiture, moto, engin */
.wa-root .wa-fa-tuiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
@media (max-width:640.98px){.wa-root .wa-fa-tuiles{grid-template-columns:1fr}}
.wa-root .wa-fa-tuiles label{position:relative;display:block;margin:0;cursor:pointer}
.wa-root .wa-fa-tuiles input{position:absolute;opacity:0;width:1px;height:1px}
.wa-root .wa-fa-tuiles span{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px 14px;transition:border-color .18s var(--eo),box-shadow .18s var(--eo)}
.wa-root .wa-fa-tuiles span .ic{grid-row:1/3;width:26px;height:26px;color:var(--red);stroke:currentColor;fill:none;stroke-width:1.8}
.wa-root .wa-fa-tuiles b{font-weight:600;font-size:15px;color:var(--ink)}
.wa-root .wa-fa-tuiles small{font-size:12.5px;color:var(--muted);line-height:1.3}
.wa-root .wa-fa-tuiles label:hover span{border-color:rgba(223,41,46,.5);border-color:oklch(0.585 0.215 26/.5)}
.wa-root .wa-fa-tuiles input:checked + span{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red);background:rgba(223,41,46,.05);background:oklch(0.585 0.215 26/.05)}
.wa-root .wa-fa-tuiles input:checked + span b{color:var(--red-ink)}
.wa-root .wa-fa-tuiles input:focus-visible + span{outline:2px solid var(--red);outline-offset:2px}
/* les pilules : deux ou trois branches */
.wa-root .wa-fa-seg{display:flex;flex-wrap:wrap;gap:6px;padding:4px;background:var(--paper-2);border-radius:100px}
.wa-root .wa-fa-seg label{flex:1 1 auto;position:relative;margin:0;cursor:pointer;min-width:0}
.wa-root .wa-fa-seg input{position:absolute;opacity:0;width:1px;height:1px}
.wa-root .wa-fa-seg span{display:block;text-align:center;padding:10px 12px;border-radius:100px;font-size:14px;font-weight:600;color:var(--ink-soft);white-space:nowrap;transition:background .18s var(--eo),color .18s var(--eo)}
/* le choix fait est rouge, comme le reste de la marque : on le voit du premier coup d'oeil */
.wa-root .wa-fa-seg label:hover input:not(:checked):not(:disabled) + span{color:var(--ink);background:rgba(255,255,255,.7);background:oklch(1 0 0/.7)}
/* Une option cochee se dit a l'encre : le rouge reste celui des actions (ux#17). */
.wa-root .wa-fa-seg input:checked + span{background:var(--ink);color:#fff;box-shadow:none}
.wa-root .wa-fa-seg input:focus-visible + span{outline:2px solid var(--red);outline-offset:1px}
.wa-root .wa-fa-seg input:disabled + span{color:var(--muted);cursor:not-allowed}
/* la location : un bloc qui s'ouvre */
.wa-root .wa-fa-location .wa-fa-loc-champs{margin-top:18px;padding-top:18px;border-top:1px dashed var(--line)}
.wa-root .wa-fa-location:not(.ouvert) .wa-fa-tete p{color:var(--muted)}
/* les photos : la zone, les boutons, les apercus */
.wa-root .wa-fa-photos{border:1.5px dashed var(--line);border-radius:14px;padding:18px;transition:border-color .18s var(--eo),background .18s var(--eo)}
.wa-root .wa-fa-photos.survol{border-color:var(--red);background:rgba(223,41,46,.04);background:oklch(0.585 0.215 26/.04)}
.wa-root .wa-photos + .wa-fa-photos{margin-top:16px}
.wa-root .wa-fa-glisser{display:none;margin:0 0 10px;font-size:14px;color:var(--ink-soft)}
.wa-root .wa-fa-choisir .ordi{display:none}
/* sur un ordinateur, le navigateur ignore l'appareil photo et ouvrirait l'explorateur : un seul bouton, et le glisser-deposer */
@media (hover:hover) and (pointer:fine){.wa-root .wa-fa-photos.moderne .wa-fa-glisser{display:block}.wa-root .wa-fa-prendre{display:none}.wa-root .wa-fa-choisir .tel{display:none}.wa-root .wa-fa-choisir .ordi{display:inline}.wa-root .wa-fa-photos.moderne .wa-fa-choisir{background:var(--red);color:#fff;border-color:var(--red)}}
.wa-root .wa-fa-photos-boutons{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.wa-root .wa-fa-photos-boutons .btn{cursor:pointer}
.wa-root .wa-fa-photos-boutons .btn:disabled{opacity:.5;cursor:not-allowed}
.wa-root .wa-fa-photos-boutons .btn .ic{width:18px;height:18px}
.wa-root .wa-fa-compte{font-size:13.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.wa-root .wa-fa-photos.simple .wa-fa-photos-boutons{display:none}
.wa-root .wa-fa-fichiers{width:100%;font:inherit;font-size:14px}
.wa-root .wa-fa-apercus{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.wa-root .wa-fa-apercus:not(:empty){margin-top:14px}
.wa-root .wa-fa-apercu{position:relative;margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.wa-root .wa-fa-apercu img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--paper-2)}
.wa-root .wa-fa-apercu figcaption{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:6px 9px;font-size:12px;color:var(--muted)}
.wa-root .wa-fa-apercu figcaption b{color:var(--red-ink);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.wa-root .wa-fa-apercu .x{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(11,13,19,.78);background:oklch(0.16 0.012 265/.78);color:#fff;font-size:18px;line-height:1;cursor:pointer;display:grid;place-items:center}
.wa-root .wa-fa-apercu .x:hover{background:var(--red)}
.wa-root .wa-fa .wa-ph-err{color:var(--red-press);font-size:13.5px;margin-top:10px}
/* l'envoi */
.wa-root .wa-fa-envoi{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.wa-root .wa-fa-envoi .btn{min-width:260px;justify-content:center}
.wa-root .wa-fa-envoi .hint{font-size:13.5px;color:var(--muted)}

/* ==========================================================================
   LE FOND ESTOMPE : une image douce, faite de lumiere et de grain, derriere la
   tete des pages de l'espace. Pas de photo, pas de reseau, pas de poids : deux
   halos (papier chaud, souffle de rouge) flous, une pointe d'ombre, un grain
   fin. L'encre garde son contraste, le banc le mesure.
   ========================================================================== */
.wa-root .wa-page-head.wa-fond{position:relative;isolation:isolate;overflow:hidden}
.wa-root .wa-page-head.wa-fond::before{content:"";position:absolute;top:-30%;right:-10%;bottom:-20%;left:-10%;z-index:-2;pointer-events:none;
	background:radial-gradient(52% 70% at 84% 22%, rgba(255,190,181,.75), transparent 70%),
		radial-gradient(40% 60% at 68% 80%, rgba(255,220,189,.8), transparent 68%),
		radial-gradient(45% 55% at 12% 30%, rgba(231,235,244,.9), transparent 70%),
		radial-gradient(30% 40% at 40% 10%, rgba(255,255,255,.8), transparent 70%);background:
		radial-gradient(52% 70% at 84% 22%, oklch(0.88 0.1 26 / .75), transparent 70%),
		radial-gradient(40% 60% at 68% 80%, oklch(0.92 0.06 60 / .8), transparent 68%),
		radial-gradient(45% 55% at 12% 30%, oklch(0.94 0.012 265 / .9), transparent 70%),
		radial-gradient(30% 40% at 40% 10%, oklch(1 0 0 / .8), transparent 70%);
	filter:blur(28px) saturate(1.05)}
.wa-root .wa-page-head.wa-fond::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.07;mix-blend-mode:multiply;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E");background-size:160px 160px}
.wa-root .wa-page-head.wa-fond .wrap{position:relative;z-index:1}
@media (prefers-reduced-motion:no-preference){.wa-root .wa-page-head.wa-fond::before{animation:wa-fond-respire 18s ease-in-out infinite alternate}}
@keyframes wa-fond-respire{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-2%,1.5%,0) scale(1.04)}}

/* ==========================================================================
   L'INSPECTION (page-inspection.php) : le rendez-vous en une carte, le schema
   des huit familles.
   ========================================================================== */
.wa-root .wa-insp-form{display:grid;gap:16px}
.wa-root .wa-insp-form > h3,.wa-root .wa-insp-form > h2{margin:0}
.wa-root .wa-insp-form > .eyebrow{margin-bottom:0}
.wa-root .wa-insp-champ label,.wa-root .wa-insp-champ > .lbl{display:block;font-weight:600;font-size:14px;margin-bottom:7px;color:var(--ink)}
.wa-root .wa-insp-champ input:not([type=radio]):not([type=checkbox]),.wa-root .wa-insp-champ select{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 15px;font:inherit;font-size:15px;background:#fff;color:var(--ink)}
/* Une case garde son contour natif : le halo rouge des champs n'y fait que 1,2:1 (acces#3), comme la regle du site. */
.wa-root .wa-insp-champ input:not([type=checkbox]):not([type=radio]):focus,.wa-root .wa-insp-champ select:focus{outline:none;border-color:var(--red);box-shadow:var(--focus-halo)}
.wa-root .wa-insp-champ .hint{display:block;font-size:13px;color:var(--muted);margin-top:6px;line-height:1.45}
.wa-root .wa-insp-champ .hint a{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.wa-root .wa-insp-champ .dia-pick{margin-bottom:0}
.wa-root .wa-insp-champ .dia-pick input#ic-q{padding-left:44px}
.wa-root .wa-insp-n[hidden]{display:none}
.wa-root .wa-insp-champ label.wa-insp-vin{display:flex;margin:12px 0 0}
.wa-root .wa-insp-champ .ins-cars:not(:empty){margin-top:10px;border:1px solid var(--line);border-radius:12px;padding:0 14px}
/* l'assurance : l'intitule du groupe des formules (un span, le groupe le nomme), la note apres l'envoi */
.wa-root .wa-assur-form .wa-lab{display:block;font-weight:600;font-size:14px;margin-bottom:7px;color:var(--ink)}
/* l'aide « Ou parcourez le catalogue » se cache une fois un vehicule choisi (display:block l'emportait sur hidden) */
.wa-root .wa-insp-champ .hint[hidden]{display:none}
/* la formule : un groupe nomme (fieldset et legend), dessine comme les autres champs */
.wa-root fieldset.wa-insp-formule{border:0;margin:0;padding:0;min-width:0}
.wa-root fieldset.wa-insp-formule > legend{display:block;float:left;width:100%;padding:0;font-weight:600;font-size:14px;margin-bottom:7px;color:var(--ink)}
.wa-root fieldset.wa-insp-formule > legend + *{clear:both}
/* la selection au telephone : la vignette, le titre sur toute la place, le prix dessous, le retrait a 40 px */
.wa-root .wa-insp-champ .ins-car .nm{overflow-wrap:anywhere}
@media (max-width:520px){
  .wa-root .wa-insp-champ .ins-car{grid-template-columns:60px minmax(0,1fr) auto;gap:4px 11px}
  .wa-root .wa-insp-champ .ins-car .thb{grid-column:1;grid-row:1 / span 2}
  .wa-root .wa-insp-champ .ins-car > div{grid-column:2;grid-row:1}
  .wa-root .wa-insp-champ .ins-car .pr{grid-column:2;grid-row:2;text-align:left}
  .wa-root .wa-insp-champ .ins-car .rm{grid-column:3;grid-row:1 / span 2;width:40px;height:40px}
}
.wa-root .wa-insp-form .rdv-note.echec{color:var(--red-ink);font-weight:500}
.wa-root .wa-insp-form .rdv-note.echec a{color:inherit;font-weight:600;text-decoration:underline}
.wa-root .wa-insp-n{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:100px;background:var(--red);color:#fff;font-size:12px;font-style:normal;margin-left:6px;vertical-align:middle}
.wa-root .wa-insp-deux{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:560.98px){.wa-root .wa-insp-deux{grid-template-columns:1fr}}
.wa-root .wa-insp-vin{display:flex;align-items:center;gap:10px;margin:12px 0 0;font-weight:500;font-size:14.5px;color:var(--ink-soft);cursor:pointer}
.wa-root .wa-insp-vin input{width:18px;height:18px;margin:0;accent-color:var(--red)}
.wa-root .wa-insp-vin b{color:var(--ink);font-weight:600}
.wa-root .wa-insp-form > .wa-btn-wa{width:100%;min-height:52px;justify-content:center;font-size:16px;padding:15px;border-radius:10px}
.wa-root .wa-insp-form > .hint{margin:-6px 0 0;text-align:center;font-size:13px;color:var(--muted)}
.wa-root .wa-insp-form .rdv-note{margin:0;text-align:center}
/* les huit familles de controle : la liste du film de l'inspection, lue sans script (inc/film.php) */
.wa-root .wa-insp-familles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;counter-reset:fam}
@media (max-width:560.98px){.wa-root .wa-insp-familles{grid-template-columns:1fr}}
.wa-root .wa-insp-familles li{position:relative;padding-left:34px;counter-increment:fam;min-height:26px}
.wa-root .wa-insp-familles li::before{content:counter(fam);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;font-family:var(--fd);font-weight:700;font-size:12px;display:grid;place-items:center}
.wa-root .wa-insp-familles b{display:block;font-weight:600;font-size:15px;color:var(--ink);line-height:1.3}
.wa-root .wa-insp-familles span{display:block;font-size:13.5px;color:var(--ink-soft);line-height:1.45;margin-top:2px}

/* ==========================================================================
   LE MENU DU COMPTE, sous l'icone de profil de l'entete.
   ========================================================================== */
.wa-root .wa-compte{position:relative}
.wa-root .wa-compte-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:60;min-width:260px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px rgba(11,13,19,.22);box-shadow:0 24px 60px oklch(0.16 0.012 265/.22);padding:8px;text-align:left}
.wa-root .wa-compte-menu[hidden]{display:none}
.wa-root .wa-compte-menu a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;font-size:15px;font-weight:500;color:var(--ink);white-space:nowrap}
.wa-root .wa-compte-menu a:hover{background:var(--paper-2);color:var(--ink)}
.wa-root .wa-compte-menu a.sortie{color:var(--red-ink);border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin-top:4px;padding-top:12px}
.wa-root .wa-compte-tete{display:flex;align-items:center;gap:12px;padding:10px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:4px}
.wa-root .wa-compte-tete b{display:block;font-weight:600;font-size:15px;color:var(--ink);line-height:1.2;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa-root .wa-compte-tete small{display:block;font-size:12.5px;color:var(--muted);margin-top:3px}
.wa-root .wa-compte-avatar{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--fd);font-weight:700;font-size:14px;letter-spacing:.02em}
.wa-root .wa-userlink[aria-expanded="true"]{background:rgba(255,255,255,.14);background:oklch(1 0 0/.14)}
/* Sous 921 px, l'icone est au milieu de l'entete : accroche a elle, le menu sortait de l'ecran par la gauche, et couche,
   sa fin passait sous le bas de l'ecran dans une entete qui ne defile pas. Il se cale sur l'ecran, sous l'entete, a
   12 px des bords (360 px au plus, a droite), et defile en lui-meme (responsive-css#3). La hauteur en dvh va dans
   @supports : ecrite juste apres celle en vh, avec un var(), elle passait la lecture d'un navigateur sans dvh (Safari
   avant 15.4, Chrome avant 108) puis tombait au calcul, et le menu n'avait plus de hauteur maximale. */
@media (max-width:920.98px){.wa-root .wa-compte-menu{position:fixed;left:12px;right:12px;top:calc(var(--wa-entete-bas) + 8px);min-width:0;max-width:360px;margin-left:auto;max-height:calc(100vh - var(--wa-entete-bas) - 20px);overflow-y:auto;overscroll-behavior:contain}@supports (height:100dvh){.wa-root .wa-compte-menu{max-height:calc(100dvh - var(--wa-entete-bas) - 20px)}}}
.wa-root .wa-mnav .wa-mnav-sortie{color:#ff958a;color:oklch(0.8 0.15 26)}
/* L'entree « Administration » de l'equipe, et la pastille de ce qui attend (le compteur en cache). */
.wa-root .wa-compte-menu a.wa-compte-adm{font-weight:600}
.wa-root .wa-compte-menu a .n,.wa-root .wa-mnav a .n{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;border-radius:100px;background:var(--red-ink);color:#fff;font-size:12px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.wa-root .wa-compte-menu a .n{margin-left:auto}
.wa-root .wa-compte-menu a .n[hidden],.wa-root .wa-mnav a .n[hidden]{display:none}

/* ==========================================================================
   L'ESPACE, la suite : la carte d'identite, l'assistance, la jauge, les vendues.
   ========================================================================== */
.wa-root .wa-identite{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 20px;margin-bottom:14px}
.wa-root .wa-identite-avatar{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--fd);font-weight:700;font-size:20px;letter-spacing:.02em}
.wa-root .wa-identite b{display:block;font-family:var(--fd);font-weight:600;font-size:19px;letter-spacing:-.01em;color:var(--ink)}
.wa-root .wa-identite small{display:block;font-size:13.5px;color:var(--muted);margin-top:3px}
.wa-root .wa-identite .chips{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
.wa-root .wa-chip-etat{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:100px;font-size:13px;font-weight:600;background:var(--paper-2);color:var(--ink-soft)}
.wa-root .wa-chip-etat.ok{background:#d7f9de;background:oklch(0.95 0.05 152);color:#005924;color:oklch(0.4 0.12 152)}
.wa-root .wa-chip-etat.attente{background:#fff0c5;background:oklch(0.96 0.06 85);color:#754b00;color:oklch(0.45 0.1 75)}
.wa-root .wa-chip-etat.pro{background:#fee9be;background:oklch(0.94 0.06 85);color:#6c4302;color:oklch(0.42 0.09 70)}
@media (max-width:640.98px){.wa-root .wa-identite .chips{margin-left:0}}
/* l'assistance : une rangee sous un champ, un texte qui arrive, une relecture en lignes */
.wa-root .wa-ia{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}
.wa-root .wa-ia .btn{cursor:pointer}
.wa-root .wa-ia .btn.ia{background:var(--ink);color:#fff;border-color:var(--ink)}
.wa-root .wa-ia .btn.ia:hover{background:var(--red);border-color:var(--red)}
.wa-root .wa-ia .btn[aria-busy="true"]{opacity:.6;pointer-events:none}
.wa-root .wa-ia .etat{font-size:13px;color:var(--muted)}
.wa-root .wa-ia .etat.erreur{color:var(--red-press)}
.wa-root .wa-ia-note{margin-top:10px;padding:12px 14px;border:1px solid var(--line);border-left:3px solid var(--ink);border-radius:10px;background:#fff;font-size:14px;line-height:1.6;color:var(--ink-soft);white-space:pre-line}
.wa-root .wa-ia-note[hidden]{display:none}
.wa-root .wa-ia-mention{font-size:12.5px;color:var(--muted);margin-top:6px}
/* la jauge de completude, au bas du formulaire */
.wa-root .wa-jauge{display:grid;grid-template-columns:1fr auto;gap:6px 14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px}
.wa-root .wa-jauge .barre{grid-column:1/-1;height:8px;border-radius:100px;background:var(--paper-2);overflow:hidden}
.wa-root .wa-jauge .barre span{display:block;height:100%;border-radius:100px;background:var(--red);width:0;transition:width .35s var(--eo)}
.wa-root .wa-jauge .barre span.pleine{background:#0ea053;background:oklch(0.62 0.16 152)}
.wa-root .wa-jauge b{font-family:var(--fd);font-weight:600;font-size:15px;color:var(--ink)}
.wa-root .wa-jauge .pct{font-family:var(--fd);font-weight:700;font-size:18px;color:var(--ink);font-variant-numeric:tabular-nums}
.wa-root .wa-jauge .conseil{grid-column:1/-1;font-size:13.5px;color:var(--ink-soft);margin:0}
/* les rangees d'annonces : un badge de statut de plus, la vendue en gris */
.wa-root .wa-status.ven{background:var(--paper-2);color:var(--muted)}
/* la moderation : renvoyee au vendeur pour correction, refusee (le motif est dit a cote) */
.wa-root .wa-status.cor{background:var(--paper-2);color:var(--ink)}
.wa-root .wa-status.ref{background:rgba(223,41,46,.1);background:oklch(0.585 0.215 26/.1);color:var(--red-ink)}
/* le motif de l'equipe sous une annonce a corriger ou refusee, et au-dessus du formulaire de modification */
.wa-root .wa-drow .wa-drow-motif{flex:1 1 100%;padding:12px 16px;border-radius:12px}
.wa-root .wa-drow .wa-drow-motif p{font-size:14px}
.wa-root .wa-drow .wa-drow-motif .ic{width:18px;height:18px}
.wa-root .wa-drow.a-corriger,.wa-root .wa-drow.refusee{border-color:rgba(223,41,46,.35);border-color:oklch(0.585 0.215 26/.35)}
.wa-root .wa-espace-motif{margin:0 0 20px}
/* la connexion demandee par l'administration, et la carte d'un compte de l'equipe dans l'espace */
.wa-root .wa-acces-retour{margin:0;padding:12px 14px;border:1px solid var(--line);border-left:3px solid var(--red);border-radius:12px;background:#fff;color:var(--ink-soft);font-size:14px;line-height:1.45}
.wa-root .wa-equipe-carte{max-width:640px}
.wa-root .wa-drow.vendue .ph img{filter:grayscale(1);opacity:.7}
.wa-root .wa-drow .t small{font-weight:500;color:var(--muted);margin-left:6px;font-size:13px}

/* --- les textes courants : une mesure et un gris, partout --------------------- */
.wa-root .wa-pagebody .wa-prose{max-width:72ch;color:var(--ink-soft);font-size:16.5px;line-height:1.65}
.wa-root .wa-pagebody .wa-prose h3{color:var(--ink);font-size:19px;margin:26px 0 8px}
.wa-root .wa-pagebody .wa-prose > h3:first-child{margin-top:0}
.wa-root .wa-pagebody .wa-prose-petit{font-size:15px}
.wa-root .wa-pagebody .wa-prose p + p{margin-top:12px}
/* Un lien dans un texte : lisible, comme dans une note (.wa-rnote a), sans style en ligne. Le style global
   (a{color:inherit;text-decoration:none}, wautoparc-theme.css) le rendrait invisible : la prose d'une page de contenu
   (CGU, mentions ; l'article du magazine garde le sien, .wa-mag-prose a), le texte d'une carte, la reponse d'une
   question frequente, le « reessayez » de la liste d'un dossier diaspora. */
.wa-root .wa-pagebody .wa-prose:not(.wa-mag-prose) a,.wa-root .wa-pagebody .wa-rcarte p a,.wa-root .wa-rfaq details > p a,.wa-root .wa-dia-choisis li a{color:var(--red-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* ==========================================================================
   LA TETE DE L'INVENTAIRE, BASSE : le titre a gauche, les silhouettes des
   types a droite sur la meme bande, le commutateur de familles sur une ligne,
   et la premiere annonce visible sans defiler. Les silhouettes viennent de
   functions.php (wa_silhouettes), boite 64 x 26.
   ========================================================================== */
.wa-root .wa-page-head.wa-inv{padding:22px 0 0}
.wa-root .wa-page-head.wa-inv .wa-cathead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 36px;flex-wrap:wrap}
.wa-root .wa-page-head.wa-inv .wa-cathead-titre{flex:0 1 auto;padding-bottom:16px}
.wa-root .wa-page-head.wa-inv .eyebrow{margin-bottom:6px;font-size:12px}
.wa-root .wa-page-head.wa-inv h1{font-size:clamp(26px,2.6vw,36px);line-height:1.05}
.wa-root .wa-page-head.wa-inv .count{font-size:14px;margin-top:6px}
.wa-root .wa-page-head.wa-inv .wa-famdesc{margin-top:8px;font-size:14px;max-width:56ch}
.wa-root .wa-page-head.wa-inv .wa-silrow{flex:1 1 520px;min-width:0;margin:0;padding:0 0 16px}
.wa-root .wa-page-head.wa-inv .wa-sil:first-child{margin-left:auto}
.wa-root .wa-page-head.wa-inv .wa-sil{flex:0 0 94px;padding:9px 6px 7px;gap:3px;border-radius:12px}
.wa-root .wa-page-head.wa-inv .wa-sil svg{width:60px;height:24px;stroke-width:1.6}
.wa-root .wa-page-head.wa-inv .wa-sil span{font-size:12px}
@media (max-width:1180.98px){
  .wa-root .wa-page-head.wa-inv .wa-silrow{flex-basis:100%}
  .wa-root .wa-page-head.wa-inv .wa-sil:first-child{margin-left:0}
  .wa-root .wa-page-head.wa-inv .wa-cathead-titre{padding-bottom:0}
}
@media (max-width:600.98px){
  .wa-root .wa-page-head.wa-inv{padding:16px 0 0}
  .wa-root .wa-page-head.wa-inv .wa-sil{flex-basis:84px}
  .wa-root .wa-page-head.wa-inv .wa-sil svg{width:52px;height:21px}
}
/* le commutateur de familles tient sur une ligne, a toute largeur */
.wa-root .wa-famsw{gap:10px;margin-bottom:16px}
.wa-root .wa-famsw .fs{flex-direction:row;align-items:center;gap:12px;padding:10px 14px;border-radius:12px}
.wa-root .wa-famsw .fs svg{width:66px;height:28px;stroke-width:2.4}
.wa-root .wa-famsw .fs b{font-size:15px}
.wa-root .wa-famsw .fs .n{position:static;margin-left:auto;font-size:20px}
.wa-root .wa-results{padding-top:18px}
@media (max-width:760.98px){
  .wa-root .wa-famsw{grid-template-columns:repeat(3,1fr);gap:6px}
  .wa-root .wa-famsw .fs{flex-direction:column;align-items:center;text-align:center;gap:4px;padding:10px 6px}
  .wa-root .wa-famsw .fs svg{width:54px;height:23px}
  .wa-root .wa-famsw .fs b{font-size:12.5px;line-height:1.15}
  .wa-root .wa-famsw .fs .n{margin-left:0;font-size:14px}
}
/* les boites de categories de l'accueil portent la silhouette de l'inventaire */
.wa-root .wa-rboite .sil{width:52px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--ink)}
@media (max-width:480px){.wa-root .wa-rboite .sil{width:44px;height:18px}}
@media (max-width:359px){.wa-root .wa-rboite .sil{width:36px;height:15px}}

/* ==========================================================================
   LE MENU DIT OU L'ON EST : l'entree de la page vue reste soulignee, sans
   attendre le survol. Le comparateur a son icone a cote des favoris, avec
   son compteur, et son bouton sur les cartes n'attend plus le survol.
   ========================================================================== */
.wa-root .wa-menu a.on{color:#fff}
.wa-root .wa-menu a.on::after{transform:scaleX(1)}
.wa-root .wa-mnav a.on{color:#fff;box-shadow:inset 3px 0 0 var(--red);padding-left:12px}
.wa-hicons{display:flex;align-items:center;gap:10px}
@media (max-width:920.98px){.wa-hicons{display:none}}
/* Sept entrees avec le magazine : de 921 a 1240 px le menu se resserre sans passer a la ligne, le
   logo garde sa taille ; jusqu'a 1100 px le bouton Publier laisse sa place (la barre du haut l'offre). */
.wa-header .wa-logo{flex:none}
.wa-root .wa-menu a{white-space:nowrap}
@media (min-width:921px) and (max-width:1240px){.wa-root .wa-menu{font-size:15px}}
@media (min-width:921px) and (max-width:1100.98px){.wa-header .btn-light{display:none}}

/* ==========================================================================
   LA TETE DES PAGES DE CONTENU, BASSE : le titre reste grand, l'air au-dessus
   non. Meme geste que sur l'inventaire.
   ========================================================================== */
.wa-root .wa-page-head{padding:34px 0 26px}
.wa-root .wa-page-head .eyebrow{margin-bottom:8px}
.wa-root .wa-page-head h1{font-size:clamp(30px,3.6vw,50px);line-height:1.04}
.wa-root .wa-page-head .count{font-size:16px;margin-top:10px;line-height:1.5}
@media (max-width:600.98px){.wa-root .wa-page-head{padding:22px 0 18px}.wa-root .wa-page-head h1{font-size:clamp(27px,7vw,34px)}}

/* ==========================================================================
   LES AVIS SUR LES LOCATIONS : une note en etoiles, la liste des avis avec la
   reponse du loueur, le formulaire pour un compte connecte, les temoignages
   de la page Location, la carte de location qui porte sa note.
   ========================================================================== */
.wa-root .wa-note{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--ink)}
.wa-root .wa-note b{font-weight:700}
.wa-root .wa-note small{color:var(--muted);font-size:12.5px}
.wa-root .wa-note-etoiles{position:relative;display:inline-block;line-height:1;font-size:15px;letter-spacing:1px;color:#d8d0c3;color:oklch(0.86 0.02 80)}
.wa-root .wa-note-etoiles .plein{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:#e8a200;color:oklch(0.76 0.16 78)}
.wa-root .wa-note-vide{color:var(--muted);font-size:13px}
.wa-root .wa-note-grande{gap:12px;font-size:16px}
.wa-root .wa-note-grande .wa-note-etoiles{font-size:26px}
.wa-root .wa-note-grande b{font-family:var(--fd);font-size:34px;letter-spacing:-.03em;line-height:1}
.wa-root .wa-avisl{display:grid;gap:14px;margin-top:18px}
.wa-root .wa-avisl-item{border:1px solid var(--line);border-radius:16px;background:#fff;padding:18px 20px}
.wa-root .wa-avisl-item .ah{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:8px}
.wa-root .wa-avisl-item .an{font-weight:600}
.wa-root .wa-avisl-item .ad{color:var(--muted);font-size:13px}
.wa-root .wa-avisl-item .av{font-size:12.5px;color:var(--muted);background:var(--paper-2);border-radius:100px;padding:3px 10px}
.wa-root .wa-avisl-item .av a{color:var(--ink)}
.wa-root .wa-avisl-item p{margin:0;color:var(--ink-soft);line-height:1.6;font-size:15px}
.wa-root .wa-avisl-item .areponse{margin-top:12px;padding:12px 14px;border-left:3px solid var(--red);background:var(--paper);border-radius:0 12px 12px 0}
.wa-root .wa-avisl-item .areponse b{display:block;font-size:13px;margin-bottom:4px}
.wa-root .wa-avisl-item .areponse p{font-size:14px}
.wa-root .wa-avisl-item .attente{display:inline-block;font-size:12.5px;color:var(--muted);border:1px dashed var(--line);border-radius:100px;padding:3px 10px}
.wa-root .wa-avisf{margin-top:22px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:20px 22px}
.wa-root .wa-avisf h3{font-size:18px;margin:0 0 4px}
.wa-root .wa-avisf .mention{color:var(--muted);font-size:13.5px;margin:0 0 14px}
.wa-root .wa-avisf-etoiles{display:inline-flex;flex-direction:row-reverse;gap:2px;margin-bottom:12px}
.wa-root .wa-avisf-etoiles input{position:absolute;opacity:0;width:1px;height:1px}
.wa-root .wa-avisf-etoiles label{font-size:30px;line-height:1;color:#d8d0c3;color:oklch(0.86 0.02 80);cursor:pointer;transition:color .15s}
.wa-root .wa-avisf-etoiles input:checked ~ label,.wa-root .wa-avisf-etoiles label:hover,.wa-root .wa-avisf-etoiles label:hover ~ label{color:#e8a200;color:oklch(0.76 0.16 78)}
.wa-root .wa-avisf-etoiles input:focus-visible + label{outline:2px solid var(--red);outline-offset:2px;border-radius:4px}
.wa-root .wa-avisf textarea,.wa-root .wa-avisf input[type=month]{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;font-size:15px;background:#fff;color:var(--ink)}
.wa-root .wa-avisf textarea{min-height:110px;resize:vertical;margin-bottom:10px}
.wa-root .wa-avisf .ligne{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.wa-root .wa-avisf .ligne label{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted)}
.wa-root .wa-avisf .ligne input[type=month]{width:auto}
.wa-root .wa-avisf .etat{font-size:13.5px;color:var(--muted)}
.wa-root .wa-avisf .etat.ok{color:#00682e;color:oklch(0.45 0.13 152)}
.wa-root .wa-avisf .etat.erreur{color:var(--red-ink)}
.wa-root .wa-avisf-connexion{margin-top:22px;padding:16px 20px;border:1px dashed var(--line);border-radius:16px;font-size:14.5px;color:var(--ink-soft)}
.wa-root .wa-avisf-connexion a{color:var(--red-ink);font-weight:600}
.wa-root .wa-rentcard .note{margin:6px 0 0;display:flex}
.wa-root .wa-rentcard .wa-note-vide{font-size:12.5px}
.wa-root .wa-temoins{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wa-root .wa-temoin{border:1px solid var(--line);border-radius:18px;background:#fff;padding:20px 22px;display:flex;flex-direction:column;gap:10px}
.wa-root .wa-temoin p{margin:0;color:var(--ink-soft);font-size:15px;line-height:1.6}
.wa-root .wa-temoin .qui{font-size:13px;color:var(--muted);margin-top:auto}
.wa-root .wa-temoin .qui b{color:var(--ink);font-weight:600}
.wa-root .wa-temoin .qui a{color:var(--red-ink)}
.wa-root .wa-temoin .areponse{font-size:13.5px;color:var(--ink-soft);border-left:3px solid var(--red);padding:6px 12px;margin:0}
.wa-root .wa-pavis-annonces{display:grid;gap:12px}
.wa-root .wa-pavis-annonces .wa-pavis-item .veh{font-size:13px;color:var(--muted);margin-bottom:6px}
.wa-root .wa-pavis-annonces .wa-pavis-item .veh a{color:var(--ink);font-weight:600}
@media (max-width:900.98px){.wa-root .wa-temoins{grid-template-columns:1fr 1fr}}
@media (max-width:600.98px){.wa-root .wa-temoins{grid-template-columns:1fr}}

/* ==========================================================================
   LA PAGE DIASPORA : le choix des vehicules se fait a l'oeil, dans une grille
   de cartes a cocher ; le dossier et son devis suivent dans une colonne
   collante ; trois pas en frise, ce qui protege en une ligne.
   ========================================================================== */
.wa-root .wa-dia-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:start}
.wa-root .wa-dia-bloc{margin-bottom:34px}
.wa-root .wa-dia-lbl{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.wa-root .wa-dia-lbl .n{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--fd);font-weight:700;font-size:15px;flex:none}
.wa-root .wa-dia-lbl h2{margin:0;font-size:clamp(20px,2.2vw,26px);letter-spacing:-.02em}
.wa-root .wa-dia-lbl .cpt{margin-left:auto;font-size:13.5px;color:var(--muted);white-space:nowrap}
.wa-root .wa-dia-lbl .cpt b{color:var(--ink)}
.wa-root .wa-dia-lbl a.cpt{color:var(--red-ink);font-weight:600}
.wa-root .wa-dia-cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:14px}
.wa-root .wa-dia-carte{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;text-align:left;cursor:pointer;padding:0;font:inherit;color:var(--ink);transition:border-color .2s,box-shadow .25s,transform .25s}
.wa-root .wa-dia-carte:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:0 14px 30px -20px rgba(11,13,19,.4);box-shadow:0 14px 30px -20px oklch(0.16 0.012 265/.4)}
.wa-root .wa-dia-carte .ph{display:block;aspect-ratio:4/3;background:var(--paper-2);overflow:hidden}
.wa-root .wa-dia-carte .ph img{width:100%;height:100%;object-fit:cover;display:block}
.wa-root .wa-dia-carte .bd{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px}
.wa-root .wa-dia-carte .tt{font-weight:600;font-size:15px;line-height:1.25}
.wa-root .wa-dia-carte .sp{font-size:12.5px;color:var(--muted)}
.wa-root .wa-dia-carte .px{font-weight:700;font-size:15px;margin-top:4px}
.wa-root .wa-dia-carte .px small{font-weight:500;color:var(--muted);font-size:12px}
.wa-root .wa-dia-carte .ded{position:absolute;top:10px;left:10px;font-size:12px;font-weight:600;background:rgba(255,255,255,.94);background:oklch(1 0 0/.94);border-radius:100px;padding:4px 9px;color:var(--muted)}
.wa-root .wa-dia-carte .ded.ok{color:#00682e;color:oklch(0.45 0.13 152)}
.wa-root .wa-dia-carte .coche{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.94);background:oklch(1 0 0/.94);border:1px solid var(--line);display:grid;place-items:center;color:transparent;transition:.2s}
.wa-root .wa-dia-carte .coche .ic{width:15px;height:15px;stroke-width:2.6}
/* Une carte choisie se dit a l'encre, comme sa coche : le rouge reste celui de l'envoi (ux#17). */
.wa-root .wa-dia-carte.on{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}
.wa-root .wa-dia-carte.on .coche{background:var(--ink);border-color:var(--ink);color:#fff}
.wa-root .wa-dia-carte:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.wa-root .wa-dia-pastilles{display:flex;flex-wrap:wrap;gap:10px}
.wa-root .wa-dia-pastilles label{position:relative;display:flex;flex-direction:column;gap:2px;flex:1 1 200px;border:1px solid var(--line);border-radius:14px;padding:12px 14px;cursor:pointer;background:#fff;transition:border-color .2s,box-shadow .2s}
.wa-root .wa-dia-pastilles input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;-webkit-appearance:none;appearance:none;border:0;border-radius:13px;background:none;cursor:pointer}
.wa-root .wa-dia-pastilles b{font-size:15px}
.wa-root .wa-dia-pastilles small{font-size:12.5px;color:var(--muted);line-height:1.4}
.wa-root .wa-dia-pastilles .px{font-size:13px;font-weight:600;margin-top:4px}
.wa-root .wa-dia-pastilles label:has(input:checked){border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
/* Sans :has() (Safari avant 15.4, Chrome avant 105), la classe que pose le pied de page (responsive-css#13). */
.wa-root .wa-dia-pastilles label.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.wa-root .wa-dia-pastilles input:focus-visible{outline:2px solid var(--red);outline-offset:2px} /* l'entree couvre l'etiquette et porte l'anneau, sans :has() (acces#4) */
.wa-root .wa-dia-champs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wa-root .wa-dia-champs input,.wa-root .wa-dia-champs select,.wa-root .wa-dia-champs textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;font-size:15px;background:#fff;color:var(--ink)}
.wa-root .wa-dia-champs textarea{grid-column:1/-1;min-height:84px;resize:vertical}
.wa-root .wa-dia-dossier{position:sticky;top:calc(100px + var(--wa-utile-h,0px));border:1px solid var(--line);border-radius:20px;background:#fff;padding:20px 22px;box-shadow:0 20px 50px -30px rgba(11,13,19,.4);box-shadow:0 20px 50px -30px oklch(0.16 0.012 265/.4)}
.admin-bar .wa-root .wa-dia-dossier{top:calc(132px + var(--wa-utile-h,0px))}
.wa-root .wa-dia-dossier .dh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}
.wa-root .wa-dia-dossier .dh h3{margin:0;font-size:19px}
.wa-root .wa-dia-dossier .dh span{font-size:13px;color:var(--muted)}
.wa-root .wa-dia-choisis{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.wa-root .wa-dia-choisis li{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:6px 8px 6px 6px}
.wa-root .wa-dia-choisis img{width:52px;height:40px;object-fit:cover;border-radius:8px;display:block;background:var(--paper-2)}
.wa-root .wa-dia-choisis .nm{font-size:13.5px;font-weight:600;line-height:1.2}
.wa-root .wa-dia-choisis .pr{font-size:12.5px;color:var(--muted)}
.wa-root .wa-dia-choisis .pr .ok{color:#00682e;color:oklch(0.45 0.13 152);font-weight:600}
.wa-root .wa-dia-choisis .rm{background:none;border:none;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;padding:4px 6px}
.wa-root .wa-dia-choisis .rm:hover{color:var(--red-ink)}
.wa-root .wa-dia-dossier .vide{font-size:14px;color:var(--muted);line-height:1.55;margin:0 0 12px}
.wa-root .wa-dia-ctrl{display:grid;gap:8px;margin-bottom:12px}
.wa-root .wa-dia-ctrl label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}
.wa-root .wa-dia-ctrl select,.wa-root .wa-dia-ctrl input{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 10px;font:inherit;font-size:14px;background:#fff;color:var(--ink);min-width:0}
/* Le taux en clair, « 1 € = 10 050 GNF », son nom au-dessus et sa date dessous (ux#24). */
.wa-root .wa-dia-taux{display:grid;gap:4px}
.wa-root .wa-dia-taux .eq{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--ink);white-space:nowrap}
.wa-root .wa-dia-ctrl .wa-dia-taux input{width:7.5em;flex:0 0 auto;text-align:right;font-weight:600}
.wa-root .wa-dia-taux small{font-size:12px;color:var(--muted);line-height:1.45}
.wa-root .wa-dia-lignes{display:grid;gap:6px;margin-bottom:10px}
.wa-root .wa-dia-lignes div{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;color:var(--ink-soft)}
.wa-root .wa-dia-lignes b{font-weight:600;color:var(--ink);white-space:nowrap}
.wa-root .wa-dia-total{border-top:1px solid var(--line);padding-top:12px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.wa-root .wa-dia-total .k{font-size:12.5px;color:var(--muted)}
.wa-root .wa-dia-total .gnf{font-family:var(--fd);font-weight:700;font-size:22px;letter-spacing:-.02em}
.wa-root .wa-dia-total .conv{font-size:15px;font-weight:600;color:var(--red-ink);white-space:nowrap}
.wa-root .wa-dia-dossier .btn{width:100%;justify-content:center}
.wa-root .wa-dia-garanties{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px;font-size:13px;color:var(--ink-soft)}
.wa-root .wa-dia-garanties li{display:flex;gap:8px;align-items:flex-start}
.wa-root .wa-dia-garanties .ic{width:14px;height:14px;stroke-width:2.4;color:var(--red-ink);flex:none;margin-top:3px}
.wa-root .wa-dia-dossier .note{font-size:12px;color:var(--muted);line-height:1.5;margin:12px 0 0}
.wa-root .wa-dia-envoye{font-size:13.5px;color:#00682e;color:oklch(0.45 0.13 152);margin:10px 0 0}
.wa-root .wa-dia-prot{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.wa-root .wa-dia-prot .pr{display:flex;gap:10px;align-items:flex-start}
.wa-root .wa-dia-prot .ic{width:18px;height:18px;stroke-width:2.2;color:var(--red-ink);flex:none;margin-top:2px}
.wa-root .wa-dia-prot p{margin:0;font-size:14px;color:var(--ink-soft);line-height:1.5}
.wa-root .wa-dia-prot b{display:block;color:var(--ink);font-size:14.5px}
@media (max-width:1100.98px){.wa-root .wa-dia-grid{grid-template-columns:1fr}.wa-root .wa-dia-dossier{position:static}.wa-root .wa-dia-prot{grid-template-columns:1fr 1fr}}
@media (max-width:700.98px){.wa-root .wa-dia-champs{grid-template-columns:1fr}.wa-root .wa-dia-prot{grid-template-columns:1fr}.wa-root .wa-dia-cartes{grid-template-columns:repeat(2,1fr);gap:10px}}
.wa-root .wa-avis-annonce{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.wa-root .wa-avis-annonce .wa-rent-head{margin-bottom:12px}
.wa-root .wa-loueur-note{margin-top:12px}
/* un compteur cache l'est vraiment : le display de la pastille ne prime plus sur hidden */
.wa-favlink .c[hidden]{display:none}
/* le dossier diaspora : une commande par ligne, le taux lisible */
.wa-root .wa-dia-ctrl{grid-template-columns:1fr}
@media (max-width:700.98px){.wa-root .wa-dia-ctrl{grid-template-columns:1fr}}

/* ==========================================================================
   LE SELECTEUR MARQUE PUIS MODELE (assets/js/wa-marques.js) : une liste sous le
   champ, marques avec leur pays, modeles avec leur type ; le champ reste libre.
   ========================================================================== */
.wa-mm-hote{position:relative}
.wa-root .wa-mm-liste{position:absolute;left:0;right:0;top:100%;z-index:70;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 44px -20px rgba(11,13,19,.38);box-shadow:0 22px 44px -20px oklch(0.16 0.012 265/.38);max-height:300px;overflow:auto;min-width:240px;text-align:left}
.wa-root .wa-mm-liste[hidden]{display:none}
.wa-root .wa-mm-liste li{display:flex;align-items:baseline;gap:8px;padding:9px 12px;border-radius:10px;cursor:pointer;font-size:15px;line-height:1.3;color:var(--ink);margin:0}
.wa-root .wa-mm-liste li b{font-weight:600}
.wa-root .wa-mm-liste li .mq{color:var(--muted);font-size:14px}
.wa-root .wa-mm-liste li small{margin-left:auto;padding-left:10px;font-size:12px;color:var(--muted);white-space:nowrap}
.wa-root .wa-mm-liste li[aria-selected=true],.wa-root .wa-mm-liste li:hover{background:var(--paper-2)}
.wa-root .wa-mm-liste li.md-l small{color:var(--red-ink);font-weight:600}
/* l'estimateur : un champ texte sans le chevron des listes */
.wa-root .val-form .ctl-texte::after{display:none}
.wa-root .val-form .vf .opt{font-weight:400;color:var(--muted);text-transform:none;letter-spacing:0}
/* la recherche sur-mesure : le brief dans la carte */
.wa-root .wa-brief{margin:18px 0 14px}
.wa-root .wa-brief .full{grid-column:1/-1}
/* la diaspora : le vehicule absent du catalogue */
.wa-root .wa-dia-autre{margin-top:14px;border:1px dashed var(--line);border-radius:16px;padding:14px 16px}
.wa-root .wa-dia-autre p{margin:0 0 10px;font-size:14.5px;color:var(--ink-soft);line-height:1.55}
.wa-root .wa-dia-autre .wa-dia-champs input{background:#fff}
/* l'inventaire : la marque, puis ses modeles quand elle est cochee */
.wa-root .wa-fmod .wa-chk{font-size:14px}
/* les parcs : la recherche par vehicule en une barre. Sur un grand ecran, une ligne : la question et sa
   phrase a gauche, les champs et le bouton a droite (76 px a partir de 1366 px de large, contre 184 pour
   la carte d'avant) ; plus etroit, les champs passent sous la question ; au telephone, ils s'empilent :
   deux listes cote a cote n'y laissaient que 91 px a « Tous les types » (104 px dans la police du site). */
.wa-root .wa-psearch-barre{display:flex;align-items:center;gap:14px 22px;padding:12px 14px 12px 22px;margin-bottom:0}
.wa-root .wa-psearch-barre .ps-tete{flex:0 1 330px;min-width:0}
.wa-root .wa-psearch-barre .ps-tete .eyebrow{display:block;margin:0;font-size:12px;line-height:1.3}
.wa-root .wa-psearch-barre .ps-sub{margin:3px 0 0;font-size:13.5px;line-height:1.35}
.wa-root .wa-psearch-barre .ps-row{flex:1 1 auto;flex-wrap:nowrap;min-width:0}
.wa-root .wa-psearch-barre .ps-go,.wa-root .wa-psearch-barre .ps-ded{flex:none}
.wa-root .wa-psearch-barre .ps-vide{flex:1 1 auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px}
.wa-root .wa-psearch-barre .ps-vide p{flex:1 1 380px;margin:0}
.wa-root .wa-psearch-barre .ps-vide .wa-rboutons{margin-top:0}
/* Sur une ligne, chaque liste garde la place de son choix vide, mesuree dans la police du site (Instrument
   Sans, 15 px, plus le rembourrage et la fleche) : « Toutes les marques » se coupait des 1366 px ; la
   question cede la place et passe sur plus de lignes. A partir de 1400 px, elle tient en deux lignes. */
@media (min-width:1280px){
  /* La rangee part de rien et prend ce que la question laisse, jamais moins que ses champs : partie de sa
     largeur naturelle, celle du plus long modele de la liste des marques, elle ecrasait la question. */
  .wa-root .wa-psearch-barre .ps-row{flex:1 1 0;min-width:min-content}
  .wa-root .wa-psearch-barre .ps-row > .wa-sel{flex:1 1 0}
  /* 10 px de plus pour le texte : la fleche est a 16 px du bord, le texte s'arrete 6 px avant elle. */
  .wa-root .wa-psearch-barre .ps-row > .wa-sel select{padding-left:14px;padding-right:34px}
  .wa-root .wa-psearch-barre .ps-row > .wa-sel:nth-child(1){min-width:196px}
  .wa-root .wa-psearch-barre .ps-row > .wa-sel:nth-child(2){min-width:160px}
  .wa-root .wa-psearch-barre .ps-row > .wa-sel:nth-child(3){min-width:156px}
}
@media (min-width:1400px){
  .wa-root .wa-psearch-barre .ps-tete{flex-shrink:0}
  .wa-root .wa-psearch-barre .ps-tete .eyebrow,.wa-root .wa-psearch-barre .ps-sub{white-space:nowrap}
}
@media (max-width:1279.98px){
  .wa-root .wa-psearch-barre{flex-direction:column;align-items:stretch;padding:16px 18px}
  .wa-root .wa-psearch-barre .ps-tete{flex:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
  .wa-root .wa-psearch-barre .ps-sub{margin:0}
  .wa-root .wa-psearch-barre .ps-row{flex:none;flex-wrap:wrap}
}
.wa-root .wa-psearch-barre + .wa-psearch-results + .wa-rsec-page,.wa-root .wa-psearch-barre + .wa-rsec-page{padding-top:var(--wa-rythme)}
/* l'appel aux parcs, sous le label */
.wa-root .wa-parcs-rejoindre{margin-top:18px}
/* les chiffres de l'annuaire, sur une ligne sous son titre */
.wa-root .wa-rsec-page .wa-parcs-stats{margin-bottom:22px}
/* les parcs : sans annonce en ligne, la recherche se tait et propose l'alerte */
.wa-root .ps-vide p{margin:6px 0 14px;color:var(--ink-soft);font-size:15px;line-height:1.6;max-width:62ch}
/* une liste deroulante suit la largeur de sa colonne, pas celle de sa plus longue option */
.wa-root .ps-row > *,.wa-root .wa-heroform .fld{min-width:0}
.wa-root .ps-row select,.wa-root .wa-heroform select{max-width:100%;min-width:0}
.wa-root .ps-row .wa-sel select{width:100%}

/* ==========================================================================
   FORMULAIRE D'ANNONCE : l'etat, le type suggere, les listes, l'etoile
   ========================================================================== */
/* l'etat du vehicule : six tuiles, le choix en rouge */
.wa-root .wa-fa-grille + .wa-fa-champ{margin-top:18px}
.wa-root .wa-fa-etats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:900.98px){.wa-root .wa-fa-etats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.wa-root .wa-fa-etats{grid-template-columns:1fr}}
.wa-root .wa-fa-etats label{position:relative;display:block;margin:0;cursor:pointer}
.wa-root .wa-fa-etats input{position:absolute;left:14px;top:14px;opacity:0;width:1px;height:1px}
.wa-root .wa-fa-etats span{display:flex;flex-direction:column;gap:3px;height:100%;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff;transition:border-color .18s var(--eo),box-shadow .18s var(--eo),background .18s var(--eo)}
.wa-root .wa-fa-etats b{font-weight:600;font-size:15px;color:var(--ink)}
.wa-root .wa-fa-etats small{font-size:12.5px;color:var(--muted);line-height:1.35}
.wa-root .wa-fa-etats label:hover span{border-color:rgba(223,41,46,.5);border-color:oklch(0.585 0.215 26/.5)}
.wa-root .wa-fa-etats input:checked + span{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--paper-2)}
.wa-root .wa-fa-etats input:checked + span b{color:var(--red-ink)}
.wa-root .wa-fa-etats input:focus-visible + span{outline:2px solid var(--red);outline-offset:2px}
/* le type, la categorie : suggeres d'apres le modele, tant que le vendeur n'y touche pas */
.wa-root .wa-suggere{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:100px;background:rgba(223,41,46,.09);background:oklch(0.585 0.215 26/.09);color:var(--red-ink);font-size:12px;font-weight:600;letter-spacing:.01em;vertical-align:1px;text-transform:none}
.wa-root .wa-suggere[hidden]{display:none}
/* marque et modele : des listes deroulantes, ou l'on peut aussi taper */
.wa-root .wa-mm-hote input[data-mm]:not([type=radio]):not([type=checkbox]):not([type=file]){padding-right:42px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23676a70' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:16px 16px}
.wa-root .wa-mm-hote input[data-mm][aria-expanded=true]:not([type=radio]):not([type=checkbox]):not([type=file]){cursor:text;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23df292e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 15 6-6 6 6'/%3E%3C/svg%3E")}
.wa-root .wa-mm-liste li[aria-selected=true]{box-shadow:inset 3px 0 0 var(--red)}
/* les photos : l'etoile fait la principale, la principale a un cadre rouge */
.wa-root .wa-fa-apercu.principale{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
.wa-root .wa-fa-apercu .etoile{position:absolute;top:6px;left:6px;width:28px;height:28px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.94);background:oklch(1 0 0/.94);color:var(--muted);font-size:16px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 1px 4px rgba(11,13,19,.28);box-shadow:0 1px 4px oklch(0.16 0.012 265/.28);transition:color .15s var(--eo),transform .15s var(--eo)}
.wa-root .wa-fa-apercu button.etoile:hover,.wa-root .wa-fa-apercu button.etoile:focus-visible{color:var(--red);transform:scale(1.1);outline:none}
.wa-root .wa-fa-apercu .etoile.on{background:var(--red);color:#fff;cursor:default}
.wa-root .wa-photo:has(.principale input:checked){border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
.wa-root .wa-photo .principale:has(input:checked){color:var(--red-ink);font-weight:600}
/* les favoris : le rappel du compte, pour le visiteur */
.wa-root .wa-fav-compte{margin:14px 0 0;font-size:14px;line-height:1.5;color:var(--ink-soft)}
.wa-root .wa-fav-compte a{color:var(--red-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.wa-root .wa-rsec-page > .wa-fav-compte{margin:-8px 0 18px}
/* Les favoris qui ne sont plus en ligne : comptes sous les cartes, et ceux qui ne reviendront pas se retirent d'un geste. */
.wa-root .wa-fav-hors{align-items:center;flex-wrap:wrap;margin-top:18px}
.wa-root .wa-fav-hors p{flex:1 1 300px}
.wa-root .wa-fav-hors .btn{flex:none}
.wa-root .wa-cars + .wa-fav-hors{margin-top:28px}
.wa-root .wa-fav-hors + .wa-fav-hors{margin-top:12px}
.wa-root .wa-fav-suite{margin:22px 0 0}
/* l'etat sur les cartes, les fiches */
.wa-root .wa-car .specs .wa-cetat{display:inline-flex;align-items:center;padding:1px 9px;border:1px solid var(--line);border-radius:100px;font-size:12.5px;font-weight:600;line-height:1.6;color:var(--ink-soft);background:var(--paper)}
.wa-root .wa-car .specs .wa-cetat.e-neuf{border-color:rgba(223,41,46,.45);border-color:oklch(0.585 0.215 26/.45);color:var(--red-ink);background:rgba(223,41,46,.06);background:oklch(0.585 0.215 26/.06)}
.wa-root .wa-car.feat .specs .wa-cetat{background:rgba(255,255,255,.12);background:oklch(1 0 0/.12);border-color:rgba(255,255,255,.4);border-color:oklch(1 0 0/.4);color:#fff}
.wa-root .wa-sbadge.etat{background:#fff;border-color:var(--ink);color:var(--ink);font-weight:600}

/* ==========================================================================
   LA VITRINE D'UN PARC (page-parcs.php, mode detail ; page-parcs.php, annuaire
   et comparateur ; page-espace-parc.php, onglet Ma vitrine ; single-listings.php,
   le bloc du vendeur). La banniere est un contenu, pas un fond : la tete reste
   sur le papier. Un bloc sans donnee n'existe pas, la feuille n'a rien a cacher.
   Le choix fait est rouge, comme ailleurs : les cases des services, des marques
   et des langues. Aucun style en ligne dans les gabarits : tout est ici.
   ========================================================================== */

/* --- la banniere et le logo ------------------------------------------------ */
.wa-root .wa-vitrine-banniere{position:relative;margin:0 0 50px;border:1px solid var(--line);border-radius:20px;aspect-ratio:16/5;background:var(--paper-2)}
.wa-root .wa-vitrine-banniere > img.fond{display:block;width:100%;height:100%;object-fit:cover;border-radius:19px}
.wa-root .wa-vitrine-logo{display:block;flex:none;width:96px;height:96px;border-radius:50%;border:3px solid #fff;box-shadow:var(--shadow-panel);object-fit:cover;background:#fff}
.wa-root .wa-vitrine-logo.mono{display:grid;place-items:center;background:var(--ink);color:#fff;font-family:var(--fd);font-weight:700;font-size:32px;letter-spacing:.02em}
.wa-root .wa-vitrine-banniere .wa-vitrine-logo{position:absolute;left:22px;bottom:-34px}
@media (max-width:640.98px){
	.wa-root .wa-vitrine-banniere{aspect-ratio:2/1;margin-bottom:40px;border-radius:16px}
	.wa-root .wa-vitrine-banniere > img.fond{border-radius:15px}
	.wa-root .wa-vitrine-logo{width:72px;height:72px}
	.wa-root .wa-vitrine-logo.mono{font-size:24px}
	.wa-root .wa-vitrine-banniere .wa-vitrine-logo{left:16px;bottom:-26px}
}

/* --- le bloc principal : qui (en haut a gauche), le contact (a droite, sous le nom sur telephone), le reste --- */
.wa-root .wa-vitrine-principal{grid-template-areas:"id contacts" "infos contacts";grid-template-rows:auto 1fr;row-gap:18px}
.wa-root .wa-vitrine-principal > .wa-vitrine-id{grid-area:id}
.wa-root .wa-vitrine-principal > .wa-vitrine-contacts{grid-area:contacts}
.wa-root .wa-vitrine-principal > .wa-vitrine-infos{grid-area:infos}
@media (max-width:960.98px){.wa-root .wa-vitrine-principal{grid-template-areas:"id" "contacts" "infos";grid-template-rows:auto}}
.wa-root .wa-vitrine-id{display:flex;gap:16px;flex-wrap:wrap;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 22px;min-width:0}
.wa-root .wa-vitrine-id .wa-vitrine-logo{width:72px;height:72px;font-size:24px}
.wa-root .wa-vitrine-id .t{flex:1 1 220px;min-width:0}
.wa-root .wa-vitrine-id b{display:block;font-family:var(--fd);font-weight:600;font-size:22px;letter-spacing:-.01em;line-height:1.2;color:var(--ink);overflow-wrap:anywhere}
.wa-root .wa-vitrine-id .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.wa-root .wa-vitrine-id a.wa-chip-etat{color:var(--ink);background:var(--paper-2)}
.wa-root .wa-vitrine-id a.wa-chip-etat:hover{color:var(--red-ink)}
.wa-root .wa-vitrine-ouvert::before{content:"";width:8px;height:8px;border-radius:50%;flex:none;background:#008942;background:oklch(0.55 0.15 152)}
.wa-root .wa-vitrine-ouvert.ferme{background:var(--paper-2);color:var(--ink-soft)}
.wa-root .wa-vitrine-ouvert.ferme::before{background:var(--muted)}
.wa-root .wa-vitrine-infos{display:grid;gap:18px;min-width:0}
.wa-root .wa-vitrine-infos > *{margin:0}
.wa-root .wa-parcd-stats-large{max-width:none}
/* sur un telephone, deux compteurs par ligne : a 50 % plus le filet, chacun tombait seul sur la sienne */
@media (max-width:560.98px){.wa-root .wa-parcd-stats-large>div{min-width:calc(50% - 1px);padding:16px 18px}.wa-root .wa-parcd-stats-large b{font-size:26px}}
.wa-root .wa-vitrine-infos .wa-parcd-spec{margin-top:0}
.wa-root .wa-vitrine-services .wa-rcoches{grid-template-columns:1fr}
@media (min-width:641px){.wa-root .wa-vitrine-services .wa-rcoches{grid-template-columns:1fr 1fr;gap:9px 22px}}
.wa-root .wa-vitrine-langues{font-size:14.5px;color:var(--ink-soft);margin:0}

/* --- le contact : les boutons pleine largeur, les reseaux, les horaires ------ */
.wa-root .wa-vitrine-contacts .btn,.wa-root .wa-vitrine-contacts .wa-btn-wa{width:100%;justify-content:center;text-align:center}
.wa-root .wa-vitrine-contacts .btn + .btn,.wa-root .wa-vitrine-contacts .wa-btn-wa + .btn{margin-top:10px}
.wa-root .wa-vitrine-contacts .btn .ic{width:18px;height:18px}
.wa-root .wa-vitrine-reseaux{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.wa-root .wa-vitrine-reseaux a{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--ink);transition:border-color .15s var(--eo),color .15s var(--eo)}
.wa-root .wa-vitrine-reseaux a:hover{border-color:var(--red);color:var(--red-ink)}
.wa-root .wa-vitrine-reseaux .ic{width:18px;height:18px}
.wa-root .wa-vitrine-horaires{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.wa-root .wa-vitrine-horaires h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:15px;font-weight:600;color:var(--ink)}
.wa-root .wa-vitrine-horaires h4 .ic{width:17px;height:17px;color:var(--red)}
.wa-root .wa-vitrine-horaires table{width:100%;border-collapse:collapse}
.wa-root .wa-vitrine-horaires th,.wa-root .wa-vitrine-horaires td{font-size:14px;padding:5px 0;vertical-align:top;color:var(--ink-soft);font-weight:400;text-align:left;border:0;background:none}
.wa-root .wa-vitrine-horaires td{text-align:right}
.wa-root .wa-vitrine-horaires td span{display:block;white-space:nowrap}
.wa-root .wa-vitrine-horaires tr.auj th,.wa-root .wa-vitrine-horaires tr.auj td{font-weight:600;color:var(--ink)}
.wa-root .wa-vitrine-horaires td.ferme{color:var(--muted)}
.wa-root .wa-vitrine-contacts .wa-vitrine-tous{margin-top:18px}

/* --- la galerie ---------------------------------------------------------------- */
.wa-root .wa-vitrine-galerie{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width:640.98px){.wa-root .wa-vitrine-galerie{grid-template-columns:1fr 1fr;gap:10px}}
.wa-root .wa-vitrine-galerie a{display:block;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--paper-2)}
.wa-root .wa-vitrine-galerie img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}

/* --- le stock : les filtres (sans script, le formulaire recharge), la pagination --- */
.wa-root .wa-vitrine-filtres{display:flex;flex-wrap:wrap;gap:12px 14px;align-items:flex-end;margin:0 0 18px}
.wa-root .wa-vitrine-filtres .champ{display:flex;flex-direction:column;gap:5px;min-width:0;flex:0 1 200px}
.wa-root .wa-vitrine-filtres .champ > label{font-size:13px;font-weight:500;color:var(--muted)}
.wa-root .wa-vitrine-filtres .wa-sel{display:block}
.wa-root .wa-vitrine-filtres .wa-sel select{width:100%;padding-top:10px;padding-bottom:10px;font-size:14.5px}
.wa-root .wa-vitrine-filtres .coche{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border:1px solid var(--line);border-radius:100px;background:#fff;font-size:14.5px;font-weight:500;color:var(--ink);cursor:pointer}
.wa-root .wa-vitrine-filtres .coche input{width:16px;height:16px;margin:0;accent-color:var(--red)}
.wa-root .wa-vitrine-filtres .coche:has(input:checked){border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red);background:rgba(223,41,46,.05);background:oklch(0.585 0.215 26/.05)}
.wa-root .wa-vitrine-filtres .btn{padding:12px 24px;font-size:15px}
.wa-root .wa-vitrine-compte{margin:-6px 0 16px;font-size:14px;color:var(--ink-soft)}
.wa-root .wa-vitrine-compte a{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.wa-root .wa-pagin{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:24px}
.wa-root .wa-pagin a,.wa-root .wa-pagin span{min-width:40px;height:40px;padding:0 12px;display:grid;place-items:center;border:1px solid var(--line);border-radius:100px;font-weight:600;font-size:15px;color:var(--ink);background:#fff}
.wa-root .wa-pagin a:hover{border-color:var(--ink)}
.wa-root .wa-pagin .on{background:var(--ink);border-color:var(--ink);color:#fff}
.wa-root .wa-pagin .saut{border-color:transparent;background:none;color:var(--muted);min-width:20px;padding:0}

/* --- les avis : la barre d'un critere (un trace, pas un style en ligne) ------------ */
.wa-root .wa-avis-crit .ac .bar svg{display:block;width:100%;height:100%}
.wa-root .wa-avis-crit .ac .bar rect{fill:var(--red)}

/* --- ou nous trouver : l'adresse et le repere, la carte chargee a l'approche --------- */
.wa-root .wa-vitrine-adresse{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5;color:var(--ink-soft);margin:0 0 14px}
.wa-root .wa-vitrine-adresse .ic{width:18px;height:18px;flex:none;margin-top:2px;color:var(--red)}
.wa-root .wa-vitrine-adresse small{display:block;font-size:14px;color:var(--muted);margin-top:2px}
.wa-root #wa-vitrine-carte{height:380px;background:var(--paper-2)}
@media (max-width:640.98px){.wa-root #wa-vitrine-carte{height:280px}}
.wa-root .wa-carte-repli{margin:0;padding:34px 24px;font-size:14.5px;line-height:1.5;color:var(--ink-soft)}
.wa-root .wa-mpin-parc .dot{width:34px;height:34px;border:3px solid #fff;overflow:hidden;font-size:12px;letter-spacing:.02em}
.wa-root .wa-mpin-parc .dot.logo{background:#fff}
.wa-root .wa-mpin-parc .dot img{display:block;width:100%;height:100%;object-fit:cover}
.wa-root .wa-mpin-parc .lbl{left:42px}
.wa-root .wa-mpop span{display:block;font-size:12.5px;color:var(--muted);margin:-4px 0 6px}

/* --- l'annuaire, le comparateur, la recherche : le logo et la banniere du parc --- */
.wa-root .wa-parcs-card .av{overflow:hidden}
.wa-root .wa-parcs-card .av img{display:block;width:100%;height:100%;object-fit:cover;border-radius:11px;background:#fff}
.wa-root .wa-parcs-card .cov.vide{background:var(--paper-2)}
/* parcs#11 : la carte d'un parc est un article ; son lien (la photo et le nom) s'etend a toute la carte, le bouton
   Comparer et les autres liens restent au-dessus, cliquables pour eux-memes. */
.wa-root .wa-parcs-card{position:relative}
.wa-root .wa-parcs-card .wa-parcs-lien::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
/* Le focus du lien de la carte d'un parc : la carte coupe ce qui depasse, l'anneau se dessine donc a l'interieur de ses bords, rouge puis blanc, visible sur la photo sombre comme sur le blanc (accessibilite#0). */
.wa-root .wa-parcs-card .wa-parcs-lien:focus-visible{outline:none}
.wa-root .wa-parcs-card .wa-parcs-lien:focus-visible::after{border-radius:20px;box-shadow:inset 0 0 0 3px var(--red),inset 0 0 0 5px #fff}
.wa-root .wa-parcs-card .meta a,.wa-root .wa-parcs-card .meta button{position:relative;z-index:2}
/* parcs#17 : dans le comparateur des parcs, chaque parc est l'en-tete de sa colonne (th scope=col), dessine comme
   une cellule : ni collant, ni etroit, ni grise comme les en-tetes de ligne. */
.wa-root .wa-cmptable thead th.wa-cmpcol{position:static;width:auto;min-width:210px;max-width:280px;background:transparent;color:var(--ink-soft);font-weight:400;font-size:15px;z-index:auto}
.wa-root .wa-cmptable th.wa-cmpcol .ph{aspect-ratio:4/3;border-radius:12px;overflow:hidden;margin-bottom:12px;background:var(--paper-2)}
.wa-root .wa-cmptable th.wa-cmpcol .ph img{width:100%;height:100%;object-fit:cover}
.wa-root .wa-cmptable th.wa-cmpcol h3{font-size:16.5px;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--ink)}
.wa-root .wa-cmptable th.wa-cmpcol h3 a{color:var(--ink)}
.wa-root .wa-cmptable th.wa-cmpcol h3 a:hover{color:var(--red-ink)}
/* La rangee d'en-tete (thead, accessibilite#20) garde le trait qui la separe de la premiere ligne : « tr:last-child » (wautoparc-theme.css) ne vise que le bas du tableau. */
.wa-root .wa-cmptable thead tr:last-child th{border-bottom:1px solid var(--line)}
.wa-root .wa-pcmptable .ph.vide{background:var(--paper-2)}
.wa-root .wa-pcmptable .ph .pav{overflow:hidden}
.wa-root .wa-pcmptable .ph .pav img{display:block;width:100%;height:100%;object-fit:cover}
.wa-root .wa-pcmptable .wa-pcmp-marque{color:var(--muted)}
.wa-root .wa-psearch-card .psc-nm{display:flex;align-items:center;gap:10px}
.wa-root .wa-psearch-card .psc-nm img{display:block;width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--line)}

/* --- la fiche d'annonce : le parc vendeur, son logo, sa page ----------------------- */
.wa-root .wa-parc .av{overflow:hidden}
.wa-root .wa-parc .av img{display:block;width:100%;height:100%;object-fit:cover;background:#fff}
.wa-root .wa-parc .nm a{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.wa-root .wa-parc .nm a:hover{text-decoration-color:var(--red)}
.wa-root .wa-parc-btn{width:100%;justify-content:center;margin-top:18px}
.wa-root .wa-parc-btn + .wa-parc-btn{margin-top:10px}

/* --- l'espace : l'avatar du parc, ses contacts par mois ---------------------------- */
.wa-root .wa-identite-avatar{overflow:hidden}
.wa-root .wa-identite-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;background:#fff}
/* un lien dans un message de l'espace (« Voir ma page ») se voit comme un lien */
.wa-root .wa-notice a{font-weight:600;text-decoration:underline;text-underline-offset:3px}
.wa-root .wa-clics-mois{width:100%;border-collapse:collapse;margin-top:14px;font-size:14px}
.wa-root .wa-clics-mois caption{text-align:left;font-weight:600;color:var(--ink);padding-bottom:6px}
.wa-root .wa-clics-mois th,.wa-root .wa-clics-mois td{padding:6px 8px 6px 0;border-bottom:1px solid var(--line);text-align:right;color:var(--ink-soft);font-weight:400}
.wa-root .wa-clics-mois th:first-child{text-align:left}
.wa-root .wa-clics-mois thead th{font-size:12.5px;color:var(--muted);font-weight:600}
.wa-root .wa-clics-mois tbody td{font-variant-numeric:tabular-nums;color:var(--ink)}

/* --- l'onglet Ma vitrine : les images et leur apercu ----------------------------- */
.wa-root .wa-vf-image{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}
.wa-root .wa-vf-image + .wa-vf-image{margin-top:22px;padding-top:22px;border-top:1px dashed var(--line)}
.wa-root .wa-vf-image .apercu{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;border:1px solid var(--line);background:var(--paper-2);transition:opacity .2s var(--eo)}
.wa-root .wa-vf-image .apercu img{display:block;width:100%;height:100%;object-fit:cover}
.wa-root .wa-vf-image .apercu .mono{display:grid;place-items:center;width:100%;height:100%;background:var(--ink);color:#fff;font-family:var(--fd);font-weight:700;font-size:34px}
.wa-root .wa-vf-image.banniere{grid-template-columns:1fr}
.wa-root .wa-vf-image.banniere .apercu{width:min(100%,480px);height:auto;aspect-ratio:16/5;border-radius:14px}
/* le recadrage du telephone : les bords perdus sont voiles, le centre garde reste clair */
.wa-root .wa-vf-cadre-mobile{position:absolute;top:0;right:18.75%;bottom:0;left:18.75%;border-left:2px dashed #fff;border-right:2px dashed #fff;box-shadow:0 0 0 480px rgba(11,13,19,.42);box-shadow:0 0 0 480px oklch(0.16 0.012 265 / .42);pointer-events:none}
.wa-root .wa-vf-image.retiree .apercu{opacity:.35}
.wa-root .wa-vf-image.nouvelle .apercu{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}
.wa-root .wa-vf-image input[type=file]{display:block;width:100%;max-width:100%;font:inherit;font-size:14px;color:var(--muted)}
/* le champ natif s'efface derriere un bouton en francais ; il garde le focus clavier */
.wa-root .wa-vf-image input.wa-vf-fichier{position:absolute;width:1px;height:1px;padding:0;margin:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wa-root .wa-fa-champ label.wa-vf-bouton{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:100px;padding:10px 18px;cursor:pointer;transition:border-color .15s var(--eo)}
.wa-root .wa-fa-champ label.wa-vf-bouton:hover{border-color:var(--ink)}
.wa-root .wa-vf-bouton .ic{width:17px;height:17px}
.wa-root .wa-vf-fichier:focus-visible + .wa-vf-bouton{outline:2px solid var(--red);outline-offset:2px}
.wa-root .wa-vf-nom{display:inline-block;margin-left:10px;max-width:100%;font-size:13px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.wa-root .wa-vf-nom:empty{display:none}
.wa-root .wa-vf-image .wa-fa-champ label.wa-vf-retirer{display:flex;width:max-content;max-width:100%}
.wa-root .wa-vf-image input[type=file]::file-selector-button{font:inherit;font-size:14px;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:100px;padding:9px 16px;margin-right:12px;cursor:pointer;transition:border-color .15s var(--eo)}
.wa-root .wa-vf-image input[type=file]::file-selector-button:hover{border-color:var(--ink)}
.wa-root .wa-vf-image input[type=file]:focus-visible{outline:none}
.wa-root .wa-vf-image input[type=file]:focus-visible::file-selector-button{border-color:var(--red);box-shadow:var(--focus-halo)}
.wa-root .wa-fa-champ label.wa-vf-retirer{display:inline-flex;align-items:center;gap:8px;margin:10px 0 0;font-weight:500;font-size:14px;color:var(--red-press);cursor:pointer}
.wa-root .wa-vf-retirer input{width:auto;margin:0;accent-color:var(--red)}
.wa-root .wa-fa-champ .hint.wa-vf-err{color:var(--red-press)}
@media (max-width:480px){.wa-root .wa-vf-image{grid-template-columns:1fr}.wa-root .wa-vf-image .apercu{width:96px;height:96px}.wa-root .wa-vf-image.banniere .apercu{width:100%;height:auto}}

/* --- la position : la carte, les boutons, les coordonnees ----------------------- */
.wa-root .wa-vf-carte{margin-top:18px}
.wa-root #wa-vf-carte{height:320px;border-radius:14px;border:1px solid var(--line);background:var(--paper-2);overflow:hidden}
.wa-root .wa-vf-carte-boutons{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.wa-root .wa-vf-carte-boutons .btn{cursor:pointer}
.wa-root .wa-vf-carte-boutons .btn[aria-busy="true"]{opacity:.6;pointer-events:none}
.wa-root .wa-vf-carte > .hint.wa-vf-pos-err{display:block;margin-top:8px;font-size:13.5px;color:var(--red-press)}
.wa-root .wa-vf-coords{margin-top:14px}
.wa-root .wa-vf-carte > .hint{display:block;margin-top:8px;font-size:13px;color:var(--muted);line-height:1.45}

/* --- les horaires : une ligne par jour, lisible sur telephone ----------------------- */
.wa-root .wa-vf-horaires{display:grid;gap:8px}
.wa-root .wa-vf-horaires .jour{display:grid;grid-template-columns:90px auto 1fr;gap:10px 14px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.wa-root .wa-vf-horaires .jour:last-child{border-bottom:0}
.wa-root .wa-vf-horaires .nom{font-weight:600;font-size:14.5px;color:var(--ink)}
.wa-root .wa-vf-horaires .ferme{display:inline-flex;align-items:center;gap:7px;margin:0;font-size:14px;color:var(--ink-soft);cursor:pointer}
.wa-root .wa-vf-horaires .ferme input{margin:0;width:16px;height:16px;accent-color:var(--red)}
.wa-root .wa-vf-horaires .plages{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:14px;color:var(--ink-soft)}
.wa-root .wa-vf-horaires .plage{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap}
.wa-root .wa-vf-horaires input[type=time]{width:auto;min-width:0;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit;font-size:14.5px;background:#fff;color:var(--ink)}
.wa-root .wa-vf-horaires input[type=time]:focus{outline:none;border-color:var(--red);box-shadow:var(--focus-halo)}
.wa-root .wa-vf-horaires input[type=time]:disabled{background:var(--paper-2);color:var(--muted)}
.wa-root .wa-vf-horaires .jour.est-ferme .plages{opacity:.45}
.wa-root .wa-vf-pause{border:1px dashed var(--line);background:none;border-radius:100px;padding:6px 12px;font:inherit;font-size:13px;font-weight:600;color:var(--ink-soft);cursor:pointer}
.wa-root .wa-vf-pause:hover{border-color:var(--red);color:var(--red-ink)}
.wa-root .wa-vf-horaires-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:14px}
.wa-root .wa-vf-horaires-actions .btn{cursor:pointer}
.wa-root .wa-vf-horaires-actions .hint{font-size:13px;color:var(--muted)}
@media (max-width:640.98px){.wa-root .wa-vf-horaires .jour{grid-template-columns:1fr auto}.wa-root .wa-vf-horaires .plages{grid-column:1/-1;min-width:0;gap:8px}.wa-root .wa-vf-horaires .plage{flex-wrap:wrap;gap:5px;min-width:0}.wa-root .wa-vf-horaires input[type=time]{padding:8px 6px;font-size:14px}}

/* --- les cases : services, marques, langues ; le choix fait est rouge ----------------- */
.wa-root .wa-vf-cases{display:flex;flex-wrap:wrap;gap:8px}
.wa-root .wa-vitrine .wa-fa-bloc > .wa-fa-champ + .wa-fa-champ{margin-top:24px}
.wa-root .wa-fa-champ .wa-vf-cases label,.wa-root .wa-vf-cases label{position:relative;display:inline-block;margin:0;cursor:pointer;font-weight:400}
.wa-root .wa-vf-cases input{position:absolute;opacity:0;width:1px;height:1px}
.wa-root .wa-vf-cases span{display:inline-block;border:1px solid var(--line);border-radius:100px;padding:8px 14px;font-size:14px;font-weight:500;color:var(--ink-soft);background:#fff;transition:border-color .15s var(--eo),background .15s var(--eo),color .15s var(--eo)}
.wa-root .wa-vf-cases label:hover input:not(:checked):not(:disabled) + span{border-color:rgba(223,41,46,.5);border-color:oklch(0.585 0.215 26/.5);color:var(--ink)}
.wa-root .wa-vf-cases input:checked + span{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red);background:rgba(223,41,46,.05);background:oklch(0.585 0.215 26/.05);color:var(--red-ink)}
.wa-root .wa-vf-cases input:focus-visible + span{outline:2px solid var(--red);outline-offset:2px}
.wa-root .wa-vf-cases input:disabled + span{opacity:.45;cursor:not-allowed}
.wa-root .wa-vf-autre{display:flex;gap:10px;align-items:center;margin-top:12px;max-width:480px}
.wa-root .wa-vf-autre input{flex:1 1 auto;min-width:0}
.wa-root .wa-vf-autre .btn{flex:none;cursor:pointer}

/* --- la galerie de la vitrine : pas de photo principale, et la jauge en trace ------ */
.wa-root .wa-fa-photos[data-sans-principale] .etoile{display:none}
.wa-root .wa-jauge .barre svg{display:block;width:100%;height:100%}
.wa-root .wa-jauge .barre rect{fill:var(--red)}
.wa-root .wa-jauge.pleine .barre rect{fill:#0ea053;fill:oklch(0.62 0.16 152)}

/* --- Au doigt ----------------------------------------------------------------
   Sur un telephone, droit ou couche, et sur toute tablette : chaque lien isole
   et chaque bouton offre une cible d'au moins 40 px de haut, 44 px quand la
   place le permet (WCAG 2.5.5 ; Apple demande 44 px, Google 48). Le
   rembourrage agrandit la cible ; la marge negative rend a la mise en page ce
   qu'il prend : rien ne bouge a l'ecran, seule la zone qu'on touche grandit.
   Mesure : essais/reel/responsive.sh (le detail : WA_AVERT=1).
   -------------------------------------------------------------------------- */
/* Un petit texte (small) garde la taille relative du navigateur, sans descendre sous 12 px. */
.wa-root small{font-size:max(12px,.833em)}
/* L'accueil : tout le champ de recherche s'ouvre au doigt ou au clic, son intitule compris (il
   s'inscrit dans la liste au lieu de la surmonter). */
.wa-root .wa-heroform .fld{position:relative}
.wa-root .wa-heroform .fl-lab{position:absolute;top:0;left:0;right:0;z-index:1;pointer-events:none}
/* Tablette tenue droite (681 a 900 px) : sur une seule rangee, chaque liste n'avait que 100 a 137 px pour son texte
   (« Toutes les marqu ») et un intitule passait sur deux lignes. Les trois listes, puis le bouton en pleine largeur ;
   un intitule tient sur sa ligne (responsive-css#9). */
@media (min-width:681px) and (max-width:900.98px){
  .wa-root .wa-heroform{flex-wrap:wrap;row-gap:6px}
  .wa-root .wa-heroform .fld{flex:1 1 0}
  .wa-root .wa-heroform button{flex:1 0 100%;justify-content:center}
}
.wa-root .wa-heroform .fl-lab{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-root .wa-heroform select{padding-top:24px}
/* Le fil d'Ariane de la fiche ouvre la page, sous la barre de l'equipe quand elle est la : sa cible grandit vers le bas
   seulement, vers le titre, 25 px au bureau (WCAG 2.5.8), sans prendre le bas d'un bouton de la barre (accessibilite#36). */
.wa-root .wa-fiche-principal .wa-crumb a{padding-bottom:6px;margin-bottom:-6px}
@media (max-width:720px),(pointer:coarse){
  /* la barre du haut : le lien WhatsApp prend toute la hauteur de la barre, et deborde de 2 px dessus et dessous (44 px) */
  .wa-root .wa-utile-item{align-self:stretch;min-height:44px;margin-block:-2px}
  /* le bouton du menu : 44 px sur 44, ses trois traits restent a leur place (accessibilite#36) */
  .wa-root .wa-burger{min-width:44px;min-height:44px;align-items:center;justify-content:center;margin:-1.5px -3.5px}
  /* les liens du pied : 44 px de haut, la meme mise en page (accessibilite#36) */
  .wa-root .wa-ft a.fl{padding-block:10px;margin-block:-4px}
  .wa-root .wa-ft a.fl + a.fl{margin-top:-8px}
  /* les liens isoles, sous un titre ou sous un prix (la marge d'origine est gardee) */
  .wa-root a.wa-rlink,.wa-root .wa-dia-lbl .cpt,.wa-root .lf-reset{padding-block:12px;margin-block:-12px}
  .wa-root .wa-pricewatch{padding-block:12px;margin-top:-2px;margin-bottom:-12px}
  /* le fil d'Ariane : 41 px de haut, et 10 px de plus de chaque cote (un nom court, « Kia », reste touchable ; entre deux liens,
     le separateur garde 1 px a lui) ; quand il passe sur deux rangees, espacees de 18 px, deux cibles agrandies ne se croisent
     que sur 4 px au milieu de l'intervalle */
  .wa-root .wa-crumb{row-gap:18px}
  .wa-root .wa-crumb a{padding:11px 10px;margin:-11px -10px}
  /* sur la fiche, le fil ouvre la page, sous la barre de l'equipe : la cible grandit vers le bas seulement (41 px), vers le titre */
  .wa-root .wa-fiche-principal .wa-crumb a{padding:0 10px 22px;margin:0 -10px -22px}
  /* le pied de page : les liens de la derniere ligne */
  .wa-root .wa-ft .wa-ftbar a{padding:12px 9px;margin:-12px -9px}
  /* le nom d'un accessoire, dans sa carte : toute la largeur, et la hauteur d'un doigt */
  .wa-root .wa-bq-carte h3 a{display:block;padding-block:11px;margin-block:-11px}
  /* le nom du vendeur sur la fiche, « Laisser un avis », « Ferme » et la pause de midi de la vitrine, « Tout effacer » et la croix
     d'un filtre choisi (wa-filtres.css) : la cible grandit, la mise en page ne bouge pas (accessibilite#36) */
  .wa-root .wa-parc .nm a{display:inline-block;padding-block:10px;margin-block:-10px}
  .wa-root .wa-avis-fw > summary{padding-block:11px;margin-block:-11px}
  .wa-root .wa-vf-horaires .ferme{padding-block:12px;margin-block:-12px}
  .wa-root .wa-vf-pause{padding-block:9px;margin-block:-3px}
  /* la case « Dedouane » de la recherche des parcs, « Afficher les vehicules » de la vitrine, « Retirer » du comparateur */
  .wa-root .wa-psearch .ps-ded{min-height:44px}
  .wa-root .wa-vitrine-filtres .btn{min-height:44px;margin-block:-2.5px}
  .wa-root .wa-cmptable .rm{min-height:40px;margin-bottom:-7px}
  /* le nom de chaque colonne des comparateurs (vehicules, parcs) : 43 px, sans toucher la photo ni « Retirer » */
  .wa-root .wa-cmptable th.wa-cmpcol h3 a{display:inline-block;padding-block:11px;margin-block:-11px}
  /* les onglets des filtres (Marques, Types de carrosseries) : la cible monte au-dessus du texte */
  .wa-root .wb-tabs button{padding-top:8px;margin-top:-8px}
  /* les puces et les petits boutons */
  .wa-root .wa-cost-cities .cc,.wa-root .lf-opts button,.wa-root .wa-parcs-sort button,.wa-root .wa-parcs-view button,.wa-root .wa-parcs-card .pcmp,.wa-root .btn.petit,.wa-root .wa-bq-carte .act .btn,.wa-root .wa-bq-carte .act .wa-btn-wa{min-height:40px}
  .wa-root .sq-seg button{min-height:44px}
  /* le bouton du clavier, sous l'identifiant de connexion */
  .wa-root .wa-log-clavier{padding-block:13px;margin-top:-5px;margin-bottom:-13px}
}
/* « M'alerter sur cette recherche », reduit a son icone sous 640 px : 43 px sur 41 (accessibilite#36). */
@media (max-width:640.98px){.wa-root .wa-flt .wa-alertbtn{padding:12px 13px;margin:-3px -2px}}

/* --- la location : la carte des filtres sous l'entete (son bas, plus 16 px, comme le detecteur), la carte d'un
   vehicule sans photo (le dessin de son type, jamais celle d'un autre), l'annuaire des loueurs (logo ou initiales),
   la vitrine d'un loueur (puces, presentation), la fiche d'une location (prix par jour, erreurs en ligne, periode). */
.wa-root .lf-card{top:calc(var(--wa-entete-bas) + 16px)}
.wa-root .wa-loccard .wa-car-sansphoto{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--paper-2);color:var(--muted)}
.wa-root .wa-loccard .wa-car-sansphoto svg{width:46%;max-width:160px;height:auto;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.wa-root .wa-loccard .wa-car-sansphoto span{font-size:13px;font-weight:600;color:var(--ink-soft)}
.wa-root .wa-rentcard .t1 .demande{font-size:16px;font-weight:600;color:var(--ink-soft)}
.wa-root .wa-loucomp .ph .ini{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--fd);font-weight:700;font-size:44px;letter-spacing:.04em;color:var(--ink-soft);background:var(--paper-2)}
.wa-root .wa-loucomp .ph img.logo{object-fit:contain;padding:18px;background:#fff}
.wa-root .wa-loueur-puces{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.wa-root .wa-loueur-rccm{display:inline-flex;align-items:center;padding:5px 12px;border-radius:100px;background:var(--paper-2);color:var(--ink-soft);font-size:13px;font-weight:600}
.wa-root .wa-loueur-presentation{max-width:70ch;margin:0 0 22px}
.wa-root .wa-loueur-presentation p{margin:0 0 12px;font-size:15.5px;line-height:1.6;color:var(--ink-soft)}
.wa-root .wa-rent-erreur{display:none;margin:10px 0 0;padding:10px 14px;border-left:3px solid var(--red);border-radius:8px;background:rgba(223,41,46,.06);background:oklch(0.585 0.215 26/.06);font-size:14px;line-height:1.5;color:var(--ink)}
.wa-root .wa-rent-erreur.on{display:block}
.wa-root .wa-rent-periode{margin:10px 0 0;font-size:13.5px;line-height:1.5;color:var(--ink-soft)}
.wa-root .wa-sprice .wa-loc-demande{font-size:20px;font-weight:600;letter-spacing:0;color:var(--ink-soft)}
.wa-root .wa-fiche-prixmob .wa-loc-demande{font-family:var(--fd);font-weight:600;font-size:18px;color:var(--ink-soft)}
.wa-root .wa-sactions .wa-loc-demander{width:100%;justify-content:center}
.wa-root .wa-sactions .wa-loc-demander .ic{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.wa-root .wa-louerbien{margin-top:28px}
.wa-root .wa-louerbien .bw-item{cursor:default}
.wa-root .wa-louerbien .bw-item:hover{transform:none;background:rgba(255,255,255,.05);background:oklch(1 0 0/.05);border-color:rgba(255,255,255,.1);border-color:oklch(1 0 0/.1)}
.wa-root .wa-fiche-similaires .wa-rentgrid{margin-top:8px}
/* Une annonce vendue et louee : la location a cote du prix de vente (le panneau, et la tete au telephone), vers le bloc Louer. */
.wa-root .wa-sprice-aussi{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:2px 0;font-size:14px;font-weight:600;line-height:1.35;color:var(--ink-soft);text-decoration:none}
.wa-root .wa-sprice-aussi .ic{width:17px;height:17px;flex:none;fill:none;stroke:var(--red);stroke-width:2}
.wa-root .wa-sprice-aussi span{text-decoration:underline;text-decoration-color:rgba(223,41,46,.45);text-decoration-color:oklch(0.585 0.215 26/.45);text-underline-offset:3px}
.wa-root .wa-sprice-aussi:hover span{color:var(--red-ink)}
@media (min-width:981px){.wa-root .wa-sprice-aussi-mob{display:none}}
/* /location/ au telephone : rien ne depasse a 320 px. La colonne unique des resultats peut retrecir (minmax(0,1fr) ;
   la largeur minimale des champs de dates et du tri l'elargissait de 28 px), les dates et le tri passent a la ligne,
   les options des filtres gardent des cibles de 44 px. min() ignore par un vieux navigateur : la regle d'avant reste. */
.wa-root .wa-lresults > .lf-side,.wa-root .wa-lresults > .lf-main{min-width:0}
.wa-root .lf-dates{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.wa-root .lf-dates input,.wa-root .lf-dates select{min-width:0;max-width:100%;box-sizing:border-box}
.wa-root .lf-top{flex-wrap:wrap}
.wa-root .wa-rentgrid{grid-template-columns:repeat(auto-fill,minmax(min(272px,100%),1fr))}
@media (max-width:1000.98px){
  .wa-root .wa-lresults{grid-template-columns:minmax(0,1fr)}
  .wa-root .lf-opts button,.wa-root .lf-reset{min-height:44px}
  .wa-root .lf-top select,.wa-root .lf-top .select2-container{min-width:0;max-width:100%}
}
@media (max-width:420px){.wa-root .lf-dates{grid-template-columns:minmax(0,1fr)}}
/* La demande de location enregistree : la note passe au vert, avec le lien vers WhatsApp si la fenetre n'a pas pu s'ouvrir (parcours-acheteur#16). */
.wa-root .wa-rent-erreur.ok{border-left-color:var(--wa);background:rgba(17,174,91,.07);background:oklch(0.66 0.17 152/.07)}
.wa-root .wa-rent-erreur a{font-weight:600;text-decoration:underline;text-underline-offset:3px}
/* « Autre ville » a cote des grandes villes du cout jusqu'a destination : la pastille des villes, la liste du telephone (parcours-acheteur#4). */
.wa-root .wa-cost-cities .cc-autre{border:1px solid var(--line);border-radius:100px;padding-top:7px;padding-bottom:7px;padding-left:14px;font:inherit;font-size:13.5px;font-weight:500;color:var(--ink-soft);max-width:100%}
@media (pointer:coarse){.wa-root .wa-cost-cities .cc-autre{min-height:44px}}
/* Le comparateur ouvert par un lien partage : « remplacer ma selection » se lit comme un lien de la note (parcours-acheteur#7). */
.wa-root .wa-rnote .wa-cmp-remplacer{background:none;border:0;padding:0;font:inherit;font-weight:600;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* ==========================================================================
   La revue de l'experience (ux.json) : ce que chaque page a demande pour que l'action arrive au premier ecran
   ========================================================================== */
/* L'accueil : la bande diaspora parle de la diaspora seule, sur une colonne (ux#4). */
.wa-root .wa-rdia-grid.wa-rdia-seul{grid-template-columns:minmax(0,1fr)}
/* L'accueil au telephone : la vedette suit le heros ; sa tete se resserre pour que la premiere carte arrive tot (ux#4). */
@media (max-width:600.98px){
  /* Le heros garde sa nuit et sa recherche, a la hauteur de son contenu : sous le formulaire, la vedette entre dans le
     premier ecran au lieu d'une bande vide (les chiffres se taisent sous leur seuil). */
  .wa-root .wa-hero.wa-rhero{min-height:0}
  .wa-root .wa-rhero + .wa-vedette{padding-top:20px}
  .wa-root .wa-vedette-tete{margin-bottom:14px}
  .wa-root .wa-vedette .wa-vedette-tete .eyebrow{margin-bottom:0;letter-spacing:.05em}
}
/* Les chiffres du heros au telephone : une seule rangee de colonnes egales, le filet entre elles (ux#5). */
@media (max-width:600.98px){.wa-root .wa-hstats{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0}.wa-root .wa-hstats>div{min-width:0}}
/* A propos : ou nous trouver (le siege, sa carte, la photo du bureau) et l'equipe, quand elle est renseignee (ux#6). */
.wa-root .wa-apropos-lieu-1{grid-template-columns:minmax(0,640px)}
.wa-root .wa-apropos-lieu-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.wa-root .wa-apropos-lieu .wa-rcarte p{margin:0 0 8px}
.wa-root .wa-apropos-lien{font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.wa-root .wa-apropos-bureau{margin:0;padding:0;overflow:hidden}
.wa-root .wa-apropos-bureau img{display:block;width:100%;height:100%;min-height:240px;object-fit:cover}
.wa-root .wa-apropos-bureau figcaption{padding:10px 16px}
.wa-root .wa-apropos-equipe .wa-apropos-visage{display:block;width:96px;height:96px;margin:0 0 12px;border-radius:50%;object-fit:cover;background:var(--paper-2)}
@media (max-width:820px){.wa-root .wa-apropos-lieu-1,.wa-root .wa-apropos-lieu-2{grid-template-columns:minmax(0,1fr)}}
/* L'action de la page sous l'intro de sa tete (wa_page_head, ux#7, ux#20), et le « deuxieme pas » d'une formule payante. */
.wa-root .wa-ph-actions{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.wa-root .wa-ph-actions .btn{min-height:48px;justify-content:center}
@media (max-width:480px){.wa-root .wa-ph-actions .btn{flex:1 1 100%}}
.wa-root .wa-rprix .wa-rprix-quand{margin:14px 0 8px}
/* L'estimateur, une fois l'estimation calculee : le formulaire seul en tete, la methode sous le resultat (ux#8). */
.wa-root .wa-rprincipal.wa-rprincipal-seul{grid-template-columns:minmax(0,760px)}
.wa-root .wa-estimer-methode .wa-spanel{max-width:760px}
/* Le comparateur au telephone (ux#15) : les libelles sur 96 px et deux vehicules cote a cote ; une ombre au bord droit tant
   qu'il reste a glisser (le script pose .reste sur le cadre), et le repere « 1-2 sur 3 » au-dessus du tableau. */
.wa-root .wa-cmpcadre{position:relative}
.wa-root .wa-cmp-position{margin:0 0 8px;font-size:13.5px;font-weight:600;color:var(--ink-soft)}
.wa-root .wa-cmpcadre::after{content:"";position:absolute;top:1px;right:1px;bottom:1px;width:24px;border-radius:0 22px 22px 0;background:linear-gradient(to left,rgba(11,13,19,.16),rgba(11,13,19,0));opacity:0;transition:opacity .2s;pointer-events:none}
.wa-root .wa-cmpcadre.reste::after{opacity:1}
@media (max-width:600.98px){
  .wa-root .wa-cmpcadre table.wa-cmptable{min-width:0;width:auto}
  .wa-root .wa-cmpcadre .wa-cmptable th[scope=row]{width:96px;min-width:96px;max-width:96px;padding:12px 10px;font-size:12.5px}
  .wa-root .wa-cmpcadre .wa-cmptable td,.wa-root .wa-cmpcadre .wa-cmptable thead th.wa-cmpcol{width:calc((100vw - 138px) / 2);min-width:calc((100vw - 138px) / 2);max-width:calc((100vw - 138px) / 2);padding:12px 10px;font-size:14px}
  .wa-root .wa-cmpcadre .wa-cmptable th.wa-cmpcol h3{font-size:14.5px}
  .wa-root .wa-cmpcadre .wa-cmptable .prix{font-size:15.5px;white-space:normal}
  .wa-root .wa-cmpcadre .wa-cmptable .prix .n{white-space:nowrap}
  .wa-root .wa-cmpcadre .wa-cmptable .wa-btn-wa{padding:10px;font-size:13px;line-height:1.2;white-space:normal;text-align:center}
}
@media (prefers-reduced-motion:reduce){.wa-root .wa-cmpcadre::after{transition:none}}
/* La location au telephone (ux#16) : le panneau des filtres replie derriere son bouton (pose par le script), la flotte
   juste sous son titre. Sans script, le panneau reste ouvert. */
.wa-root .lf-ouvrir{display:none}
@media (max-width:1000.98px){
  .wa-root .lf-ouvrir:not([hidden]){display:inline-flex;justify-self:start;align-items:center;gap:8px;min-height:44px;margin:0 0 12px;padding:10px 18px;border:1px solid var(--line);border-radius:100px;background:#fff;color:var(--ink);font:inherit;font-size:15px;font-weight:600;cursor:pointer}
  .wa-root .lf-ouvrir .ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .wa-root .lf-ouvrir[aria-expanded="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
  .wa-root .lf-ouvrir:focus-visible{outline:2px solid var(--red);outline-offset:2px}
  .wa-root .lf-side.lf-js:not(.ouvert){display:none}
}
.wa-root .wa-lresults.wa-lresults-seul{grid-template-columns:minmax(0,1fr)}
@media (max-width:600.98px){.wa-root #flotte .wa-rhead{margin-bottom:14px}.wa-root .wa-lresults.wa-lresults-seul{padding-top:0;margin-top:0}}
/* La suite d'une intro de tete, dans la premiere section (ux#21) : l'intro tient en 160 caracteres. */
.wa-root .wa-dia-intro{margin:0 0 20px;max-width:68ch;color:var(--ink-soft);font-size:16.5px;line-height:1.6}
.wa-root .wa-assur-suite{margin:0 0 16px;color:var(--ink-soft);font-size:15px;line-height:1.55}
/* Une carte de prix dont l action suit le montant (ux#21) : le bouton reste sous le prix, la liste vient ensuite. */
.wa-root .wa-rprix .montant + .btn{margin-top:4px;margin-bottom:4px}
.wa-root .wa-heroform button svg.ic{stroke:currentColor;fill:none}
/* La page introuvable reprend la recherche de l'accueil (ux#22), sur le papier : un bord au lieu de l'ombre de la nuit. */
.wa-root .wa-heroform.wa-heroform-clair{margin:0 0 24px;border:1px solid var(--line);box-shadow:0 1px 2px rgba(11,13,19,.06)}
/* ux#25 : le resume du dossier Diaspora. Au telephone et a la tablette, le dossier passe sous le formulaire : la ligne
   colle sous l'entete pendant l'etape 1 et dit le nombre de vehicules et le total ; au bureau, le dossier est a cote. */
.wa-root .wa-dia-resume{position:sticky;top:calc(var(--wa-entete-bas) + 8px);z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;margin:0 0 14px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 12px 30px -18px rgba(11,13,19,.5);box-shadow:0 12px 30px -18px oklch(0.16 0.012 265/.5);font-size:14px;font-weight:600;color:var(--ink)}
.wa-root .wa-dia-resume a{color:var(--red-ink);white-space:nowrap}
@media (min-width:1101px){.wa-root .wa-dia-resume{display:none}}
/* ux#26 : sans avis publie, pas de section au grand titre ; l'invitation se tient sous le contact de la vitrine, et
   « Laisser un avis » est un bouton comme les autres moyens de joindre le parc. Le formulaire s'ouvre dessous, sans second cadre. */
.wa-root .wa-vitrine-contacts .wa-avis-vide{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.wa-root .wa-avis-vide .wa-avis-empty{padding:0;margin:0 0 12px;font-size:14px;line-height:1.5}
.wa-root .wa-avis-vide .wa-avis-empty b{color:var(--ink)}
.wa-root .wa-avis-vide .wa-avis-fw{margin-top:0;max-width:none}
.wa-root .wa-avis-vide .wa-avis-fw > summary.btn{display:inline-flex;padding:14px 26px;margin:0;color:var(--ink)}
.wa-root .wa-vitrine-contacts .wa-avis-vide .wa-avis-fw > summary.btn{display:flex;width:100%;justify-content:center}
.wa-root .wa-vitrine-contacts .wa-avis-form{margin-top:14px;padding:0;border:0;background:none;max-width:none}
/* La fiche d'un vehicule en location, meme traitement : la ligne, puis le bouton ; le formulaire s'ouvre dessous. */
.wa-root .wa-avis-annonce.wa-avis-vide .wa-avis-empty{padding:0;margin:0 0 14px;max-width:none}
.wa-root .wa-avis-annonce.wa-avis-vide .wa-avisf{margin-top:16px}
.wa-root .wa-avis-annonce.wa-avis-vide .wa-avisf-connexion{margin:10px 0 0;padding:0;border:0;font-size:13px;color:var(--muted)}
/* ux#27 : la recherche de l'en-tete. Au bureau, la loupe ouvre un petit formulaire sous l'entete, aligne sur elle ;
   au telephone, le formulaire est en tete du menu, blanc sur l'encre, sa loupe a droite du champ. */
.wa-root .wa-hcherche{position:relative}
.wa-root .wa-hcherche-form{position:absolute;right:0;top:calc(100% + 14px);z-index:60;display:flex;gap:8px;width:380px;max-width:calc(100vw - 32px);padding:10px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 50px -24px rgba(11,13,19,.5);box-shadow:0 22px 50px -24px oklch(0.16 0.012 265/.5)}
.wa-root .wa-hcherche-form input{flex:1 1 auto;min-width:0;border:1px solid var(--line);border-radius:100px;padding:10px 16px;font:inherit;font-size:15px;color:var(--ink);background:#fff}
.wa-root .wa-hcherche-form .btn{padding:10px 18px;font-size:15px}
.wa-root .wa-cherchelink[aria-expanded="true"]{background:rgba(255,255,255,.14);background:oklch(1 0 0/.14)}
.wa-root .wa-mnav-cherche{position:relative;margin:0 0 8px}
.wa-root .wa-mnav-cherche input{width:100%;border:1px solid #fff;border-radius:100px;padding:13px 54px 13px 18px;font:inherit;font-size:16px;color:var(--ink);background:#fff}
.wa-root .wa-mnav-cherche button{position:absolute;top:2px;right:2px;bottom:2px;width:48px;display:grid;place-items:center;border:0;border-radius:100px;background:transparent;color:var(--ink);cursor:pointer}
.wa-root .wa-mnav-cherche .ic{width:20px;height:20px;stroke:currentColor;stroke-width:2.2;fill:none}
/* ux#28 : Mes annonces, une ligne compacte par annonce. « Modifier » en bouton, le reste dans le menu « Plus », qui
   s'ouvre sous son bouton. Au telephone : la vignette, le titre et ses chiffres, le statut ; dessous, les deux boutons. */
.wa-root .wa-drow-annonce > .bd{min-width:0;flex:1 1 220px}
.wa-root .wa-drow-plus{position:relative;display:inline-block}
.wa-root .wa-drow-plus > summary{list-style:none;gap:6px}
.wa-root .wa-drow-plus > summary::-webkit-details-marker{display:none}
.wa-root .wa-drow-plus > summary .ic{width:14px;height:14px;stroke:currentColor;stroke-width:2.2;fill:none;transition:transform .2s}
.wa-root .wa-drow-plus[open] > summary .ic{transform:rotate(180deg)}
.wa-root .wa-drow-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:230px;display:grid;gap:2px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(11,13,19,.18);box-shadow:0 18px 44px oklch(0.16 0.012 265/.18)}
.wa-root .wa-drow-menu .wa-drow-retrait{display:block}
.wa-root .wa-drow-menu a,.wa-root .wa-drow-menu button{display:block;width:100%;min-height:44px;padding:11px 14px;border:0;border-radius:9px;background:none;font:inherit;font-size:14px;font-weight:500;line-height:1.4;color:var(--ink);text-align:left;text-decoration:none;cursor:pointer}
.wa-root .wa-drow-menu a:hover,.wa-root .wa-drow-menu button:hover{background:var(--paper-2)}
.wa-root .wa-drow-menu .wa-drow-retirer{color:var(--red-ink)}
.wa-root .wa-annonces-outils{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px}
.wa-root .wa-annonces-outils input{flex:1 1 220px;min-width:0;border:1px solid var(--line);border-radius:100px;padding:11px 16px;font:inherit;font-size:15px;background:#fff;color:var(--ink)}
.wa-root .wa-annonces-outils select{flex:0 0 auto;max-width:100%;border:1px solid var(--line);border-radius:100px;padding:11px 14px;font:inherit;font-size:15px;background:#fff;color:var(--ink)}
.wa-root .wa-annonces-n{flex:1 1 100%;margin:0;font-size:13px;color:var(--muted)}
.wa-root .wa-annonces-n:empty{display:none}
@media (max-width:640.98px){
  .wa-root .wa-drow-annonce{display:grid;grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"ph bd bd" "act act statut";gap:10px 12px;padding:12px}
  .wa-root .wa-drow-annonce > .ph{grid-area:ph;width:64px;height:48px}
  .wa-root .wa-drow-annonce > .bd{grid-area:bd}
  .wa-root .wa-drow-annonce > .wa-status{grid-area:statut;align-self:center}
  .wa-root .wa-drow-annonce > .act{grid-area:act;width:auto;margin:0}
  .wa-root .wa-drow-annonce > .wa-drow-motif{grid-column:1/-1}
  .wa-root .wa-drow-annonce .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .wa-root .wa-drow-annonce .m{font-size:13px;line-height:1.35}
  .wa-root .wa-drow-annonce .m .d{display:none}
  .wa-root .wa-drow-menu{right:auto;left:0}
  /* « Boosté » se pose sur le bas de la vignette : la rangee des boutons garde sa ligne. */
  .wa-root .wa-drow-annonce{position:relative}
  .wa-root .wa-drow-annonce > .act > .wa-boosted{position:absolute;left:12px;top:40px;width:64px;height:20px;padding:0;gap:3px;justify-content:center;border-radius:0 0 10px 10px;font-size:12px;letter-spacing:0;white-space:nowrap;background:#f7e8c2;background:oklch(0.94 0.06 85)}
}
/* ux#29 : Ma vitrine au telephone, la barre d'enregistrement collee en bas des le premier changement ; sous le menu ouvert. */
.wa-root .wa-vf-barre{position:fixed;left:0;right:0;bottom:0;z-index:39;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--line);box-shadow:0 -12px 30px -18px rgba(11,13,19,.4);box-shadow:0 -12px 30px -18px oklch(0.16 0.012 265/.4)}
.wa-root .wa-vf-barre-pct{font-size:12.5px;color:var(--muted);line-height:1.2}
.wa-root .wa-vf-barre-pct b{display:block;font-family:var(--fd);font-size:18px;color:var(--ink)}
.wa-root .wa-vf-barre .btn{flex:0 0 auto}
@media (min-width:981px){.wa-root .wa-vf-barre{display:none}}

/* ux#30 : la vitrine d'un loueur sans vehicule en ligne dit qui il est, puis « pas encore de vehicule » en texte courant. */
.wa-root .wa-loueur-sansflotte{margin:18px 0 0;max-width:62ch;font-size:15px;line-height:1.6;color:var(--ink-soft)}
.wa-root .wa-loueur-sansflotte a{color:var(--red-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
/* ux#31 : un numero de telephone ne se coupe pas au milieu d'un bouton ou d'un lien (wa_tel_html). */
.wa-root .wa-tel{white-space:nowrap}

/* ==========================================================================
   Venues des feuilles propres a une page (seo-perf#2) : ce qui sert sur tout le site. La feuille de la
   boutique ne se charge plus que la ou la boutique s'affiche, celle des cartes la ou une carte d'annonce
   s'affiche, celle des identites hors de l'accueil et de la fiche. Leurs regles communes sont ici, a la fin,
   dans l'ordre ou ces feuilles se chargent (la boutique, les cartes, les identites) : la cascade ne change pas.
   ========================================================================== */

/* --- de wa-boutique.css ------------------------------------------------------------------------------------ */
/* --- l'entete : l'icone du panier et son compteur -------------------------
   L'icone reprend .wa-favlink (et sa pastille .c). Le menu du telephone porte
   « Panier » avec la meme pastille. Avec la Boutique (et le Magazine), le menu
   de l'ordinateur a huit entrees : il se resserre par paliers pour tenir sur une
   ligne, mesure au banc de 921 a 1440 px. Sous 1200 px, le bouton « Publier une
   annonce » laisse sa place : la barre du haut porte « Publier ». (Avant la
   boutique, a 1024 px, le menu passait deja sur deux lignes.) */
.wa-root .wa-mnav a .c{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:8px;border-radius:100px;background:var(--red);color:#fff;font-size:12px;font-weight:700;vertical-align:2px}
.wa-root .wa-mnav a .c[hidden]{display:none}
@media (min-width:921px) and (max-width:1360.98px){
  .wa-root .wa-menu a{white-space:nowrap}
}
@media (min-width:921px) and (max-width:1279.98px){
  .wa-root .wa-menu{font-size:14.5px}
  .wa-root .wa-header .btn-light{padding:12px 18px;font-size:15px}
}
@media (min-width:921px) and (max-width:1199px){
  .wa-root .wa-header .btn-light{display:none}
}
@media (min-width:921px) and (max-width:1023.98px){
  .wa-root .wa-menu{font-size:13.5px}
  .wa-root .wa-hicons{gap:6px}
}
/* La loupe de la recherche (ux#27) : une icone de plus dans l'entete. Le menu se resserre d'un cran de plus, et les
   icones de l'entete passent a 38 px sous 1361 px : tout tient sur une ligne, mesure au banc de 921 a 1600 px. */
@media (min-width:1361px) and (max-width:1439px){
  .wa-root .wa-hicons{gap:8px}
}
@media (min-width:921px) and (max-width:1360.98px){
  .wa-root .wa-hicons{gap:6px}
  .wa-root .wa-hicons .wa-favlink{width:38px;height:38px}
}

/* ==========================================================================
   L'ENTETE, LA RETOUCHE DU 27 SEPTEMBRE : six entrees au lieu de huit, dont
   « Services » (la diaspora, l'inspection et l'aide, dans un menu) ; des
   cibles de 48 px de haut, l'ecart qui suit la largeur de l'ecran, et
   « Publier une annonce » en rouge plein, l'action du site.
   ========================================================================== */
.wa-root .wa-menu{align-items:center;gap:clamp(16px,1.7vw,28px)}
.wa-root .wa-menu > a{display:inline-flex;align-items:center;min-height:48px;line-height:1.3}
.wa-root .wa-menu > a::after{bottom:0}
.wa-root .wa-menu-services{position:relative}
.wa-root .wa-menu-services > summary{position:relative;display:flex;align-items:center;gap:6px;min-height:48px;line-height:1.3;list-style:none;white-space:nowrap;cursor:pointer;color:rgba(255,255,255,.82);color:oklch(1 0 0/.82)}
.wa-root .wa-menu-services > summary::-webkit-details-marker{display:none}
.wa-root .wa-menu-services > summary:hover,.wa-root .wa-menu-services[open] > summary,.wa-root .wa-menu-services.on > summary{color:#fff}
.wa-root .wa-menu-services > summary .ic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--eo,cubic-bezier(.23,1,.32,1))}
.wa-root .wa-menu-services[open] > summary .ic{transform:rotate(180deg)}
/* le trait rouge des autres entrees : au survol, et quand la page vue est l'un des trois services */
.wa-root .wa-menu-services > summary::after{content:"";position:absolute;left:0;right:22px;bottom:0;height:2px;border-radius:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--eo,cubic-bezier(.16,1,.3,1))}
.wa-root .wa-menu-services > summary:hover::after,.wa-root .wa-menu-services.on > summary::after{transform:scaleX(1)}
.wa-root .wa-menu-services-liste{position:absolute;top:100%;left:-20px;z-index:65;width:235px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px rgba(21,21,27,.14);box-shadow:0 16px 40px oklch(0.16 0.012 265/.14)}
.wa-root .wa-menu .wa-menu-services-liste a{display:block;padding:13px 14px;border-radius:7px;color:var(--ink);font-size:15px;white-space:normal}
.wa-root .wa-menu .wa-menu-services-liste a:hover{background:var(--papier-chaud)}
.wa-root .wa-menu .wa-menu-services-liste a::after{display:none}
/* la page vue, dans le menu ouvert : en rouge, et aria-current la dit ; le focus, rouge sur ce fond blanc, blanc sur le titre (comme tout l'entete) */
.wa-root .wa-menu .wa-menu-services-liste a.on{color:var(--red-ink);font-weight:600}
.wa-root .wa-header .wa-menu-services-liste a:focus-visible{outline-color:var(--red)}
.wa-root .wa-header .wa-menu-services > summary:focus-visible{outline-color:#fff}
.wa-root .wa-header > .wrap > .btn-light{background:var(--red);border-color:var(--red);color:#fff;border-radius:10px;box-shadow:none;padding-inline:22px}
.wa-root .wa-header > .wrap > .btn-light:hover{background:var(--red-press);border-color:var(--red-press);color:#fff}
/* ux#10 : sur une page de la famille « vendre », aucune entree du menu n'est soulignee ; le bouton « Publier une annonce »
   dit « vous etes ici » (aria-current) : blanc sur l'entete sombre, quand il est rouge partout ailleurs. */
.wa-root .wa-header > .wrap > .btn-light[aria-current]{background:#fff;color:var(--ink);border-color:#fff}

/* ==========================================================================
   LA RETOUCHE DU 27 SEPTEMBRE, LE RESTE DU SITE : les titres equilibres sur
   leurs lignes, les cartes et les panneaux arrondis a 14 px (.wa-rcarte plus
   haut, .wa-spanel dans le theme), ceux de la colonne d'une fiche a 16 px
   (l'annonce et le produit de la boutique), les cartes des pages plus aerees
   (la carte d'un plan garde son bord a bord), le pied de page replie au
   telephone.
   ========================================================================== */
.wa-root h1,.wa-root h2,.wa-root h3{text-wrap:balance}
.wa-root .wa-sside > .wa-spanel{border-radius:16px;padding:24px}
.wa-root .wa-pagebody .wa-rcarte:not(.wa-rcarte-carte){padding:clamp(22px,3vw,40px)}
@media (max-width:760.98px){.wa-root .wa-pagebody .wa-rcarte:not(.wa-rcarte-carte){padding:22px 18px}}
/* Le pied de page au telephone : un groupe de liens par ligne, replie sous son titre ; le titre porte le bouton qui
   l'ouvre (le script qui suit le pied de page pose .wa-ft-plie et les boutons ; sans lui, rien ne change). */
@media (max-width:760.98px){
  .wa-root .wa-ft-plie .wa-ftgrid{grid-template-columns:1fr;gap:0}
  .wa-root .wa-ft-plie .wa-ftgrid > div:first-child{padding-bottom:24px}
  .wa-root .wa-ft-plie .wa-ftgroupe{border-top:1px solid rgba(255,255,255,.14);border-top:1px solid oklch(1 0 0/.14)}
  .wa-root .wa-ft-plie .ft-titre{margin:0;font-size:16px}
  .wa-root .wa-ft-plie .wa-ftliens{padding-bottom:20px}
}
.wa-root .wa-ftbtn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:60px;margin:0;padding:0;border:0;background:none;color:#fff;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}
.wa-root .wa-ftbtn::after{content:"+";flex:none;font-size:22px;font-weight:400;line-height:1;color:#bbb}
.wa-root .wa-ftbtn[aria-expanded="true"]::after{content:"\2212"}
.wa-root .wa-ftbtn:focus-visible{outline-color:#fff}

/* les etapes et les questions dans une carte, sans double bord */
.wa-root .wa-rcarte .wa-retapes{border:0;border-radius:0;background:none;margin:6px 0 0}
.wa-root .wa-rcarte .wa-retapes > li{padding:14px 0}
.wa-root .wa-rcarte .wa-retapes > li:first-child{padding-top:4px}
.wa-root .wa-fa-champ [aria-invalid="true"]{border-color:var(--red)}
.wa-root .wa-fa-seg[aria-invalid="true"]{box-shadow:inset 0 0 0 1px var(--red)}
/* --- l'espace du compte : les pastilles des commandes -------------------------------------- */
.wa-root .wa-status.att{background:rgba(230,184,22,.22);background:oklch(0.8 0.16 90/.22);color:#6f4600;color:oklch(0.43 0.1 75)}
.wa-root .wa-status.conf{background:rgba(72,138,203,.13);background:oklch(0.62 0.12 250/.13);color:#004f8b;color:oklch(0.42 0.12 250)}
.wa-root .wa-status.prep{background:rgba(141,108,194,.13);background:oklch(0.6 0.13 300/.13);color:#593888;color:oklch(0.42 0.13 300)}
.wa-root .wa-status.exp{background:rgba(64,177,183,.18);background:oklch(0.7 0.1 200/.18);color:#00535f;color:oklch(0.4 0.08 210)}
.wa-root .wa-status.liv{background:rgba(17,174,91,.15);background:oklch(0.66 0.17 152/.15);color:#006025;color:oklch(0.42 0.13 152)}
.wa-root .wa-status.ann{background:var(--paper-2);color:var(--ink-soft)}
.wa-root .wa-fa-champ label small{font-weight:500;color:var(--muted)}
/* L'annonce d'une action : la boutique l'ouvre pour le panier, le pied de page sur toute page (#wa-annonce). */
.wa-root .wa-bq-toast{position:fixed;z-index:95;left:0;right:0;margin:0 auto;width:max-content;bottom:calc(24px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:10px 10px 10px 20px;border-radius:100px;background:var(--ink);color:#fff;font-size:14.5px;box-shadow:0 18px 50px rgba(11,13,19,.45);box-shadow:0 18px 50px oklch(0.16 0.012 265/.45);opacity:0;visibility:hidden;transform:translateY(140%);transition:transform .35s var(--eo),opacity .25s var(--eo),visibility 0s linear .35s}
.wa-root .wa-bq-toast.on{opacity:1;visibility:visible;transform:none;transition:transform .35s var(--eo),opacity .25s var(--eo),visibility 0s}
.wa-root .wa-bq-toast .ic{width:18px;height:18px;stroke:#fff;stroke-width:2.4;flex:none}
.wa-root .wa-bq-toast span{min-width:0}
.wa-root .wa-bq-toast a{flex:none;padding:9px 16px;border-radius:100px;background:var(--red);color:#fff;font-weight:600;white-space:nowrap}
.wa-root .wa-bq-toast a:hover{background:var(--red-press);color:#fff}
.wa-root .wa-bq-toast.alerte a{background:#fff;color:var(--ink)}
@media (max-width:920.98px){
  .wa-root .wa-bq-toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){.wa-root .wa-bq-toast{transition:none}}
.wa-root .wa-bq-toast a:focus-visible{outline:2px solid var(--red);outline-offset:2px}

/* --- de wa-cartes.css -------------------------------------------------------------------------------------- */
.wa-root{--wa-gout:clamp(20px,3.2vw,60px)}

/* un texte pour les lecteurs d'ecran seulement */
.wa-root .wa-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* --- la scene « Vendre » : trois vehicules sur une bande rouge (page Publier) ---
   La bande est dessinee ici, pas dans l'image : nette a toute taille, et du rouge
   exact de la marque. Son bord monte du bas a gauche vers le bord droit de la
   page ; les vehicules se posent dessus. --wa-bande-y et --wa-bande-angle la
   reglent sans toucher a l'image. */
.wa-root .wa-page-head.wa-vhero{position:relative;overflow:hidden;padding:clamp(26px,4vw,52px) 0 0;border-bottom:0}
.wa-root .wa-vhero .wa-vhero-grille{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:end;gap:clamp(16px,3vw,48px)}
.wa-root .wa-vhero-texte{align-self:center;padding-bottom:clamp(28px,5vw,64px)}
.wa-root .wa-vhero h1{max-width:16ch}
.wa-root .wa-vhero-atouts{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.wa-root .wa-vhero-atouts li{position:relative;padding-left:22px;font-size:16.5px;line-height:1.45;color:var(--ink-soft)}
.wa-root .wa-vhero-atouts li::before{content:"";position:absolute;left:2px;top:.52em;width:9px;height:9px;border-radius:50%;background:#00a24f;background:oklch(0.62 0.17 152)}
.wa-root .wa-vhero .wa-rboutons{margin-top:26px}
.wa-root .wa-vscene{--wa-bande-y:72.4%;--wa-bande-angle:-15deg;position:relative;margin:0 calc(-1 * var(--wa-gout)) 0 0;align-self:end;isolation:isolate}
.wa-root .wa-vscene-bande{
  position:absolute;z-index:-1;left:-6%;top:var(--wa-bande-y);width:240%;height:160%;
  background:var(--red);transform-origin:0 0;transform:rotate(var(--wa-bande-angle));
}
.wa-root .wa-vscene picture{display:block}
.wa-root .wa-vscene img{position:relative;display:block;width:100%;height:auto;filter:drop-shadow(0 14px 12px rgb(0 0 0 / .22))}
@media (max-width:900.98px){
  .wa-root .wa-vhero .wa-vhero-grille{grid-template-columns:minmax(0,1fr)}
  .wa-root .wa-vhero-texte{padding-bottom:6px}
  .wa-root .wa-vscene{--wa-bande-y:67%;--wa-bande-angle:-11deg;margin:0 calc(-1 * var(--wa-gout))}
  .wa-root .wa-vscene-bande{left:-4%}
}

/* --- de wa-identites.css ---------------------------------------------------------------------------------- */
/* Une ancre atteinte ne passe pas sous l'en-tete fixe : html{scroll-padding-top} (plus haut) la cale sous
   l'entete et la barre du haut ; ici, un peu d'air en plus (accessibilite#24). Sans poids (:where) : les decalages propres a
   une page (la fiche et ses onglets fixes, le magazine, la console) gardent la main. */
:where(.wa-root) :where(h2[id],h3[id],section[id]){scroll-margin-top:16px}

/* A l'impression, les barres fixes (contact, comparer, inspection, achat, panier, retour en haut, annonces, chargement) ne
   se repetent pas sur chaque page, par-dessus le texte ; l'en-tete de l'accueil reprend sa place (front3#7). */
@media print{.wa-cmpbar,.wa-totop,.wa-inspbar,.wa-pcmpbar,.wa-fbar,.wa-buybar,.wa-bq-bar,.wa-bq-toast,#wa-annonce,.wa-curring,.wa-loadbar,.wa-skip{display:none!important}body.home .wa-header{position:static!important}}