/* ID EAU Conseil — styles communs. La mise en page vient des styles en ligne de la maquette ;
   ce fichier ne porte que la police, les survols (style-hover de la maquette) et les états pilotés par site.js. */
@font-face{font-family:'Public Sans';font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fonts/public-sans-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Public Sans';font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fonts/public-sans-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

body{margin:0;background:#fff;font-family:'Public Sans',sans-serif;-webkit-font-smoothing:antialiased;color:#2B2E33}
a{color:#5E7A12;text-decoration:none}a:hover{color:#2B2E33}
*{box-sizing:border-box}
:focus-visible{outline:2px solid #A8C038;outline-offset:3px}
@keyframes idspin{to{transform:rotate(360deg)}}
.lien-evitement{position:absolute;left:-9999px;top:0;z-index:100;background:#1F2A2E;color:#fff;padding:12px 18px}
.lien-evitement:focus{left:12px;top:12px;color:#fff}

/* Crédit photo Unsplash */
.credit{position:absolute;left:12px;bottom:10px;font-size:11px;color:#fff;background:rgba(0,0,0,.45);padding:3px 8px}
a.credit:hover{color:#fff}

/* Survols (style-hover de la maquette) — !important car la maquette met couleurs et fonds en ligne */
.h-soft:hover{background:#F6F6F3!important;color:#2B2E33!important}
.h-card:hover{background:#2F4047!important}
.h-lime:hover{color:#C9DB6E!important}
.h-white:hover{color:#fff!important}
.h-lime-outline:hover{border-color:#C9DB6E!important;color:#C9DB6E!important}
.h-green-outline:hover{border-color:#5E7A12!important;color:#5E7A12!important}
.h-cta:hover{background:#C9DB6E!important;color:#1F2A2E!important}
.h-tint:hover{background:#EEF2DC!important;color:#2B2E33!important}
.offre:hover{color:#2B2E33!important}
.offre:hover img{transform:scale(1.05)}

/* En-tête : logo en badge en haut de page (grand écran), réduit dès qu'on défile */
.site-header{box-shadow:none}
.defile .site-header{box-shadow:0 8px 28px rgba(31,42,46,.10)}
.logo-link{position:absolute;left:0;top:-7px;padding:0;background:#fff;box-shadow:none;z-index:25;transition:all .35s cubic-bezier(.2,.7,.2,1)}
.logo-link img{height:70px;width:auto;display:block;transition:height .35s cubic-bezier(.2,.7,.2,1)}
.nav-desk{display:none}
.burger{display:flex}
.menu-mobile{display:none}
.menu-ouvert .menu-mobile{display:flex}
.res-pop{display:none}
.res.ouvert .res-pop{display:block}
@media (min-width:1280px){
  .nav-desk{display:flex}
  .burger,.menu-ouvert .menu-mobile{display:none}
  body:not(.defile) .logo-link{left:-20px;top:-12px;padding:16px 20px 18px;box-shadow:0 16px 36px rgba(31,42,46,.22)}
  body:not(.defile) .logo-link img{height:104px}
}

/* Bouton « Nous écrire » fixé en bas, sous 1 280 px, hors accueil */
.mcta{display:none}
.mcta-espace{display:none}
@media (max-width:1279px){
  .mcta{display:flex}
  .mcta-espace{display:block}
  .menu-ouvert .mcta{display:none}
}

/* Carrousel des références (accueil) */
.carrousel::-webkit-scrollbar{display:none}
.carrousel-btn[disabled]{opacity:.35;cursor:default}

/* Formulaire */
.champ::placeholder{color:#6F7F85}
.champ:focus{border-bottom-color:#C9DB6E!important}
.puce[aria-pressed="true"]{background:#C9DB6E!important;color:#1F2A2E!important;border-color:#C9DB6E!important}
.piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-encours:not([hidden]){display:flex}
.form-recu:not([hidden]){display:flex}

/* Références : 12 cartes visibles, le reste au clic */
.js .refs:not(.tout) [data-plus]{display:none!important}
.refs [data-cache]{display:none!important}

/* Liens dans les textes légaux */
article p a{color:#5E7A12;text-decoration:underline;text-underline-offset:2px}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
