/* Ovecar - bibliotheque de blocs pour les pages interieures */

/* ---------- bandes pleine largeur dans le corps de page ---------- */
.ovc-page{overflow-x:clip}
.ovc-page-corps .ovc-b-bande{
  width:var(--ovc-vw,100vw);margin-left:calc(50% - (var(--ovc-vw,100vw) / 2));padding:56px 0;
}
.ovc-page-corps .ovc-b-bande-brume{background:var(--ovc-pg-brume)}
.ovc-page-corps .ovc-b-dedans{max-width:980px;margin:0 auto;padding:0 24px}

/* ---------- chiffres cles ---------- */
.ovc-page-corps .ovc-b-chiffres{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 44px;padding:0;list-style:none;
}
.ovc-page-corps .ovc-b-chiffres li{margin:0;padding:0}
.ovc-page-corps .ovc-b-chiffres li::before{display:none}
.ovc-b-chiffre{
  display:block;background:#fff;border:1px solid var(--ovc-pg-chrome);border-radius:14px;padding:20px 18px;
  box-shadow:0 10px 30px rgba(11,27,51,.07);position:relative;overflow:hidden;
  transition:border-color .25s,transform .25s,box-shadow .25s;
}
.ovc-b-chiffre b{
  display:block;font-family:'Chakra Petch','Outfit',sans-serif;font-weight:700;font-size:2.1rem;line-height:1;
  color:var(--ovc-pg-bleu);transform-origin:left center;transition:transform .25s;
}
.ovc-b-chiffre span{display:block;font-size:.92rem;color:var(--ovc-pg-doux);margin-top:6px;line-height:1.45}

/* ---------- reassurance ---------- */
.ovc-page-corps .ovc-b-rea{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none}
.ovc-page-corps .ovc-b-rea li{margin:0;padding:0}
.ovc-page-corps .ovc-b-rea li::before{display:none}
.ovc-b-atout{
  display:block;background:#fff;border:1px solid var(--ovc-pg-chrome);border-radius:14px;padding:22px;text-align:center;
  align-items:center;position:relative;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s;
}
.ovc-b-atout svg{width:30px;height:30px;stroke:var(--ovc-pg-bleu);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ovc-page-corps .ovc-b-atout h3{margin:10px 0 4px;transition:color .25s}
.ovc-b-atout small{display:block;color:var(--ovc-pg-doux);font-size:.92rem;line-height:1.5}

/* ---------- cartes ---------- */
.ovc-page-corps .ovc-b-cartes{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:0 0 8px;padding:0;list-style:none}
.ovc-page-corps .ovc-b-cartes li{margin:0;padding:0}
.ovc-page-corps .ovc-b-cartes li::before{display:none}
.ovc-b-carte{
  display:block;background:#fff;border:1px solid var(--ovc-pg-chrome);border-radius:14px;padding:24px;
  position:relative;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s;
}
.ovc-page-corps .ovc-b-carte h3{margin:0 0 8px;transition:color .25s}
.ovc-b-carte p{margin:0;color:var(--ovc-pg-doux);font-size:.97rem}

/* ---------- hauteur egale dans une meme grille ---------- */
.ovc-page-corps .ovc-b-chiffres,
.ovc-page-corps .ovc-b-rea,
.ovc-page-corps .ovc-b-cartes{grid-auto-rows:1fr}
.ovc-page-corps .ovc-b-chiffres li,
.ovc-page-corps .ovc-b-rea li,
.ovc-page-corps .ovc-b-cartes li{display:flex}
.ovc-b-chiffre,.ovc-b-atout,.ovc-b-carte{flex:1 1 auto;display:flex;flex-direction:column}

/* ---------- animation commune de survol ---------- */
.ovc-b-chiffre::after,.ovc-b-atout::after,.ovc-b-carte::after{
  content:"";position:absolute;left:0;top:0;height:3px;width:0;
  background:linear-gradient(90deg,var(--ovc-pg-bleu),#3D9BFF);transition:width .45s ease;
}
.ovc-b-chiffre:hover,.ovc-b-atout:hover,.ovc-b-carte:hover,
.ovc-b-atout:focus-within,.ovc-b-carte:focus-within{
  border-color:var(--ovc-pg-bleu);transform:translateY(-4px);box-shadow:0 18px 36px rgba(11,27,51,.12);
}
.ovc-b-chiffre:hover::after,.ovc-b-atout:hover::after,.ovc-b-carte:hover::after,
.ovc-b-atout:focus-within::after,.ovc-b-carte:focus-within::after{width:100%}
.ovc-b-atout:hover h3,.ovc-b-carte:hover h3{color:var(--ovc-pg-bleu)}
.ovc-b-chiffre:hover b{transform:scale(1.04)}

/* ---------- frise d'etapes ---------- */
.ovc-b-frise{position:relative;margin:0 0 8px}
.ovc-b-frise::before{content:"";position:absolute;left:27px;top:22px;bottom:22px;width:2px;background:var(--ovc-pg-chrome)}
.ovc-b-trace{position:absolute;left:27px;top:22px;width:2px;background:var(--ovc-pg-bleu);height:0;transition:height 1.3s ease}
.ovc-b-frise.ovc-b-tracee .ovc-b-trace{height:calc(100% - 44px)}
.ovc-b-etape{
  position:relative;display:grid;grid-template-columns:56px 1fr;gap:20px;padding:14px 0 26px;
  opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s;
}
.ovc-b-etape.ovc-b-vue{opacity:1;transform:none}
.ovc-b-puce{
  width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid var(--ovc-pg-bleu);color:var(--ovc-pg-bleu);
  display:flex;align-items:center;justify-content:center;position:relative;z-index:1;
  font-family:'Chakra Petch','Outfit',sans-serif;font-weight:700;font-size:1.3rem;
}
.ovc-b-duree{
  display:inline-block;font-family:'Chakra Petch','Outfit',sans-serif;font-weight:700;font-size:.8rem;
  letter-spacing:.1em;text-transform:uppercase;color:var(--ovc-pg-succes);background:rgba(18,161,80,.1);
  border-radius:6px;padding:4px 9px;margin-bottom:8px;
}
.ovc-page-corps .ovc-b-etape h3{margin:0}
.ovc-b-etape p{margin:6px 0 0;color:var(--ovc-pg-doux);font-size:.98rem}

/* ---------- application d'inspection ---------- */
.ovc-b-appli{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.ovc-page-corps .ovc-b-points{list-style:none;margin:0;padding:0}
.ovc-page-corps .ovc-b-points li{
  position:relative;padding:12px 0 12px 40px;margin:0;color:var(--ovc-pg-doux);
  border-bottom:1px solid var(--ovc-pg-chrome);transition:color .3s;
}
.ovc-page-corps .ovc-b-points li:last-child{border-bottom:0}
.ovc-page-corps .ovc-b-points li::before{
  content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;
  border:2px solid var(--ovc-pg-chrome-fort);background:#fff;
  transition:border-color .3s,background .3s,box-shadow .3s;
}
.ovc-page-corps .ovc-b-points li.ovc-b-actif{color:var(--ovc-pg-encre);font-weight:600}
.ovc-page-corps .ovc-b-points li.ovc-b-actif::before{
  border-color:var(--ovc-pg-bleu);background:var(--ovc-pg-bleu);box-shadow:0 0 0 5px rgba(10,108,241,.15);
}
.ovc-b-scene{position:relative;display:flex;justify-content:center;padding:10px 0}
.ovc-b-halo{
  position:absolute;width:330px;height:330px;border-radius:50%;top:50%;left:50%;
  background:radial-gradient(circle,rgba(10,108,241,.16),transparent 68%);
  transform:translate(-50%,-50%);animation:ovc-b-respire 6s ease-in-out infinite;
}
@keyframes ovc-b-respire{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.12)}}
.ovc-b-tel{
  position:relative;width:252px;height:512px;border-radius:36px;background:var(--ovc-pg-encre);padding:11px;flex:none;
  box-shadow:0 28px 60px rgba(11,27,51,.28);
}
.ovc-b-tel::before{
  content:"";position:absolute;left:50%;top:15px;transform:translateX(-50%);width:78px;height:6px;border-radius:99px;
  background:rgba(255,255,255,.28);z-index:3;
}
.ovc-b-ecran{position:absolute;inset:11px;border-radius:26px;overflow:hidden;background:var(--ovc-pg-brume)}
.ovc-page-corps .ovc-b-ecran img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;
  opacity:0;transform:scale(1.06);transition:opacity .7s ease,transform .9s ease;
}
.ovc-page-corps .ovc-b-ecran img.ovc-b-vu{opacity:1;transform:scale(1)}
.ovc-b-balayage{
  position:absolute;left:0;right:0;height:34%;z-index:2;
  background:linear-gradient(180deg,transparent,rgba(10,108,241,.22),transparent);
  animation:ovc-b-balaye 3.4s ease-in-out infinite;
}
@keyframes ovc-b-balaye{0%{top:-34%}100%{top:100%}}
.ovc-b-bulle{
  position:absolute;right:-6px;bottom:38px;background:#fff;border:1px solid var(--ovc-pg-chrome);border-radius:14px;
  padding:13px 16px;max-width:212px;font-size:.9rem;line-height:1.45;font-weight:600;
  box-shadow:0 16px 34px rgba(11,27,51,.14);
}
.ovc-b-bulle small{display:block;font-weight:400;color:var(--ovc-pg-doux);font-size:.84rem;margin-top:3px}
.ovc-b-jeton{
  position:absolute;left:-10px;top:44px;background:var(--ovc-pg-encre);color:#fff;border-radius:12px;padding:11px 15px;
  font-family:'Chakra Petch','Outfit',sans-serif;font-weight:700;font-size:.95rem;box-shadow:0 14px 30px rgba(11,27,51,.24);
}
.ovc-b-jeton span{
  display:block;font-weight:400;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-top:2px;
}

/* ---------- portrait ---------- */
.ovc-b-portrait{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}
.ovc-b-portrait-cadre{position:relative}
.ovc-page-corps .ovc-b-portrait-cadre img{
  display:block;width:100%;height:auto;border-radius:18px;margin:0;
  box-shadow:0 24px 48px rgba(11,27,51,.16);
}
.ovc-b-portrait-cadre::before{
  content:"";position:absolute;inset:-14px -14px 22px 22px;border:2px solid rgba(10,108,241,.25);
  border-radius:20px;z-index:-1;
}
.ovc-b-signature{
  margin-top:22px;font-family:'Sora','Outfit',sans-serif;font-weight:600;font-size:1.05rem;
  padding-left:16px;border-left:3px solid var(--ovc-pg-bleu);
}
.ovc-b-signature small{display:block;font-weight:400;font-size:.88rem;color:var(--ovc-pg-doux);margin-top:2px}

/* ---------- duo : ce que vous faites / ce que je fais ---------- */
.ovc-b-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 8px}
.ovc-b-panneau{border-radius:16px;padding:28px 26px;border:1px solid var(--ovc-pg-chrome);background:#fff}
.ovc-b-panneau-plein{background:var(--ovc-pg-bleu);border-color:var(--ovc-pg-bleu);color:#fff}
.ovc-page-corps .ovc-b-panneau h3{
  font-family:'Chakra Petch','Outfit',sans-serif;font-weight:700;font-size:.86rem;letter-spacing:.12em;
  text-transform:uppercase;margin:0 0 18px;color:var(--ovc-pg-doux);
}
.ovc-page-corps .ovc-b-panneau-plein h3{color:rgba(255,255,255,.82)}
.ovc-page-corps .ovc-b-panneau ul{list-style:none;margin:0;padding:0}
.ovc-page-corps .ovc-b-panneau li{
  position:relative;margin:0;padding:11px 0 11px 34px;font-size:1.02rem;line-height:1.5;
  border-bottom:1px solid var(--ovc-pg-chrome);
}
.ovc-page-corps .ovc-b-panneau-plein li{border-bottom-color:rgba(255,255,255,.22)}
.ovc-page-corps .ovc-b-panneau li:last-child{border-bottom:0}
.ovc-page-corps .ovc-b-panneau li::before{
  content:"—";position:absolute;left:6px;top:11px;font-weight:700;color:var(--ovc-pg-chrome-fort);
  background:none;width:auto;height:auto;border-radius:0;
}
.ovc-page-corps .ovc-b-panneau-plein li::before{content:"✓";color:#fff}
.ovc-b-panneau-vide li{color:var(--ovc-pg-doux)}

/* ---------- reperes en ligne ---------- */
.ovc-page-corps .ovc-b-reperes{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;
  list-style:none;margin:0 0 8px;padding:0;
}
.ovc-page-corps .ovc-b-reperes li{
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  margin:0;padding:18px 16px;border:1px solid var(--ovc-pg-chrome-fort);border-radius:12px;
  background:#fff;line-height:1.4;
}
.ovc-page-corps .ovc-b-reperes li::before{display:none}
.ovc-b-reperes b{
  display:block;margin-bottom:5px;color:var(--ovc-pg-bleu);
  font-family:'Chakra Petch','Outfit',sans-serif;font-weight:700;font-size:1.08rem;
}
.ovc-b-reperes small{display:block;color:var(--ovc-pg-doux);font-size:.92rem}

/* variante marquee : pour les chiffres qui doivent accrocher l'oeil */
.ovc-page-corps .ovc-b-reperes-fort{gap:14px;margin-bottom:12px}
.ovc-page-corps .ovc-b-reperes-fort li{
  padding:32px 20px 28px;border:2px solid #CFE1FD;border-radius:18px;
  background:linear-gradient(180deg,#FFFFFF 0%,#F2F8FF 100%);
  box-shadow:0 14px 34px rgba(10,108,241,.10);
  transition:transform .25s,box-shadow .25s,border-color .25s;
}
.ovc-page-corps .ovc-b-reperes-fort li:hover{
  transform:translateY(-4px);border-color:var(--ovc-pg-bleu);
  box-shadow:0 20px 44px rgba(10,108,241,.18);
}
.ovc-b-reperes-fort b{
  font-size:clamp(2.1rem,4.4vw,2.9rem);line-height:1;margin-bottom:10px;letter-spacing:-.02em;
}
.ovc-b-reperes-fort small{font-size:1rem;color:var(--ovc-pg-encre);font-weight:500;max-width:22ch}

/* ---------- accroche ---------- */
.ovc-page-corps .ovc-b-accroche{
  font-family:'Sora','Outfit',system-ui,sans-serif;font-weight:600;
  font-size:clamp(1.5rem,3.2vw,2.1rem);line-height:1.25;letter-spacing:-.02em;
  max-width:22ch;margin:0 0 18px;
}

/* ---------- formulaires ---------- */
.ovc-page-corps .wpforms-container{max-width:700px;margin:0}
.ovc-page-corps .wpforms-form .wpforms-field{padding:0 0 16px}
.ovc-page-corps .wpforms-form .wpforms-field-label{
  font-family:'Manrope','DM Sans',system-ui,sans-serif;font-weight:600;font-size:14px;
  text-transform:none;letter-spacing:0;color:var(--ovc-pg-encre);margin-bottom:8px;
}
.ovc-page-corps .wpforms-form input[type=text],
.ovc-page-corps .wpforms-form input[type=email],
.ovc-page-corps .wpforms-form input[type=tel],
.ovc-page-corps .wpforms-form input[type=number],
.ovc-page-corps .wpforms-form input[type=url],
.ovc-page-corps .wpforms-form select,
.ovc-page-corps .wpforms-form textarea{
  width:100%;max-width:none;box-sizing:border-box;height:auto;min-height:52px;
  font-family:'Manrope','DM Sans',system-ui,sans-serif;font-size:15px;color:var(--ovc-pg-encre);
  background:#fff;border:2px solid #B8C0CF;border-radius:12px;padding:13px 16px;
  box-shadow:0 1px 2px rgba(11,27,51,.06);
  transition:border-color .2s,box-shadow .2s;
}
/* liste deroulante : meme habillage que les autres champs, avec sa propre fleche */
.ovc-page-corps .wpforms-form select{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:44px;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A6CF1' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 15px center;background-size:18px 18px;
}
.ovc-page-corps .wpforms-form textarea{min-height:140px;line-height:1.6}
.ovc-page-corps .wpforms-form input:focus,
.ovc-page-corps .wpforms-form select:focus,
.ovc-page-corps .wpforms-form textarea:focus{
  outline:none;border-color:var(--ovc-pg-bleu);
  box-shadow:0 0 0 4px rgba(10,108,241,.14);
}
.ovc-page-corps .wpforms-form input:hover,
.ovc-page-corps .wpforms-form select:hover,
.ovc-page-corps .wpforms-form textarea:hover{border-color:#7C8BA1}
.ovc-page-corps .wpforms-form input::placeholder,
.ovc-page-corps .wpforms-form textarea::placeholder{color:#8A98AC}
.ovc-page-corps .wpforms-form button[type=submit]{
  font-family:'Chakra Petch','Outfit',sans-serif;font-weight:700;font-size:15px;color:#fff;
  background:linear-gradient(90deg,var(--ovc-pg-bleu) 0%,#3D9BFF 100%);
  border:0;border-radius:10px;padding:14px 36px;cursor:pointer;
  transition:filter .2s,transform .18s;
}
.ovc-page-corps .wpforms-form button[type=submit]:hover{filter:brightness(1.06)}
.ovc-page-corps .wpforms-form button[type=submit]:active{transform:translateY(1px)}
.ovc-page-corps .wpforms-form .wpforms-required-label{color:var(--ovc-pg-bleu)}
.ovc-page-corps .wpforms-form .wpforms-field-description{color:var(--ovc-pg-doux);font-size:13px}
.ovc-page-corps .wpforms-form .wpforms-submit-container{padding-top:6px}
@media (max-width:600px){
  .ovc-page-corps .wpforms-form button[type=submit]{width:100%}
  .ovc-page-corps .wpforms-form input,
  .ovc-page-corps .wpforms-form select,
  .ovc-page-corps .wpforms-form textarea{font-size:16px}
}

/* champs-pieges anti-robots : sans intitule et hors navigation clavier.
   Ils doivent etre invisibles, sinon le visiteur voit deux champs vides sans titre. */
.ovc-page-corps .wpforms-form .wpforms-field:has(input[tabindex="-1"]){display:none}

/* choix (boutons radio et cases) presentes en cartes cliquables */
.ovc-page-corps .wpforms-form ul{list-style:none;margin:0;padding:0}
.ovc-page-corps .wpforms-form ul li{
  display:flex;align-items:flex-start;gap:11px;margin:0 0 8px;
  padding:12px 14px;background:#fff;border:2px solid #B8C0CF;border-radius:12px;
  box-shadow:0 1px 2px rgba(11,27,51,.06);
  transition:border-color .2s,background .2s,box-shadow .2s;
}
.ovc-page-corps .wpforms-form ul li::before{content:none;display:none}
.ovc-page-corps .wpforms-form ul li:hover{border-color:var(--ovc-pg-bleu);background:#F8FAFD}
.ovc-page-corps .wpforms-form ul li:has(input:checked){
  border-color:var(--ovc-pg-bleu);background:#EFF6FF;box-shadow:0 6px 18px rgba(10,108,241,.16);
}

/* choix courts (jour de rappel) : cote a cote plutot qu'empiles */
.ovc-page-corps .wpforms-field-radio ul{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px;
}
.ovc-page-corps .wpforms-field-radio ul li{margin:0;align-items:center}
.ovc-page-corps .wpforms-form ul li input[type=radio],
.ovc-page-corps .wpforms-form ul li input[type=checkbox]{
  margin:2px 0 0;accent-color:var(--ovc-pg-bleu);width:18px;height:18px;flex:none;
}
.ovc-page-corps .wpforms-form ul li label{
  display:flex;flex-direction:column;font-size:15px;font-weight:600;
  color:var(--ovc-pg-encre);cursor:pointer;margin:0;
}
.ovc-page-corps .wpforms-form .ed-day-date{
  display:block;font-size:12.5px;font-weight:400;color:var(--ovc-pg-doux);margin-top:4px;
}
.ovc-page-corps .wpforms-form .wpforms-field-limit-text{
  color:var(--ovc-pg-doux);font-size:12.5px;
}

/* ---------- contact : coordonnees a gauche, formulaire a droite ---------- */
.ovc-b-contact{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:start}
.ovc-page-corps .ovc-b-coord{list-style:none;margin:0;padding:0}
.ovc-page-corps .ovc-b-coord li{
  display:flex;align-items:flex-start;gap:14px;margin:0;padding:16px 0;
  border-bottom:1px solid var(--ovc-pg-chrome);
}
.ovc-page-corps .ovc-b-coord li:last-child{border-bottom:0}
.ovc-page-corps .ovc-b-coord li::before{display:none}
.ovc-b-coord svg{
  width:22px;height:22px;flex:none;margin-top:2px;stroke:var(--ovc-pg-bleu);fill:none;
  stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
}
.ovc-b-coord b{display:block;font-family:'Sora','Outfit',sans-serif;font-size:1.05rem;font-weight:600}
.ovc-b-coord span{display:block;color:var(--ovc-pg-doux);font-size:.95rem;margin-top:2px}
.ovc-page-corps .ovc-b-coord a{text-decoration:none}
.ovc-b-carte-form{
  background:#fff;border:1px solid var(--ovc-pg-chrome);border-radius:16px;padding:28px 26px;
  box-shadow:0 18px 40px rgba(11,27,51,.08);
}
.ovc-page-corps .ovc-b-carte-form h2{font-size:1.25rem;margin:0 0 18px}
.ovc-page-corps .ovc-b-carte-form .wpforms-container{max-width:none}
.ovc-b-note-form{color:var(--ovc-pg-doux);font-size:.9rem;margin:14px 0 0}

/* ---------- formulaire de recherche : criteres a gauche, coordonnees a droite ----------
   WPForms Lite ne sait pas disposer les champs en colonnes : on le fait ici.
   display:contents fait remonter les champs comme enfants directs de la grille du formulaire,
   puis ovecar-blocs.js les regroupe dans deux blocs. */
.ovc-b-recherche form.wpforms-form{
  display:grid;grid-template-columns:1.45fr 1fr;gap:20px;align-items:start;
}
.ovc-b-recherche .wpforms-container{max-width:none;width:100%}
.ovc-b-recherche form.wpforms-form .wpforms-field-container{display:contents}

.ovc-b-groupe-criteres{
  grid-column:1;grid-row:1;min-width:0;
  display:grid;grid-template-columns:1fr 1fr;gap:0 18px;align-content:start;
}
.ovc-b-groupe-coord{grid-column:2;grid-row:1;min-width:0}
.ovc-b-groupe-criteres > *{min-width:0}
.ovc-b-recherche .wpforms-recaptcha-container{margin:4px 0 14px}

/* l'ordre d'affichage est fixe ici : dans le code, les champs suivent
   l'ordre de creation, pas l'ordre de lecture voulu. */
.ovc-b-groupe-criteres .ovc-b-groupe-titre{grid-column:1 / -1;order:0}
.ovc-b-groupe-criteres .ovc-f-large{grid-column:1 / -1}
.ovc-b-groupe-criteres .ovc-o1{order:1}
.ovc-b-groupe-criteres .ovc-o2{order:2}
.ovc-b-groupe-criteres .ovc-o3{order:3}
.ovc-b-groupe-criteres .ovc-o4{order:4}
.ovc-b-groupe-criteres .ovc-o5{order:5}
.ovc-b-groupe-criteres .ovc-o6{order:6}
.ovc-b-groupe-criteres .ovc-o7{order:7}
.ovc-b-groupe-criteres .ovc-o8{order:8}

.ovc-b-recherche form.wpforms-form button[type=submit]{width:100%;justify-content:center}
.ovc-b-recherche .wpforms-submit-container{padding-top:6px}

.ovc-b-groupe{
  background:#fff;border:1px solid var(--ovc-pg-chrome);border-radius:16px;padding:26px 24px 10px;
  box-shadow:0 14px 34px rgba(11,27,51,.07);
}
.ovc-page-corps .ovc-b-groupe-titre h2{font-size:1.3rem;color:var(--ovc-pg-bleu);margin:0 0 6px}
.ovc-b-groupe-titre p{color:var(--ovc-pg-doux);font-size:.96rem;margin:0 0 20px;max-width:52ch}

@media (max-width:900px){
  .ovc-b-recherche form.wpforms-form{grid-template-columns:1fr;gap:16px}
  .ovc-b-groupe-criteres{grid-column:1;grid-row:auto;grid-template-columns:1fr}
  .ovc-b-groupe-coord{grid-column:1;grid-row:auto}
  .ovc-b-groupe-criteres .ovc-f-large{grid-column:1}
  .ovc-b-groupe{padding:22px 18px 8px}
}

/* ---------- rappel telephonique : coordonnees a gauche, creneau a droite ---------- */
.ovc-b-rappel form.wpforms-form{
  display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:start;
}
.ovc-b-rappel .wpforms-container{max-width:none;width:100%}
.ovc-b-rappel form.wpforms-form .wpforms-field-container{display:contents}
.ovc-b-groupe-rappel-a{grid-column:1;grid-row:1;min-width:0}
.ovc-b-groupe-rappel-b{grid-column:2;grid-row:1;min-width:0}
.ovc-b-rappel form.wpforms-form button[type=submit]{width:100%;justify-content:center}
.ovc-b-rappel .wpforms-recaptcha-container{margin:4px 0 14px}
.ovc-b-rappel .wpforms-submit-container{padding-top:6px}

@media (max-width:900px){
  .ovc-b-rappel form.wpforms-form{grid-template-columns:1fr;gap:16px}
  .ovc-b-groupe-rappel-a,
  .ovc-b-groupe-rappel-b{grid-column:1;grid-row:auto}
}

/* ---------- comparatif ---------- */
.ovc-b-onglets{display:none;gap:8px;margin:0 0 16px}
.ovc-b-onglets button{
  flex:1;font-family:'Chakra Petch','Outfit',sans-serif;font-weight:700;font-size:.9rem;cursor:pointer;
  border:1px solid var(--ovc-pg-chrome);background:var(--ovc-pg-brume);color:var(--ovc-pg-doux);padding:11px;border-radius:10px;
}
.ovc-b-onglets button[aria-selected="true"]{background:#fff;border-color:var(--ovc-pg-bleu);color:var(--ovc-pg-bleu)}
.ovc-page-corps .ovc-b-compare thead th{font-family:'Chakra Petch','Outfit',sans-serif}
.ovc-page-corps .ovc-b-compare tbody th{font-weight:600;color:var(--ovc-pg-doux);width:30%;background:none}
/* Les deux offres portent la meme couleur que sur l'accueil : bleu pour le
   rachat direct, jaune pour l'intermediation. Le bleu est ecrit en clair et
   non pris dans la variable de page, que la page d'intermediation remplace
   par du jaune. Encre sur l'aplat jaune, jamais de blanc. */
.ovc-page-corps .ovc-b-compare thead th.ovc-b-col-a{background:#0A6CF1;color:#fff}
.ovc-page-corps .ovc-b-compare thead th.ovc-b-col-b{background:var(--ovc-jaune);color:var(--ovc-sur-jaune)}
.ovc-page-corps .ovc-b-compare tbody .ovc-b-col-a{background:rgba(10,108,241,.055)}
.ovc-page-corps .ovc-b-compare tbody .ovc-b-col-b{background:rgba(251,234,50,.13)}
.ovc-b-onglets button[data-vue="a"][aria-selected="true"]{background:#0A6CF1;border-color:#0A6CF1;color:#fff}
.ovc-b-onglets button[data-vue="b"][aria-selected="true"]{background:var(--ovc-jaune);border-color:var(--ovc-jaune-fonce);color:var(--ovc-sur-jaune)}

/* ---------- contour des tableaux ---------- */
.ovc-page-corps table{
  border:2px solid var(--ovc-pg-chrome-fort);border-radius:12px;
  box-shadow:0 8px 24px rgba(11,27,51,.07);
}
.ovc-page-corps table thead th{
  background:#E8F1FE;color:var(--ovc-pg-encre);
  border-bottom:2px solid var(--ovc-pg-bleu);
}
.ovc-page-corps table th,
.ovc-page-corps table td{border-bottom:1px solid var(--ovc-pg-chrome-fort)}
.ovc-page-corps table tbody th{background:var(--ovc-pg-brume);border-right:1px solid var(--ovc-pg-chrome-fort)}
.ovc-page-corps table tbody td:not(:last-child){border-right:1px solid var(--ovc-pg-chrome-fort)}
.ovc-page-corps table thead th:not(:last-child){border-right:1px solid var(--ovc-pg-chrome-fort)}
.ovc-page-corps table tbody tr:last-child th,
.ovc-page-corps table tbody tr:last-child td{border-bottom:0}

/* ---------- encadre a retenir ---------- */
.ovc-page-corps .ovc-b-retenir{
  background:var(--ovc-pg-brume);border-left:3px solid var(--ovc-pg-bleu);border-radius:0 12px 12px 0;padding:24px 26px;margin:0;
}
.ovc-page-corps .ovc-b-retenir h3{margin:0 0 10px}

/* ---------- appel a l'action ---------- */
.ovc-page-corps .ovc-b-appel{background:var(--ovc-pg-bleu);color:#fff;text-align:center}
.ovc-page-corps .ovc-b-appel h2,.ovc-page-corps .ovc-b-appel h3{color:#fff;margin:0 0 12px}
.ovc-page-corps .ovc-b-appel p{color:rgba(255,255,255,.92);margin:0 auto 26px;max-width:52ch}
.ovc-b-boutons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.ovc-page-corps .ovc-b-bouton{
  display:inline-flex;align-items:center;gap:9px;text-decoration:none;padding:15px 28px;border-radius:10px;
  font-family:'Chakra Petch','Outfit',sans-serif;font-weight:700;font-size:1.05rem;transition:transform .18s,background .2s;
}
.ovc-page-corps .ovc-b-bouton-clair{background:#fff;color:var(--ovc-pg-bleu)}
.ovc-page-corps .ovc-b-bouton-plein{background:var(--ovc-pg-bleu);color:#fff}
.ovc-page-corps .ovc-b-bouton-plein:hover{background:var(--ovc-pg-bleu-fonce);color:#fff}
.ovc-page-corps .ovc-b-bouton-ligne{border:2px solid rgba(255,255,255,.6);color:#fff}
.ovc-page-corps .ovc-b-bouton:active{transform:translateY(1px)}
.ovc-page-corps .ovc-b-appel-tel{display:block;margin-top:26px;color:#fff}
.ovc-page-corps .ovc-b-appel-tel a{color:#fff;font-weight:700;text-decoration:none;border-bottom:2px solid rgba(255,255,255,.5)}

/* ---------- barre fixe mobile ---------- */
.ovc-b-barre{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:40;gap:10px;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.96);border-top:1px solid var(--ovc-pg-chrome);
}
.ovc-b-barre a{
  flex:1;justify-content:center;display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  font-family:'Chakra Petch','Outfit',sans-serif;font-weight:700;font-size:1rem;padding:13px;border-radius:10px;
}
.ovc-b-barre .ovc-b-appelez{background:var(--ovc-pg-bleu);color:#fff;flex:0 0 76px;padding-left:0;padding-right:0}
.ovc-b-barre .ovc-b-wa{background:var(--ovc-pg-succes);color:#fff}

/* ---------- apparition au defilement ---------- */
.ovc-b-rev{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
.ovc-b-rev.ovc-b-vue{opacity:1;transform:none}

@media (max-width:900px){
  .ovc-page-corps .ovc-b-chiffres,
  .ovc-page-corps .ovc-b-rea,
  .ovc-page-corps .ovc-b-cartes{grid-template-columns:1fr;gap:10px}
  .ovc-b-appli{grid-template-columns:1fr;gap:30px}
  .ovc-b-contact{grid-template-columns:1fr;gap:26px}
  .ovc-b-carte-form{padding:22px 18px}
  .ovc-b-duo{grid-template-columns:1fr;gap:12px}
  .ovc-page-corps .ovc-b-panneau{padding:22px 20px}
  .ovc-b-portrait{grid-template-columns:1fr;gap:24px}
  .ovc-b-portrait-cadre{max-width:260px;margin:0 auto}
  .ovc-b-portrait-cadre::before{display:none}
  .ovc-b-scene{order:-1}
  .ovc-b-tel{width:216px;height:440px}
  .ovc-b-bulle{right:-4px;max-width:170px;font-size:.84rem}
  .ovc-b-jeton{left:-4px}
  .ovc-b-onglets{display:flex}
  .ovc-page-corps .ovc-b-compare .ovc-b-col-b{display:none}
  .ovc-page-corps .ovc-b-compare.ovc-b-vue-b .ovc-b-col-a{display:none}
  .ovc-page-corps .ovc-b-compare.ovc-b-vue-b .ovc-b-col-b{display:table-cell}
  .ovc-page-corps table tbody td:not(:last-child),
  .ovc-page-corps table thead th:not(:last-child){border-right:0}
  .ovc-page-corps table tbody th{border-right:1px solid var(--ovc-pg-chrome-fort)}
  .ovc-b-chiffre:hover,.ovc-b-atout:hover,.ovc-b-carte:hover{transform:none;box-shadow:0 10px 30px rgba(11,27,51,.07)}
  .ovc-b-barre{display:flex}
  body.ovc-interieure{padding-bottom:76px}
  .ovc-page-corps .ovc-b-bande{padding:44px 0}
}

@media (prefers-reduced-motion:reduce){
  .ovc-b-rev,.ovc-b-etape{opacity:1;transform:none;transition:none}
  .ovc-b-trace,.ovc-page-corps .ovc-b-ecran img{transition:none}
  .ovc-b-halo,.ovc-b-balayage{animation:none}
}
/* ---------- en bref (pages de departement) ---------- */
.ovc-page-corps .ovc-b-enbref .ovc-b-enbref-titre{margin:0 0 8px;font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ovc-pg-bleu)}
.ovc-page-corps .ovc-b-enbref p{margin:0}
.ovc-page-corps .ovc-b-enbref p + p{margin-top:0}