/* ============================================================
   En-tete du simulateur
   Styles extraits des attributs inline de simulateur.html.
   Cette page a son propre reset : elle ne charge pas site.css,
   les valeurs sont donc ecrites en dur plutot qu'en variables.
   ============================================================ */

.sim-header{background:#FBF8F0;border-bottom:1px solid rgba(34,26,18,.12)}
.sim-header__inner{width:min(1060px,100% - clamp(32px,5vw,72px));margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding-block:12px}
.sim-header__inner--large{width:min(1160px,100% - clamp(32px,5vw,72px))}
.sim-header__inner--etroit{width:min(920px,100% - 48px);gap:12px 20px}

.sim-logo{display:flex;align-items:center;gap:11px;min-height:44px;color:inherit}
.sim-logo img{width:34px;height:34px;object-fit:contain}
.sim-logo span{font-size:18px;font-weight:600;letter-spacing:-.025em;white-space:nowrap}
.sim-logo span span{color:#B4501F}

/* Nav : meme rendu que .site-nav ul a de styles/site.css
   (Hanken Grotesk, casse normale, 16px/600, gris puis encre au survol).
   Cette page ne charge pas site.css : les valeurs sont recopiees ici. */
.sim-nav{margin-left:auto;display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px}
.sim-nav a{display:inline-flex;align-items:center;min-height:44px;font-family:'Hanken Grotesk','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:-.005em;color:#5C584C;white-space:nowrap}
.sim-nav a:hover{color:#221A12}

/* Bouton d'appel : reprise de .btn.btn--sm de styles/site.css. */
.sim-nav .sim-cta{justify-content:center;padding:11px 20px;background:#B4501F;color:#FBF8F0;border-radius:14px;font-size:15px;font-weight:700;line-height:1.2;transition:background .25s ease}
.sim-nav .sim-cta:hover{background:#983E13;color:#FBF8F0}

.sim-header__duree{margin-left:auto;font-family:'Hanken Grotesk','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#5C584C}
.sim-header__date{font-family:'Hanken Grotesk','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:11.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#463423}

/* ============================================================
   Pied de page
   Meme rendu que .site-foot / .foot-in / .on-dark a de styles/site.css.
   ============================================================ */

.sim-foot{background:#463423;color:rgba(251,248,240,.6);border-top:1px solid rgba(251,248,240,.16);padding-block:32px;margin-top:64px}
.sim-foot__inner{width:min(920px,100% - 48px);margin-inline:auto;display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between;font-family:'Hanken Grotesk','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:clamp(11px,.78vw,13px);letter-spacing:.05em}
.sim-foot ul{list-style:none;display:flex;flex-wrap:wrap;gap:12px 24px;margin:0;padding:0}
.sim-foot a,.sim-foot__cookies{display:inline-block;padding-block:6px;color:#DBAC92}
.sim-foot a:hover,.sim-foot__cookies:hover{color:#EFD3C1}
.sim-foot__cookies{background:none;border:0;cursor:pointer;font:inherit;letter-spacing:inherit}

/* Sous 560px la nav passe sous le logo, d'un bloc et non ligne a ligne. */
@media (max-width:560px){
  .sim-nav{gap:10px 16px}
  .sim-nav .sim-cta{padding:11px 16px}
}

@media (prefers-reduced-motion:reduce){.sim-nav .sim-cta{transition:none}}

/* Police mono retiree du site : les styles inline de simulateur.html
   qui la nomment encore passent en Hanken Grotesk. A supprimer quand
   ces attributs seront nettoyes a la prochaine edition de la page. */
[style*="IBM Plex Mono"]{font-family:'Hanken Grotesk','Helvetica Neue',Helvetica,Arial,sans-serif!important}