:root{
  --v-ink:#2F4858;
  --v-sand:#D9B48F;
  --v-bg:#FAF8F5;
}

/* Neutralise l'en-tete natif Astra pour eviter tout conflit (transparent header, hooks Site Builder, etc.) */
#masthead, .site-header, .ast-header-break-point .site-header{
  display:none !important;
}

.v-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:16px 32px;
  background:var(--v-bg);
  padding:20px 40px;
  position:relative;
  z-index:20;
}

.v-header__brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
}

.v-header__brand img{
  height:40px;
  width:auto;
  display:block;
}

.v-header__brand span{
  font-family:"Source Serif 4", Georgia, serif;
  font-weight:700;
  font-size:22px;
  color:var(--v-ink);
  line-height:1;
}

.v-header__nav{
  display:flex;
  align-items:center;
  gap:32px;
  flex-wrap:wrap;
}

.v-header__nav a{
  font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size:16px;
  color:var(--v-ink);
  text-decoration:none;
}

.v-header__nav a:hover{
  text-decoration:underline;
  text-decoration-color:var(--v-sand);
  text-underline-offset:4px;
}

.v-header__toggle{
  display:none;
  background:none;
  border:none;
  cursor:pointer;
  padding:6px;
}

.v-header__toggle span{
  display:block;
  width:24px;
  height:2px;
  background:var(--v-ink);
  margin:5px 0;
}

@media (max-width:768px){
  .v-header__nav{
    display:none;
    width:100%;
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
    padding-top:16px;
  }
  .v-header__nav.is-open{
    display:flex;
  }
  .v-header__toggle{
    display:block;
  }
}