/* Ovecar - styles globaux : charte, en-tete et pied de page, charges sur tout le site */

/* ─── CHARTE : jaune intermediation ───
   Seconde couleur de la charte Ovecar. Le bleu reste la couleur du rachat
   direct, le jaune identifie la vente accompagnee. Texte toujours en encre
   sur un aplat jaune : le blanc sur jaune est illisible. */
:root{
  --ovc-jaune:#FBEA32;
  --ovc-jaune-fonce:#EBD805;
  --ovc-jaune-clair:#FCEF64;
  --ovc-jaune-profond:#FAE714;
  --ovc-jaune-texte:#0B1B33;
  --ovc-jaune-lien:#0B1B33;
  --ovc-sur-jaune:#0B1B33;
  --ovc-ombre-jaune:rgba(251,234,50,.35);
}

/* ─── EN-TETE ─── */

/* l'elargissement de l'accueil ne doit pas toucher l'en-tete */
body.ovc-home-page .site-header .site-container,
body.ovc-interieure .site-header .site-container{
  max-width:var(--global-content-width,1290px);
  margin-left:auto;margin-right:auto;
  padding-left:1.5rem;padding-right:1.5rem;
}

/* menu centre, actions poussees a droite */
.site-header-row .site-header-section-right{flex:1 1 auto}
.header-navigation ul.header-menu-container,
.header-navigation > ul{display:flex;align-items:center;width:100%;gap:6px}
.header-navigation > ul > li:first-child,
.header-navigation ul.header-menu-container > li:first-child{margin-left:auto}
.header-navigation ul > li.ovc-menu-tel{margin-left:auto;padding-left:46px}
.header-navigation ul > li.ovc-menu-cta{margin-left:26px}

/* menu : l'en-tete est plein, ce retrait de 46 px equilibre l'ecart logo / premiere entree et derniere entree / telephone (5 entrees) */

/* sous-menus : fond clair, harmonise avec le reste */
.header-navigation ul ul.sub-menu,
.header-navigation .sub-menu{
  background:#fff;
  border:1px solid #E9EDF3;
  border-radius:12px;
  box-shadow:0 18px 40px rgba(11,27,51,.14);
  padding:8px;
  min-width:230px;
}
.header-navigation ul ul.sub-menu li,
.header-navigation .sub-menu li{border:none}
.header-navigation ul ul.sub-menu li a,
.header-navigation .sub-menu li a{
  color:#0B1B33;
  background:none;
  border-radius:8px;
  padding:10px 14px;
  font-weight:500;
  transition:background .18s,color .18s;
}
.header-navigation ul ul.sub-menu li a:hover,
.header-navigation ul ul.sub-menu li a:focus-visible,
.header-navigation .sub-menu li a:hover,
.header-navigation .sub-menu li a:focus-visible{
  background:#F4F6FA;
  color:#0A6CF1;
}

/* le nom du site fait doublon avec le logo */
.site-branding .site-title,
.site-branding .site-description{
  position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;
}

/* ---------- logo de l'en-tete ----------
   Le logo vient des reglages du site. On borne sa hauteur pour qu'il ne
   fasse pas grandir la rangee de l'en-tete. */
#masthead .site-branding .custom-logo{height:46px;width:auto;max-width:none}

/* menu principal centre entre le logo et le telephone */
.site-header-main-section-center,
.header-navigation .header-menu-container{justify-content:center}
.site-header-row .site-header-section-left{flex:0 0 auto}
.site-header-row .site-header-section-center{flex:1 1 auto;justify-content:center}
.site-header-row .site-header-section-right{flex:0 0 auto}

.header-navigation ul li a{
  font-family:'Manrope','DM Sans',system-ui,sans-serif;
  font-weight:600;
  padding-left:14px;padding-right:14px;
}

/* le numero de telephone : simple lien avec pictogramme */
.ovc-menu-tel > a,
.header-navigation ul > li.ovc-menu-tel > a,
.header-navigation ul > li.ovc-menu-tel > a *{color:#0A6CF1 !important}
.ovc-menu-tel > a,
.header-navigation ul > li.ovc-menu-tel > a{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px;
  font-family:'Chakra Petch','Outfit',sans-serif;font-weight:700;font-size:1.02rem;
  border:none;background:none;
  padding:9px 4px;line-height:1.2;
  transition:color .2s;
}
.header-navigation ul > li.ovc-menu-tel > a > *{display:inline-flex;align-items:center}
.ovc-menu-tel > a::before{
  content:"";
  width:17px;height:17px;flex:none;display:block;align-self:center;
  background-color:#0A6CF1;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M6.6%2010.8c1.4%202.8%203.8%205.2%206.6%206.6l2.2-2.2c.3-.3.7-.4%201-.2%201.1.4%202.3.6%203.6.6.6%200%201%20.4%201%201V20c0%20.6-.4%201-1%201C10.6%2021%203%2013.4%203%204c0-.6.4-1%201-1h3.5c.6%200%201%20.4%201%201%200%201.2.2%202.4.6%203.6.1.4%200%20.7-.2%201l-2.3%202.2z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M6.6%2010.8c1.4%202.8%203.8%205.2%206.6%206.6l2.2-2.2c.3-.3.7-.4%201-.2%201.1.4%202.3.6%203.6.6.6%200%201%20.4%201%201V20c0%20.6-.4%201-1%201C10.6%2021%203%2013.4%203%204c0-.6.4-1%201-1h3.5c.6%200%201%20.4%201%201%200%201.2.2%202.4.6%203.6.1.4%200%20.7-.2%201l-2.3%202.2z'/%3E%3C/svg%3E");
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
}
.ovc-menu-tel > a:hover::before,
.ovc-menu-tel > a:focus-visible::before{background-color:#0554C4}
.ovc-menu-tel > a:hover,
.ovc-menu-tel > a:focus-visible{color:#0554C4}
.ovc-menu-tel .nav-drop-title-wrap::after{display:none}

@media (max-width:1024px){
  .ovc-menu-tel > a{padding:9px 0;background:none}
  .ovc-menu-cta > a{width:100%;justify-content:center}
  .header-navigation > ul > li:first-child,
  .header-navigation ul.header-menu-container > li:first-child,
  .header-navigation ul > li.ovc-menu-tel{margin-left:0}
  .header-navigation ul.header-menu-container,
  .header-navigation > ul{flex-direction:column;align-items:stretch;gap:2px}
}

/* bouton d'action principal du menu */
.ovc-menu-cta > a,
.header-navigation ul > li.ovc-menu-cta > a{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:'Manrope','DM Sans',sans-serif;font-weight:700;font-size:1rem;
  background:#0A6CF1;color:#fff;border-radius:10px;
  padding:12px 24px;line-height:1.2;
  transition:background .2s,transform .18s;
}
.ovc-menu-cta > a,
.ovc-menu-cta > a *,
.header-navigation ul > li.ovc-menu-cta > a,
.header-navigation ul > li.ovc-menu-cta > a *{color:#fff !important}
.ovc-menu-cta > a:hover,
.ovc-menu-cta > a:focus-visible,
.header-navigation ul > li.ovc-menu-cta > a:hover{background:#0554C4;color:#fff}
.ovc-menu-cta > a:active{transform:translateY(1px)}
.ovc-menu-cta .nav-drop-title-wrap::after{display:none}

/* ─── TELEPHONES 6,3 a 6,9 pouces : 360 a 440 px ─── */
@media (max-width:480px){
  .ovc-pied-enveloppe{padding:0 18px}
  .ovc-pied{font-size:.92rem}
  .ovc-pied p{max-width:none}
  .ovc-pied-bas{flex-direction:column;gap:8px}
  .ovc-menu-tel > a,
  .ovc-menu-cta > a{font-size:1.02rem}
  .site-header-row .site-header-section{gap:8px}
  .site-branding img,
  .custom-logo{max-width:132px;height:auto}
  #masthead .site-branding .custom-logo{height:38px}
}

/* ─── PIED DE PAGE ─── */

.ovc-pied{
  --ovc-p-encre:#0B1B33;
  --ovc-p-doux:#41536E;
  --ovc-p-bleu:#0A6CF1;
  --ovc-p-chrome:#B8C0CF;
  background:linear-gradient(180deg,#F7F8FB 0%,#EEF1F5 50%,#E4E8EE 100%);
  border-top:1px solid #fff;
  color:var(--ovc-p-doux);
  font-family:'Manrope','DM Sans',system-ui,sans-serif;
  font-size:.94rem;
  line-height:1.65;
  padding:60px 0 30px;
  position:relative;
}
.ovc-pied::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.6) 48%,rgba(255,255,255,0) 62%);
}
.ovc-pied > *{position:relative;z-index:1}
.ovc-pied-enveloppe{max-width:1140px;margin:0 auto;padding:0 24px}
.ovc-pied-grille{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1fr;gap:28px}
.ovc-pied-marque{
  font-family:'Sora','Outfit',system-ui,sans-serif;font-weight:700;font-size:1.35rem;
  letter-spacing:-.03em;color:var(--ovc-p-encre);margin-bottom:12px;display:block;
}
.ovc-pied-marque span{color:var(--ovc-p-bleu)}
.ovc-pied-logo{display:block;width:186px;height:auto;margin:0 0 14px}
.ovc-pied p{max-width:36ch;margin:0}
.ovc-pied h2{
  font-family:'Chakra Petch','Outfit',sans-serif;font-size:.8rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ovc-p-encre);margin:0 0 14px;font-weight:700;
}
.ovc-pied a{color:inherit;text-decoration:none;transition:color .2s}
.ovc-pied nav a{display:block;padding:5px 0}
/* au doigt, une cible de moins de 44px se rate une fois sur trois */
@media (max-width:900px){.ovc-pied nav a{padding:11px 0}}
.ovc-pied a:hover,.ovc-pied a:focus-visible{color:var(--ovc-p-bleu)}
.ovc-pied-tel{
  display:inline-block;margin-top:18px;font-family:'Chakra Petch','Outfit',sans-serif;
  font-weight:700;font-size:1.25rem;letter-spacing:.02em;color:var(--ovc-p-encre);
}
.ovc-pied-bas{
  margin-top:44px;padding-top:22px;border-top:1px solid var(--ovc-p-chrome);
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.86rem;
}
.ovc-pied :focus-visible{outline:3px solid #3D9BFF;outline-offset:3px}

@media (max-width:900px){
  .ovc-pied-grille{grid-template-columns:1fr;gap:30px}
  .ovc-pied{padding:44px 0 26px}
}

/* au telephone, trois colonnes de liens empilees font a elles seules un
   ecran et demi : on les met deux par deux, le bloc de marque au-dessus */
@media (max-width:600px){
  .ovc-pied-grille{grid-template-columns:1fr 1fr;gap:20px 18px}
  .ovc-pied-grille > div:first-child{grid-column:1 / -1}
  .ovc-pied{padding:34px 0 22px}
  .ovc-pied-bas{margin-top:28px}
}

/* ---------- entete ----------
   Le maintien en haut d'ecran et le resserrement sont geres par Kadence
   (entete collante + hauteur reduite). On n'ajoute ici que l'ombre de detachement. */
#masthead{transition:box-shadow .25s ease}
body.ovc-defile #masthead{box-shadow:0 6px 20px rgba(11,27,51,.08)}

/* ---------- entree de menu de la page affichee ---------- */
#masthead .menu > li.ovc-menu-actif > a{
  background:#EEF1F6;border-radius:9px;
}
#masthead .menu > li.ovc-menu-actif > a:hover{background:#E4E9F1}

@media (prefers-reduced-motion:reduce){
  #masthead{transition:none}
}

/* ---------- pictogrammes de contact ----------
   Le combine et WhatsApp de la barre fixe du telephone, et le picto de
   l'entree WhatsApp du menu. Masque SVG : la teinte suit celle du texte. */
.ovc-ico-tel,
.ovc-ico-wa{
  width:21px;height:21px;flex:none;display:block;
  background-color:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
}
.ovc-ico-tel{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M6.6%2010.8c1.4%202.8%203.8%205.2%206.6%206.6l2.2-2.2c.3-.3.7-.4%201-.2%201.1.4%202.3.6%203.6.6.6%200%201%20.4%201%201V20c0%20.6-.4%201-1%201C10.6%2021%203%2013.4%203%204c0-.6.4-1%201-1h3.5c.6%200%201%20.4%201%201%200%201.2.2%202.4.6%203.6.1.4%200%20.7-.2%201l-2.3%202.2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M6.6%2010.8c1.4%202.8%203.8%205.2%206.6%206.6l2.2-2.2c.3-.3.7-.4%201-.2%201.1.4%202.3.6%203.6.6.6%200%201%20.4%201%201V20c0%20.6-.4%201-1%201C10.6%2021%203%2013.4%203%204c0-.6.4-1%201-1h3.5c.6%200%201%20.4%201%201%200%201.2.2%202.4.6%203.6.1.4%200%20.7-.2%201l-2.3%202.2z'/%3E%3C/svg%3E")}
.ovc-ico-wa{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20fill-rule='evenodd'%20d='M12%201.8a10.2%2010.2%200%200%200-8.8%2015.4L1.7%2022.3l5.3-1.4A10.2%2010.2%200%201%200%2012%201.8m0%202a8.2%208.2%200%201%201-4.3%2015.2l-.4-.2-2.8.7.8-2.7-.3-.4A8.2%208.2%200%200%201%2012%203.8'/%3E%3Cpath%20fill='black'%20d='M9.3%207.6c-.2-.5-.4-.5-.6-.5h-.5c-.2%200-.5.1-.7.3-.3.3-.9.9-.9%202.1s.9%202.4%201%202.6c.1.2%201.8%202.8%204.4%203.9%202.2.9%202.6.7%203.1.6.5%200%201.5-.6%201.7-1.2.2-.6.2-1.1.2-1.2-.1-.1-.3-.2-.5-.3-.3-.1-1.5-.8-1.8-.8-.2-.1-.4-.1-.6.1-.2.3-.6.8-.8%201-.1.2-.3.2-.5.1-.3-.1-1.1-.4-2.1-1.3-.8-.7-1.3-1.5-1.4-1.8-.2-.2%200-.4.1-.5l.4-.5.2-.4v-.4c0-.2-.6-1.4-.7-1.8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20fill-rule='evenodd'%20d='M12%201.8a10.2%2010.2%200%200%200-8.8%2015.4L1.7%2022.3l5.3-1.4A10.2%2010.2%200%201%200%2012%201.8m0%202a8.2%208.2%200%201%201-4.3%2015.2l-.4-.2-2.8.7.8-2.7-.3-.4A8.2%208.2%200%200%201%2012%203.8'/%3E%3Cpath%20fill='black'%20d='M9.3%207.6c-.2-.5-.4-.5-.6-.5h-.5c-.2%200-.5.1-.7.3-.3.3-.9.9-.9%202.1s.9%202.4%201%202.6c.1.2%201.8%202.8%204.4%203.9%202.2.9%202.6.7%203.1.6.5%200%201.5-.6%201.7-1.2.2-.6.2-1.1.2-1.2-.1-.1-.3-.2-.5-.3-.3-.1-1.5-.8-1.8-.8-.2-.1-.4-.1-.6.1-.2.3-.6.8-.8%201-.1.2-.3.2-.5.1-.3-.1-1.1-.4-2.1-1.3-.8-.7-1.3-1.5-1.4-1.8-.2-.2%200-.4.1-.5l.4-.5.2-.4v-.4c0-.2-.6-1.4-.7-1.8z'/%3E%3C/svg%3E")}

/* ---------- entree WhatsApp du menu ----------
   Meme mecanique que l'entree telephone, en vert. */
.ovc-menu-wa > a,
.header-navigation ul > li.ovc-menu-wa > a,
.header-navigation ul > li.ovc-menu-wa > a *{color:#12A150 !important}
.ovc-menu-wa > a,
.header-navigation ul > li.ovc-menu-wa > a{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px;
  font-family:'Chakra Petch','Outfit',sans-serif;font-weight:700;font-size:1.02rem;
  border:none;background:none;
  padding:9px 4px;line-height:1.2;
  transition:color .2s;
}
.header-navigation ul > li.ovc-menu-wa > a > *{display:inline-flex;align-items:center}
.ovc-menu-wa > a::before{
  content:"";
  width:19px;height:19px;flex:none;display:block;align-self:center;
  background-color:#12A150;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20fill-rule='evenodd'%20d='M12%201.8a10.2%2010.2%200%200%200-8.8%2015.4L1.7%2022.3l5.3-1.4A10.2%2010.2%200%201%200%2012%201.8m0%202a8.2%208.2%200%201%201-4.3%2015.2l-.4-.2-2.8.7.8-2.7-.3-.4A8.2%208.2%200%200%201%2012%203.8'/%3E%3Cpath%20fill='black'%20d='M9.3%207.6c-.2-.5-.4-.5-.6-.5h-.5c-.2%200-.5.1-.7.3-.3.3-.9.9-.9%202.1s.9%202.4%201%202.6c.1.2%201.8%202.8%204.4%203.9%202.2.9%202.6.7%203.1.6.5%200%201.5-.6%201.7-1.2.2-.6.2-1.1.2-1.2-.1-.1-.3-.2-.5-.3-.3-.1-1.5-.8-1.8-.8-.2-.1-.4-.1-.6.1-.2.3-.6.8-.8%201-.1.2-.3.2-.5.1-.3-.1-1.1-.4-2.1-1.3-.8-.7-1.3-1.5-1.4-1.8-.2-.2%200-.4.1-.5l.4-.5.2-.4v-.4c0-.2-.6-1.4-.7-1.8z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20fill-rule='evenodd'%20d='M12%201.8a10.2%2010.2%200%200%200-8.8%2015.4L1.7%2022.3l5.3-1.4A10.2%2010.2%200%201%200%2012%201.8m0%202a8.2%208.2%200%201%201-4.3%2015.2l-.4-.2-2.8.7.8-2.7-.3-.4A8.2%208.2%200%200%201%2012%203.8'/%3E%3Cpath%20fill='black'%20d='M9.3%207.6c-.2-.5-.4-.5-.6-.5h-.5c-.2%200-.5.1-.7.3-.3.3-.9.9-.9%202.1s.9%202.4%201%202.6c.1.2%201.8%202.8%204.4%203.9%202.2.9%202.6.7%203.1.6.5%200%201.5-.6%201.7-1.2.2-.6.2-1.1.2-1.2-.1-.1-.3-.2-.5-.3-.3-.1-1.5-.8-1.8-.8-.2-.1-.4-.1-.6.1-.2.3-.6.8-.8%201-.1.2-.3.2-.5.1-.3-.1-1.1-.4-2.1-1.3-.8-.7-1.3-1.5-1.4-1.8-.2-.2%200-.4.1-.5l.4-.5.2-.4v-.4c0-.2-.6-1.4-.7-1.8z'/%3E%3C/svg%3E");
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
}
.ovc-menu-wa > a:hover::before,
.ovc-menu-wa > a:focus-visible::before{background-color:#0E8341}
.ovc-menu-wa > a:hover,
.ovc-menu-wa > a:focus-visible{color:#0E8341}
.ovc-menu-wa .nav-drop-title-wrap::after{display:none}

/* l'entree WhatsApp est faite pour le menu deroulant du telephone.
   Dans l'entete large, la rangee est deja complete : on l'y masque. */
#main-header li.ovc-menu-wa{display:none}

@media (max-width:1024px){
  .ovc-menu-wa > a{padding:9px 0;background:none}
  .header-navigation ul > li.ovc-menu-wa{margin-left:0}
}