/* ── STYLES COMMUNS DU PORTAIL simulateurs.newheat.fr ── */
:root {
  --navy: #252F63; --navy-dark: #1a2048; --blue: #00508F; --blue-light: #B6DFE9;
  --orange: #F0813C; --cream: #FBEFD6; --white: #FFFFFF; --gray-bg: #F4F7FA;
  --gray-border: #E2E8F0; --text: #1E293B; --text-muted: #64748B;
}

/* Menu « Nos simulateurs » (utilisé sur toutes les pages) */
.nh-menu { position: relative; font-family: 'Montserrat', sans-serif; }
.nh-menu-btn { background: none; border: none; cursor: pointer; color: #fff; font-family: inherit; font-size: 13px; font-weight: 600; padding: 8px 0; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; }
.nh-menu-btn:hover { color: var(--orange); }
.nh-short { display: none; }
.nh-menu-panel { display: none; position: absolute; right: 0; top: calc(100% + 10px); background: #fff; border-radius: 10px; box-shadow: 0 12px 40px rgba(0,0,0,0.25); padding: 8px; min-width: 290px; z-index: 1000; }
.nh-menu.ouvert .nh-menu-panel { display: block; }
.nh-menu .nh-menu-panel a { display: block !important; color: var(--navy) !important; padding: 10px 12px !important; border-radius: 6px; font-size: 13px !important; font-weight: 700 !important; text-decoration: none; background: none !important; }
.nh-menu .nh-menu-panel a small { display: block; color: var(--text-muted); font-weight: 500; font-size: 11px; margin-top: 2px; }
.nh-menu .nh-menu-panel a:hover, .nh-menu .nh-menu-panel a.actif { background: var(--gray-bg) !important; }
.nh-menu .nh-menu-panel a.nh-menu-all { border-top: 1px solid var(--gray-border); border-radius: 0 0 6px 6px; margin-top: 4px; color: var(--orange) !important; font-size: 12px !important; }
@media (max-width: 640px) {
  .nh-long { display: none; }
  .nh-short { display: inline; }
  .nh-menu-panel { position: fixed; left: 12px; right: 12px; min-width: 0; }
  /* Accueil d'un simulateur : le bouton orange de l'en-tête est masqué sur mobile (le même bouton est dans le haut de page) */
  header nav .btn-nav { display: none !important; }
}

/* Bandeau brouillon (à retirer avant mise en ligne) */
.draft-banner { background: #8a3b12; color: #fff; text-align: center; font-size: 12px; font-weight: 600; padding: 6px 12px; font-family: 'Montserrat', sans-serif; }
