/* Responsive navigation visibility */
.navbar-links-desktop {
  display: none;
}
.navbar-mobile {
  display: block;
}
@media (min-width: 1280px) {
  .navbar-links-desktop {
    display: flex !important;
    gap: 1.5em;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .navbar-links-desktop li {
    display: inline-block;
  }
  .navbar-links-desktop a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.1rem;
    padding: 0.3em 0.8em;
    border-radius: 6px;
    transition: background 0.2s, color 0.2s;
  }
  .navbar-links-desktop a:hover, .navbar-links-desktop a:focus {
    background: #ffb347;
    color: #2a3a5e;
    outline: none;
  }
  .navbar-mobile {
    display: none !important;
  }
}
/* navbar-premium.css : Styles premium pour la navbar Sazulis */
body {
  margin: 0;
  padding: 0;
}


.navbar {
  background: linear-gradient(135deg, #231810 0%, #2d1810 60%, #ab864b 100%);
  box-shadow: 0 6px 32px 0 #8d674244, 0 1px 0 #bfa76f;
  box-shadow: 0 4px 24px 0 rgba(61,44,19,0.18);
  padding: 0.7rem 3vw 0.7rem 3vw;
  position: relative;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.navbar-logo img {
  height: 2.5rem;
  vertical-align: middle;
  margin-right: 0.7rem;
  filter: drop-shadow(0 2px 8px #bfa76f);
}

.navbar {
  padding: 0.5rem 2.5vw 0.5rem 2.5vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.navbar-logo {
font-size: 2.2rem;
font-weight: 700;
color: #ffd36b;
letter-spacing: 0.03em;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 0.7rem;
text-shadow: 0 4px 18px #ffd36b, 0 1px 0 #231810;
}
.navbar-logo-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}


.navbar-subtitle {
  font-size: 1.05rem;
  color: #a48c5f;
  font-weight: 500;
  margin-top: 0.1rem;
  margin-left: 0;
  letter-spacing: 0.04em;
  text-shadow: 0 1px 8px #bfa76f40;
}

.navbar-links-desktop {
  display: flex;
  gap: 1.1rem;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}

/* Boutons navbar premium harmonisés */
.navbar-links-desktop li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #ffd36b 0%, #a48c5f 100%);
  color: #231810;
  border: none;
  border-radius: 0.9em;
  font-family: 'Montserrat', 'Cormorant Garamond', serif;
  font-weight: 700;
  font-size: 1.08em;
  padding: 0.8em 1.7em;
  box-shadow: 0 2px 12px #bfa76f44;
  cursor: pointer;
  transition: background 0.18s, color 0.18s, box-shadow 0.18s;
  text-decoration: none;
}
.navbar-links-desktop li a:hover, .navbar-links-desktop li a:focus {
  background: linear-gradient(90deg,#a48c5f 0%,#ffd36b 100%);
  color: #231810;
  box-shadow: 0 4px 16px #ffd36b88;
}
/* Suppression des propriétés orphelines hors bloc. Les styles sont déjà dans le bloc .navbar-links-desktop li a ci-dessus. */
.navbar-links-desktop li a:hover,
.navbar-links-desktop li a:focus {
  background: linear-gradient(90deg, #c7b08a 0%, #bfa76f 100%);
  color: #3d2410;
  border-color: #bfa76f;
  box-shadow: 0 6px 24px #bfa76f88, 0 0 0 3px #c7b08a;
}
.navbar-links-desktop li a[aria-current="page"] {
  background: linear-gradient(90deg, #ffd36b 0%, #a48c5f 100%);
  color: #231810;
  box-shadow: 0 0 0 4px #ffd36b, 0 2px 16px 0 #a48c5f88;
  border-color: #ffd36b;
}

.navbar-links-desktop li a:hover,
.navbar-links-desktop li a:focus {
  background: linear-gradient(90deg, #c7b08a 0%, #8d6742 100%);
  color: #bfa76f;
  border-color: #bfa76f;
  box-shadow: 0 4px 16px #bfa76f44;
}
.navbar-links-desktop li a[aria-current="page"] {
  background: #bfa76f;
  color: #fff;
  box-shadow: 0 0 0 3px #bfa76f, 0 2px 12px 0 rgba(191,167,111,0.13);
  border-color: #bfa76f;
}

.navbar-links-desktop li a::after {
  content: "🌰";
  margin-left: 0.7rem;
  font-size: 1.18em;
  vertical-align: middle;
  opacity: 0.7;
  transition: opacity 0.22s, transform 0.22s;
}
/* Règle unique pour l'écureuil sur les boutons navbar premium */
.navbar-links-desktop li a::after {
  content: "🐿️";
  margin-left: 0.5rem;
  font-size: 1.1em;
  vertical-align: middle;
  opacity: 0;
  transition: opacity 0.18s, transform 0.18s;
}
.navbar-links-desktop li a:hover::after,
.navbar-links-desktop li a:focus::after,
.navbar-links-desktop li a[aria-current="page"]::after {
  opacity: 1;
  color: #bfa76f;
  filter: drop-shadow(0 0 6px #bfa76f88);
}
.navbar-links-desktop li a[aria-current="page"] {
  background: #bfa76f;
  color: #fff;
  box-shadow: 0 0 0 3px #bfa76f, 0 2px 12px 0 rgba(191,167,111,0.13);
}

/* Style premium pour le bouton menu burger */
/* Le bouton burger est masqué par défaut, visible seulement en mobile/tablette */
.burger-menu {
  display: none;
}
@media (max-width: 900px) {
  .burger-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, #ffd36b 0%, #a48c5f 100%);
    color: #231810;
    font-size: 2.1rem;
    font-weight: 700;
    border: none;
    border-radius: 50px;
    box-shadow: 0 2px 12px 0 rgba(191,167,111,0.13);
    padding: 0.45rem 1.3rem;
    margin-left: auto;
    cursor: pointer;
    transition: background 0.18s, color 0.18s, box-shadow 0.18s;
    outline: none;
    position: relative;
  }
  .burger-menu:hover,
  .burger-menu:focus {
    background: linear-gradient(90deg, #a48c5f 0%, #ffd36b 100%);
    color: #231810;
    box-shadow: 0 0 0 3px #bfa76f, 0 2px 12px 0 rgba(191,167,111,0.18);
  }
  .burger-icon {
    font-size: 2.1rem;
    margin-right: 0.5rem;
    vertical-align: middle;
  }
  .burger-text {
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: #3d2410;
  }
}

@media (max-width: 900px) {
  .navbar-links-desktop {
    display: none;
  }
  .burger-menu {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    color: #bfa76f;
    font-size: 1.7rem;
    cursor: pointer;
    margin-left: auto;
  }
}

/* Mobile menu styles (optionnel, à adapter selon ton HTML) */
/* Menu mobile caché par défaut */
.navbar-links#navbarLinksMobile {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 96vw;
  max-width: 340px;
  height: 100vh;
  background: linear-gradient(135deg, rgba(23, 30, 41, 0.95) 0%, rgba(45, 24, 16, 0.95) 100%);
  color: #fff;
  border-radius: 1.2rem 0 0 1.2rem;
  box-shadow: 0 2px 8px 0 rgba(61,44,19,0.08);
  z-index: 1102;
  flex-direction: column;
  align-items: center;
  padding: 2rem 1.5rem;
  margin: 0;
}
/* Menu mobile visible quand actif */
.navbar-links#navbarLinksMobile.active {
  display: flex;
}
/* Règle unique pour l'écureuil sur les boutons navbar premium */
.navbar-links-desktop li a::after {
  content: "🐿️";
  margin-left: 0.5rem;
}

/* Boutons du menu mobile : même design que desktop */
.navbar-links#navbarLinksMobile a {
  display: block;
  background: linear-gradient(90deg, #bfa76f 0%, #8d6742 100%);
  color: #fff8ee;
  font-weight: 700;
  font-size: 1.13rem;
  border-radius: 28px;
  min-width: 110px;
  padding: 0.65rem 1.4rem 0.65rem 1.4rem;
  border: 2px solid #c7b08a;
  box-shadow: 0 2px 12px 0 #bfa76f44, 0 0 0 2px #8d674244;
  outline: none;
  text-align: center;
  transition: background 0.22s, color 0.22s, box-shadow 0.22s, border 0.22s;
  text-decoration: none;
  margin-bottom: 1.2rem;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  font-family: 'Montserrat', 'Cormorant Garamond', serif;
  letter-spacing: 0.04em;
}
.navbar-links#navbarLinksMobile a:hover,
.navbar-links#navbarLinksMobile a:focus {
  background: linear-gradient(90deg, #c7b08a 0%, #bfa76f 100%);
  color: #3d2410;
  border-color: #bfa76f;
  box-shadow: 0 6px 24px #bfa76f88, 0 0 0 3px #c7b08a;
}
.navbar-links#navbarLinksMobile a[aria-current="page"] {
  background: linear-gradient(90deg, #bfa76f 0%, #c7b08a 100%);
  color: #3d2410;
  box-shadow: 0 0 0 4px #bfa76f, 0 2px 16px 0 #c7b08a88;
  border-color: #bfa76f;
}
.navbar-links#navbarLinksMobile a:hover,
.navbar-links#navbarLinksMobile a:focus {
  background: linear-gradient(90deg, #c7b08a 0%, #8d6742 100%);
  color: #bfa76f;
  border-color: #bfa76f;
  box-shadow: 0 4px 16px #bfa76f44;
}
.navbar-links#navbarLinksMobile a[aria-current="page"] {
  background: #bfa76f;
  color: #fff;
  box-shadow: 0 0 0 3px #bfa76f, 0 2px 12px 0 rgba(191,167,111,0.13);
  border-color: #bfa76f;
}
/* Ajout de l'écureuil sur les boutons du menu mobile */
.navbar-links#navbarLinksMobile a::after {
  content: "🌰";
  margin-left: 0.7rem;
  font-size: 1.18em;
  vertical-align: middle;
  opacity: 0.7;
  transition: opacity 0.22s, transform 0.22s;
}
.navbar-links#navbarLinksMobile a:hover::after,
.navbar-links#navbarLinksMobile a:focus::after,
.navbar-links#navbarLinksMobile a[aria-current="page"]::after {
  opacity: 1;
  color: #bfa76f;
  filter: drop-shadow(0 0 6px #bfa76f88);
}
.navbar-links#navbarLinksMobile a:hover,
.navbar-links#navbarLinksMobile a:focus {
  background: #cbb883;
  color: #fff;
}
.navbar-links#navbarLinksMobile a[aria-current="page"] {
  background: #bfa76f;
  color: #fff;
  box-shadow: 0 0 0 3px #bfa76f, 0 2px 12px 0 rgba(191,167,111,0.13);
}

/* Taille très réduite pour les boutons navbar premium */
.navbar-links-desktop li a,
.navbar-links#navbarLinksMobile a {
  min-width: 60px;
  padding: 0.32rem 0.6rem 0.32rem 0.6rem;
  font-size: 0.88rem;
  border-radius: 12px;
}