/*
RMD Bâtiment — PC-only tweaks (≥769px)
---------------------------------------
Ici, on met UNIQUEMENT les différences desktop vs mobile.
*/
@media (min-width: 769px){
  /* Exemple: taille de titre un peu plus généreuse en desktop */
  .hero h1{ font-size: clamp(2rem, 3vw + 1rem, 3.2rem); }
  /* La nav complète reste visible (en mobile, elle est masquée) */
  .site-header nav{ display:block }
}

/* === Header variants for Layout Switcher === */
@media (min-width: 769px){
  /* Centered */
  body.hdr-centered .site-header .nav{display:block; text-align:center; padding:18px 0}
  body.hdr-centered .brand{justify-content:center}
  body.hdr-centered nav ul{justify-content:center; margin-top:10px}

  /* Compact */
  body.hdr-compact .site-header .nav{gap:.8rem}
  body.hdr-compact .brand b{font-size:1rem}
  body.hdr-compact nav a{height:36px; padding:0 .7rem}
}

/* Topline (shown only when hdr-topline is present) */
.topline{display:none}
body.hdr-topline .topline{
  display:block; background:var(--panel); border-bottom:1px solid var(--line); font-size:.95rem
}
body.hdr-topline .topline .container{
  display:flex; gap:1rem; align-items:center; justify-content:space-between; padding:.4rem 0
}
body.hdr-topline .topline .mini{display:flex; gap:.6rem; align-items:center; color:var(--muted)}