/* ======================================================
   MENU COMMUN — alpaga | atelier d’architecture
   Stable / Desktop + Mobile
====================================================== */

:root{
  --accent:#eba92b;
  --line:rgba(0,0,0,.12);
  --ink:#111;
}

/* ===== HEADER ===== */
header{
  position:sticky;
  top:0;
  z-index:9999;              /* Toujours au-dessus */
  background:#fff;
  border-bottom:1px solid var(--line);
}

#site-header{
  position:relative;
  z-index:9999;              /* Sécurise le fetch */
}

.nav{
  max-width:1200px;
  margin:auto;
  padding:14px 24px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

/* ===== LOGO TEXTE CLIQUABLE ===== */
.logo{
  font-family:"Playfair Display", serif;
  font-size:18px;
}

.logo span{
  font-size:24px;
}

.logo a{
  display:inline-block;      /* Surface cliquable */
  text-decoration:none;
  color:var(--ink);
  cursor:pointer;
}

/* ===== MENU DESKTOP ===== */
.menu{
  display:flex;
}

.menu a{
  margin-left:28px;
  text-decoration:none;
  color:var(--ink);
  font-size:15px;
  font-family:"Playfair Display", serif;
}

/* ===== BURGER ===== */
.burger{
  display:none;
  background:none;
  border:none;
  font-size:28px;
  color:var(--accent);
  cursor:pointer;
}

/* ===== MENU MOBILE ===== */
.mobile-menu{
  display:none;
  position:absolute;
  top:100%;
  right:24px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  padding:16px 20px;
  flex-direction:column;
  gap:14px;
  z-index:10000;
  min-width:220px;
}

.mobile-menu a{
  font-family:"Playfair Display", serif;
  font-size:18px;
  color:var(--ink);
  text-decoration:none;
}

/* ======================================================
   RESPONSIVE
====================================================== */

@media(max-width:900px){

  .menu{
    display:none;
  }

  .burger{
    display:block;
  }

  .nav{
    justify-content:center;
  }

  .logo{
    text-align:center;
  }

  .burger{
    position:absolute;
    right:24px;
  }
}