.header {
  position: fixed;
  top: 24px;
  left: 4vw;
  right: 4vw;
  width: auto;
  height: 68px;
  padding: 8px 10px 8px 24px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 28px;
  color: #fff;
  background: rgba(142, 55, 30, .12);
  box-shadow: 0 15px 35px rgba(107, 47, 27, .16);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  transition: background .25s ease, box-shadow .25s ease, transform .25s ease;
}

.official-logo { display: inline-flex; align-items: center; }
.official-logo img { display: block; width: 132px; height: auto; }
.header .official-logo img { filter: brightness(0) invert(1); }
.footer-logo img { filter: brightness(0) invert(1); }
.header nav {
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 99px;
  background: rgba(255, 255, 255, .08);
  gap: 2px;
}
.header nav a { padding: 9px 13px; border-radius: 99px; color: #fff; opacity: .72; }
.header nav a:hover, .header nav a.active { opacity: 1; background: rgba(255, 255, 255, .15); }
.header-actions { gap: 7px; }
.header-icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 50%;
  color: #fff;
  background: rgba(255, 255, 255, .07);
  font-size: 18px;
  text-decoration: none;
  cursor: pointer;
}
.header-order { min-height: 44px; padding-inline: 20px; color: #8a3d25 !important; background: #fff !important; border: 0; }
.hero { min-height: 100svh;
  min-height: 100dvh; }
.hero-copy { padding-top: 16vh; }

@media (max-width: 1080px) {
  .header nav { gap: 0; }
  .header nav a { padding-inline: 9px; font-size: 10px; }
}

@media (max-width: 900px) {
  .header { top: 12px; left: 12px; right: 12px; height: 58px; padding: 7px 9px 7px 18px; border-radius: 22px; }
  .header nav, .header-actions { display: none; }
  .header .menu-toggle { display: block; }
  .hero-copy { padding-top: 13vh; }
  .official-logo img { width: 108px; }
}

/* Boutons de navigation Bakry : indépendants, espacés et orange logo */
.inner-header.site-nav nav {
  gap: 14px;
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
}
.inner-header.site-nav nav a,
.inner-header.site-nav nav a:hover,
.inner-header.site-nav nav a.active,
body[data-page="viennoiserie"] .site-nav a[href="viennoiserie.html"],
body[data-page="patisserie"] .site-nav a[href="patisserie.html"],
body[data-page="snacking"] .site-nav a[href="snacking.html"],
.boissons-page .site-nav a[href="boissons.html"] {
  color: #f05a18;
  background: transparent !important;
  opacity: 1;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  font-weight: 900;
  letter-spacing: -.035em;
  text-transform: uppercase;
}
.inner-header.site-nav nav a:hover,
.inner-header.site-nav nav a.active {
  color: #dc4c10;
  background: transparent !important;
}

/* Affichage final de la navigation : titres blancs, sans icônes */
.inner-header.site-nav nav a,
.inner-header.site-nav nav a:hover,
.inner-header.site-nav nav a:active,
.inner-header.site-nav nav a.active,
body[data-page] .inner-header.site-nav nav a,
.boissons-page .inner-header.site-nav nav a {
  width: auto !important;
  height: auto !important;
  flex: 0 0 auto !important;
  padding: 10px 14px !important;
  overflow: visible !important;
  color: #fff !important;
  background: transparent !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  text-indent: 0 !important;
  opacity: .78;
}
.inner-header.site-nav nav a::before {
  display: none !important;
  content: none !important;
}
.inner-header.site-nav nav a:hover,
.inner-header.site-nav nav a.active,
body[data-page="viennoiserie"] .site-nav a[href="viennoiserie.html"],
body[data-page="patisserie"] .site-nav a[href="patisserie.html"],
body[data-page="snacking"] .site-nav a[href="snacking.html"],
.boissons-page .site-nav a[href="boissons.html"] {
  color: #fff !important;
  background: rgba(255,255,255,.14) !important;
  opacity: 1;
}

/* Navigation texte : suppression des pictogrammes */
.inner-header.site-nav nav a,
.inner-header.site-nav nav a:hover,
.inner-header.site-nav nav a:active,
.inner-header.site-nav nav a.active,
body[data-page] .inner-header.site-nav nav a,
.boissons-page .inner-header.site-nav nav a {
  width: auto;
  height: auto;
  flex: 0 0 auto;
  padding: 10px 14px;
  overflow: visible;
  color: #fff !important;
  background: transparent !important;
  font-size: 12px !important;
  line-height: 1.2;
  text-indent: 0;
  opacity: .78;
}
.inner-header.site-nav nav a::before {
  display: none !important;
  content: none !important;
}
.inner-header.site-nav nav a:hover,
.inner-header.site-nav nav a.active,
body[data-page="viennoiserie"] .site-nav a[href="viennoiserie.html"],
body[data-page="patisserie"] .site-nav a[href="patisserie.html"],
body[data-page="snacking"] .site-nav a[href="snacking.html"],
.boissons-page .site-nav a[href="boissons.html"] {
  color: #fff !important;
  background: rgba(255,255,255,.14) !important;
  opacity: 1;
}

/* PNG original fourni pour l'icône Viennoiserie */
.inner-header.site-nav nav a[href="viennoiserie.html"]::before {
  width: 64px;
  height: 64px;
  background-color: transparent;
  background-image: url("assets/icon-viennoiserie-gazelle-cropped.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: none;
  mask: none;
}
.inner-header.site-nav nav a[href="viennoiserie.html"] { overflow: visible; }
.inner-header.site-nav nav a[href="index.html"] { overflow: visible; }
.inner-header.site-nav nav a[href="index.html"],
.inner-header.site-nav nav a[href="index.html"]:hover,
.inner-header.site-nav nav a[href="index.html"].active {
  color: #ff4b18 !important;
}
.inner-header.site-nav nav a[href="index.html"]::before {
  width: 64px;
  height: 64px;
}

/* Taille strictement identique, y compris sur la page active */
.inner-header.site-nav nav a[href="index.html"]::before,
.inner-header.site-nav nav a[href="index.html"]:hover::before,
.inner-header.site-nav nav a[href="index.html"]:active::before,
.inner-header.site-nav nav a[href="index.html"].active::before,
.home-page .inner-header.site-nav nav a[href="index.html"]::before,
.home-page .inner-header.site-nav nav a[href="index.html"].active::before,
.inner-header.site-nav nav a[href="viennoiserie.html"]::before,
.inner-header.site-nav nav a[href="viennoiserie.html"]:hover::before,
.inner-header.site-nav nav a[href="viennoiserie.html"]:active::before,
.inner-header.site-nav nav a[href="viennoiserie.html"].active::before,
body[data-page="viennoiserie"] .inner-header.site-nav nav a[href="viennoiserie.html"]::before {
  width: 64px !important;
  height: 64px !important;
  scale: 1 !important;
  transform: translate(-50%, -50%) scale(1) !important;
  animation: none !important;
  transition: none !important;
}

/* Maison fixe : indépendante des pseudo-éléments et des états interactifs */
.inner-header.site-nav nav a[href="index.html"],
.inner-header.site-nav nav a[href="index.html"]:hover,
.inner-header.site-nav nav a[href="index.html"]:active,
.inner-header.site-nav nav a[href="index.html"].active,
.home-page .inner-header.site-nav nav a[href="index.html"],
.home-page .inner-header.site-nav nav a[href="index.html"]:hover,
.home-page .inner-header.site-nav nav a[href="index.html"].active {
  background-color: transparent !important;
  background-image: none !important;
  background-position: center !important;
  background-size: 58px 58px !important;
  background-repeat: no-repeat !important;
  transform: none !important;
  scale: 1 !important;
  animation: none !important;
  transition: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.inner-header.site-nav nav a[href="index.html"]::before,
.inner-header.site-nav nav a[href="index.html"]:hover::before,
.inner-header.site-nav nav a[href="index.html"]:active::before,
.inner-header.site-nav nav a[href="index.html"].active::before {
  display: none !important;
  content: none !important;
}

/* Icônes seules, sans pastille ni contour */
.inner-header.site-nav nav a,
.inner-header.site-nav nav a:hover,
.inner-header.site-nav nav a:active,
.inner-header.site-nav nav a.active,
body[data-page] .inner-header.site-nav nav a,
.boissons-page .inner-header.site-nav nav a {
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

/* Le PNG Gazelle ne doit jamais être rogné */
.inner-header.site-nav,
.inner-header.site-nav nav,
.inner-header.site-nav nav a[href="viennoiserie.html"],
.inner-header.site-nav nav a[href="viennoiserie.html"]:hover,
.inner-header.site-nav nav a[href="viennoiserie.html"]:active,
.inner-header.site-nav nav a[href="viennoiserie.html"].active {
  overflow: visible !important;
  clip-path: none !important;
  contain: none !important;
}
.inner-header.site-nav nav a[href="viennoiserie.html"]::before,
.inner-header.site-nav nav a[href="viennoiserie.html"]:hover::before,
.inner-header.site-nav nav a[href="viennoiserie.html"]:active::before,
.inner-header.site-nav nav a[href="viennoiserie.html"].active::before {
  overflow: visible !important;
  clip-path: none !important;
}
.inner-header.site-nav nav a,
.inner-header.site-nav nav a::before {
  animation: none !important;
  transition: none !important;
  scale: 1 !important;
  will-change: auto !important;
}
.inner-header.site-nav nav a::before,
.inner-header.site-nav nav a:hover::before,
.inner-header.site-nav nav a:active::before,
.inner-header.site-nav nav a.active::before {
  transform: translate(-50%, -50%) scale(1) !important;
}
.inner-header.site-nav,
.inner-header.site-nav.scrolled {
  animation: none !important;
  transition: none !important;
  transform: none !important;
}
@media (min-width: 1181px) {
  .inner-header.site-nav,
  .inner-header.site-nav.scrolled {
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
  }
}

/* Pâtisserie : photographie d'ouverture plein écran */
body[data-page="patisserie"] .page-hero {
  position: relative;
  min-height: 100svh;
  min-height: 100dvh;
  padding: 170px 6vw 80px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  color: #fff;
  background-color: #f2ede7;
  background-image: url("assets/patisserie-flan-hero.jpeg");
  background-position: 75% 0%;
  background-size: 135%;
  background-repeat: no-repeat;
  isolation: isolate;
}
body[data-page="patisserie"] .page-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(0deg, rgba(84,38,20,.45), transparent 52%);
}
body[data-page="patisserie"] .page-copy { position: relative; z-index: 2; width: 100%; }
body[data-page="patisserie"] .page-copy > p,
body[data-page="patisserie"] .page-copy > h2,
body[data-page="patisserie"] .page-copy > a,
body[data-page="patisserie"] .page-visual { display: none; }
body[data-page="patisserie"] .page-title {
  color: #fff;
  text-shadow: 0 8px 30px rgba(84,38,20,.34);
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  font-weight: 900;
  letter-spacing: -.09em;
}

/* Sandwich : photographie d'ouverture plein écran */
body[data-page="snacking"] .page-hero {
  position: relative;
  min-height: 100svh;
  min-height: 100dvh;
  padding: 170px 6vw 80px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  color: #fff;
  background: #d6b99f;
  isolation: isolate;
}
body[data-page="snacking"] .page-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(0deg, rgba(63,27,15,.55), transparent 55%);
}
body[data-page="snacking"] .page-copy { position: relative; z-index: 2; width: 100%; }
body[data-page="snacking"] .page-copy > p,
body[data-page="snacking"] .page-copy > h2,
body[data-page="snacking"] .page-copy > a { display: none; }
body[data-page="snacking"] .page-visual {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: auto;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: auto;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  pointer-events: none;
}

body[data-page="snacking"] .page-visual::before { display: none; content: none; }
body[data-page="snacking"] .page-visual img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center 54%;
  box-shadow: none;
}
body[data-page="snacking"] .page-title {
  color: #fff;
  text-shadow: 0 8px 30px rgba(63,27,15,.38);
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  font-weight: 900;
  letter-spacing: -.09em;
}
@media (max-width: 700px) {
  body[data-page="patisserie"] .page-hero {
    min-height: 100svh;
  min-height: 100dvh;
    padding: 120px 20px 28px;
    background-image: url("assets/patisserie-flan-hero-mobile.jpeg");
    background-position: 70% 30%;
    background-size: cover;
  }
  body[data-page="patisserie"] .page-title { font-size: 13vw; }
  body[data-page="snacking"] .page-hero {
    min-height: 100svh;
  min-height: 100dvh;
    padding: 120px 20px 28px;
    background: #d6b99f;
  }
  body[data-page="snacking"] .page-visual img { width: 100%; height: 100%; max-width: none; object-fit: cover; }
  body[data-page="snacking"] .page-title { font-size: 13vw; }
}

/* Prolonge les photos plein écran sous la barre inférieure de Safari iOS. */
@media (max-width: 700px) {
  @supports (-webkit-touch-callout: none) {
    body[data-page="patisserie"] .page-hero,
    body[data-page="snacking"] .page-hero {
      min-height: calc(100dvh + 96px);
      padding-bottom: calc(120px + env(safe-area-inset-bottom));
    }
  }
}

@media (max-width: 1080px) and (min-width: 901px) {
  .inner-header.site-nav nav { gap: 8px; }
}

/* Correction finale : aucune lettre visible, icônes entières et centrées */
.inner-header.site-nav nav {
  gap: 16px;
  padding: 0;
  border: 0 !important;
  background: transparent !important;
  overflow: visible;
}
.inner-header.site-nav nav a,
.inner-header.site-nav nav a:hover,
.inner-header.site-nav nav a.active,
body[data-page="viennoiserie"] .site-nav a[href="viennoiserie.html"],
body[data-page="patisserie"] .site-nav a[href="patisserie.html"],
body[data-page="snacking"] .site-nav a[href="snacking.html"],
.boissons-page .site-nav a[href="boissons.html"] {
  position: relative;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  padding: 0;
  overflow: hidden;
  color: #f05a18;
  background: transparent !important;
  font-size: 0 !important;
  line-height: 0;
  text-indent: -9999px;
  opacity: 1;
}
.inner-header.site-nav nav a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  display: block;
  background-color: currentColor;
  transform: translate(-50%, -50%);
  -webkit-mask: var(--nav-icon) center / contain no-repeat;
  mask: var(--nav-icon) center / contain no-repeat;
}
.inner-header.site-nav nav a:hover,
.inner-header.site-nav nav a.active { color: #dc4c10; }

/* Navigation par pictogrammes */
.inner-header.site-nav nav a {
  width: 44px;
  height: 44px;
  padding: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  font-size: 0;
}
.inner-header.site-nav nav a::before {
  content: "";
  width: 23px;
  height: 23px;
  display: block;
  background: currentColor;
  -webkit-mask: var(--nav-icon) center / contain no-repeat;
  mask: var(--nav-icon) center / contain no-repeat;
}
.inner-header.site-nav nav a[href="index.html"] {
  --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.8 12 3l9 7.8v9.7a.5.5 0 0 1-.5.5H15v-6H9v6H3.5a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}
.inner-header.site-nav nav a[href="viennoiserie.html"] {
  --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.2 5.4c2.1 2 3.8 2.8 6.8 2.8s4.7-.8 6.8-2.8c.8 2.8-.1 6.2-2.5 8.6-2.5 2.5-6.1 3.3-9 2-3-1.4-4.5-4.5-3.8-7.3.3-1.3.9-2.4 1.7-3.3Zm1.6 1.3c-.7 1.2-.7 2.9.2 4.3 1.2 2 3.8 2.8 6.1 1.8 1.7-.7 2.8-2.2 3.1-3.7-1.3.7-2.7 1.1-4.2 1.1-2 0-3.7-.5-5.2-1.5Z'/%3E%3C/svg%3E");
}
.inner-header.site-nav nav a[href="patisserie.html"] {
  --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 10h14l2 4v7H3v-7l2-4Zm1.2 2L5 14.4V19h14v-4.6L17.8 12H6.2ZM7 8a5 5 0 0 1 10 0H7Zm5-7 1.2 2.1L12 5l-1.2-1.9L12 1Z'/%3E%3C/svg%3E");
}
.inner-header.site-nav nav a[href="snacking.html"] {
  --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8.5C4 5.5 7.6 3 12 3s8 2.5 8 5.5H4Zm-1 2h18v3H3v-3Zm1 5h16v2.2c0 1.8-1.5 3.3-3.3 3.3H7.3A3.3 3.3 0 0 1 4 17.7v-2.2Z'/%3E%3C/svg%3E");
}
.inner-header.site-nav nav a[href="boissons.html"] {
  --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 6h12v3h2a4 4 0 0 1 0 8h-2.5A6 6 0 0 1 5 14V6Zm12 5v4h2a2 2 0 0 0 0-4h-2ZM4 20h14v2H4v-2ZM8 2h2v3H8V2Zm4 0h2v3h-2V2Z'/%3E%3C/svg%3E");
}

/* Pictogrammes produits Bakry */
.inner-header.site-nav nav a[href="viennoiserie.html"] {
  --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cmask id='m'%3E%3Crect width='64' height='64' fill='black'/%3E%3Cpath fill='white' d='M8 9C23 7 38 12 50 23c7 6 9 13 6 17-3 4-9 3-15-1-5-3-9-4-13-2-5 3-6 9-3 17 2 5 0 8-4 7C9 58 2 47 3 34 4 23 10 16 18 13c-4-2-7-3-10-4Z'/%3E%3Cg fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M13 11c-3 7-4 14-2 22 2 9 7 16 14 21'/%3E%3Cpath d='M19 11c-3 7-3 14-1 21 2 7 6 13 12 18'/%3E%3Cpath d='M25 12c-2 6-2 12 0 18 2 6 6 10 11 14'/%3E%3Cpath d='M31 14c-1 5 0 10 2 14 2 5 5 8 9 11'/%3E%3Cpath d='M37 17c0 4 1 8 3 11 2 4 5 6 8 8'/%3E%3Cpath d='M43 20c1 5 4 9 9 12'/%3E%3C/g%3E%3C/mask%3E%3Crect width='64' height='64' mask='url(%23m)'/%3E%3C/svg%3E");
}
.inner-header.site-nav nav a[href="patisserie.html"] {
  --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 18 8.4-13.5c.3-.5 1-.7 1.5-.3L21 9v10H3v-1Zm3.1-1H19v-6.9l-6.3-3.7L6.1 17Zm2.2-2 4.9-7.1 4.7 2.8v1.7l-4.7-2.1-3.4 4.8H8.3Z'/%3E%3C/svg%3E");
}
.inner-header.site-nav nav a[href="snacking.html"] {
  --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 8 9-5 9 5-9 4-9-4Zm0 3 9 3.7L21 11v3l-9 4-9-4v-3Zm0 6 9 3.7 9-3.7v3l-9 3.5L3 20v-3Z'/%3E%3C/svg%3E");
}
.inner-header.site-nav nav a[href="boissons.html"] {
  --nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h12l-1 18H7L6 3Zm2.2 5 .6 10h6.4l.6-10H8.2ZM5 2h14v3H5V2Zm5 9h4v2h-4v-2Zm1-7h2V1h-2v3Z'/%3E%3C/svg%3E");
}

/* Boutons sans contour */
button,
.button,
.pill,
.header-icon,
.header nav,
.inner-header.site-nav nav,
.filters button,
.drink-tabs button { border: 0 !important; outline: 0; }
button:focus-visible,
.button:focus-visible,
.pill:focus-visible,
.header-icon:focus-visible,
nav a:focus-visible { box-shadow: 0 0 0 3px rgba(255,255,255,.72), 0 0 0 6px rgba(240,90,24,.55); outline: 0; }

/* Navigation blanche, large et épurée */
.header,
.inner-header.site-nav {
  top: 14px;
  left: 18px;
  right: 18px;
  height: 88px;
  padding: 10px 14px 10px 36px;
  border-radius: 50px;
  color: #6b2f1b;
  background: rgba(255, 253, 248, .94);
  box-shadow: 0 12px 34px rgba(107,47,27,.10);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.header.scrolled,
.inner-header.site-nav.scrolled { background: rgba(255,253,248,.92); box-shadow: 0 14px 38px rgba(107,47,27,.14); }
.header .official-logo img,
.inner-header.site-nav .official-logo img { width: 145px; filter: none; }
.header nav,
.inner-header.site-nav nav { padding: 0; gap: 8px; border: 0 !important; border-radius: 0; background: transparent !important; box-shadow: none; backdrop-filter: none; }
.header nav a,
.inner-header.site-nav nav a { padding: 12px 17px; border-radius: 99px; color: #6b2f1b; background: rgba(240,90,24,.06) !important; opacity: .74; font-size: 12px; }
.header nav a:hover,
.header nav a.active,
.inner-header.site-nav nav a:hover,
.inner-header.site-nav nav a.active,
body[data-page="viennoiserie"] .site-nav a[href="viennoiserie.html"],
body[data-page="patisserie"] .site-nav a[href="patisserie.html"],
body[data-page="snacking"] .site-nav a[href="snacking.html"],
.boissons-page .site-nav a[href="boissons.html"] { color: #f05a18; opacity: 1; background: rgba(240,90,24,.15) !important; }
.header-icon { display: none; }
.header-order { min-height: 58px; padding-inline: 32px; border-radius: 99px; color: #fff !important; background: #f05a18 !important; font-size: 12px; }

@media (max-width: 1180px) {
  .header,
  .inner-header.site-nav { top: 10px; left: 10px; right: 10px; height: 64px; padding: 8px 12px 8px 22px; border-radius: 34px; }
  .header .official-logo img,
  .inner-header.site-nav .official-logo img { width: 112px; }
  .header .menu-toggle span,
  .inner-header.site-nav .menu-toggle span { background: #6b2f1b; }
}

/* Même navigation flottante sur toutes les rubriques */
.inner-header.site-nav {
  position: fixed;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  visibility: visible;
  opacity: 1;
  top: max(24px, env(safe-area-inset-top));
  left: max(4vw, env(safe-area-inset-left));
  right: max(4vw, env(safe-area-inset-right));
  width: auto;
  height: 68px;
  padding: 8px 10px 8px 24px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 28px;
  color: #fff;
  background: rgba(142, 55, 30, .12);
  box-shadow: 0 15px 35px rgba(107, 47, 27, .16);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  transition: background .25s ease, box-shadow .25s ease, transform .25s ease;
}
.inner-header.site-nav .header-actions { display: flex; align-items: center; gap: 7px; }
.inner-header.site-nav .menu-toggle { flex: 0 0 auto; }
.header.scrolled, .inner-header.site-nav.scrolled { background: rgba(143, 58, 31, .42); box-shadow: 0 16px 38px rgba(107, 47, 27, .16); }
.inner-header.site-nav nav { padding: 5px; border: 1px solid rgba(255,255,255,.13); border-radius: 99px; background: rgba(255,255,255,.08); gap: 2px; }
.inner-header.site-nav nav a { padding: 9px 13px; border-radius: 99px; color: #fff; opacity: .72; }
.inner-header.site-nav nav a:hover,
body[data-page="viennoiserie"] .site-nav a[href="viennoiserie.html"],
body[data-page="patisserie"] .site-nav a[href="patisserie.html"],
body[data-page="snacking"] .site-nav a[href="snacking.html"],
.boissons-page .site-nav a[href="boissons.html"] { opacity: 1; background: rgba(255,255,255,.15); }
.page-hero, .beverage-intro { padding-top: 170px; }

@media (max-width: 1180px) {
  .inner-header.site-nav nav a { padding-inline: 9px; font-size: 10px; }
}
@media (max-width: 1180px) {
  .inner-header.site-nav { top: max(12px, env(safe-area-inset-top)); left: max(12px, env(safe-area-inset-left)); right: max(12px, env(safe-area-inset-right)); height: 58px; padding: 7px 9px 7px 18px; border-radius: 22px; }
  .inner-header.site-nav nav, .inner-header.site-nav .header-actions { display: none; }
  .inner-header.site-nav .menu-toggle { display: block; }
  .page-hero, .beverage-intro { padding-top: 120px; }
}

.header-quicklinks { display: none; }

@media (max-width: 540px) and (pointer: coarse) {
  .inner-header.site-nav .header-quicklinks {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex: 1 1 auto;
    margin: 0 12px 0 56px;
  }
  .inner-header.site-nav .header-quicklink {
    display: grid;
    place-items: center;
    align-self: center;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
  }
  .inner-header.site-nav .header-quicklink img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .inner-header.site-nav .header-quicklink:nth-child(4) img {
    transform: translateY(-6px) translateX(-71.81px) scaleX(1.7) scaleY(1.05);
  }
  .inner-header.site-nav .header-quicklink:nth-child(1) img {
    transform: translateY(-5.6px) scale(1.45);
  }
  .inner-header.site-nav .header-quicklink:nth-child(2) img {
    transform: translateY(-2px) translateX(-20px) scaleX(1.3) scaleY(2);
  }
  .inner-header.site-nav .header-quicklink:nth-child(3) img {
    transform: translateY(-1.7px) translateX(-45px) scale(1.6);
  }
}

.header-boutique-icon { display: none; }

@media (max-width: 540px) and (pointer: coarse) {
  .inner-header.site-nav { padding-right: 18px; }
  .inner-header.site-nav .header-boutique-icon {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    margin-right: 4px;
  }
  .inner-header.site-nav .header-boutique-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: translateY(-4px);
  }
}

@media (max-width: 480px) {
  .inner-header.site-nav { padding-right: 10px; }
  .inner-header.site-nav .official-logo img { width: 92px; }
  .inner-header.site-nav .header-quicklinks {
    gap: 6px;
    margin: 0 6px 0 14px;
  }
  .inner-header.site-nav .header-quicklink {
    width: 32px;
    height: 32px;
  }
  .inner-header.site-nav .header-quicklink:nth-child(4) img {
    transform: translateY(-4.8px) translateX(-57.45px) scaleX(1.7) scaleY(1.05);
  }
  .inner-header.site-nav .header-quicklink:nth-child(1) img {
    transform: translateY(-4.5px) scale(1.45);
  }
  .inner-header.site-nav .header-quicklink:nth-child(2) img {
    transform: translateY(-1.6px) translateX(-16px) scaleX(1.3) scaleY(2);
  }
  .inner-header.site-nav .header-quicklink:nth-child(3) img {
    transform: translateY(-1.4px) translateX(-36px) scale(1.6);
  }
  .inner-header.site-nav .header-boutique-icon {
    width: 30px;
    height: 30px;
    margin-right: 2px;
  }
  .inner-header.site-nav .menu-toggle { padding: 1px 4px; }
}

/* Style final des boutons : orange officiel du logo et espace visible */
.inner-header.site-nav nav {
  gap: 14px;
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
}
.inner-header.site-nav nav a,
.inner-header.site-nav nav a:hover,
.inner-header.site-nav nav a.active,
body[data-page="viennoiserie"] .site-nav a[href="viennoiserie.html"],
body[data-page="patisserie"] .site-nav a[href="patisserie.html"],
body[data-page="snacking"] .site-nav a[href="snacking.html"],
.boissons-page .site-nav a[href="boissons.html"] {
  color: #fff;
  background: #f05a18 !important;
  opacity: 1;
}
.inner-header.site-nav nav a:hover,
.inner-header.site-nav nav a.active {
  background: #dc4c10 !important;
}

@media (max-width: 1080px) and (min-width: 901px) {
  .inner-header.site-nav nav { gap: 8px; }
}

/* Règles prioritaires des pictogrammes */
.inner-header.site-nav nav {
  gap: 16px;
  padding: 0;
  border: 0 !important;
  background: transparent !important;
  overflow: visible;
}
.inner-header.site-nav nav a,
.inner-header.site-nav nav a:hover,
.inner-header.site-nav nav a.active,
body[data-page="viennoiserie"] .site-nav a[href="viennoiserie.html"],
body[data-page="patisserie"] .site-nav a[href="patisserie.html"],
body[data-page="snacking"] .site-nav a[href="snacking.html"],
.boissons-page .site-nav a[href="boissons.html"] {
  position: relative;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  padding: 0;
  overflow: hidden;
  color: #f05a18;
  background: transparent !important;
  font-size: 0 !important;
  line-height: 0;
  text-indent: -9999px;
  opacity: 1;
}
.inner-header.site-nav nav a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  display: block;
  background-color: currentColor;
  transform: translate(-50%, -50%);
  -webkit-mask: var(--nav-icon) center / contain no-repeat;
  mask: var(--nav-icon) center / contain no-repeat;
}
.inner-header.site-nav nav a:hover,
.inner-header.site-nav nav a.active {
  color: #dc4c10;
  background: transparent !important;
}