/* Aurino mobile drawer nav. */

/* Hamburger button — hidden on desktop, shown on mobile */
.aurino-mobile-hamburger {
  display: none;
  background: transparent;
  border: 0;
  padding: 6px;
  cursor: pointer;
  color: #1a1815;
  font-family: 'Inter', system-ui, sans-serif;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
}
.aurino-mobile-hamburger svg { width: 22px; height: 22px; display: block; }

/* Drawer + backdrop (always present, off-screen until open) */
.aurino-mobile-drawer {
  position: fixed;
  top: 0; bottom: 0; left: 0;
  width: min(85vw, 380px);
  background: #fdfbf6;
  z-index: 9999;
  transform: translateX(-100%);
  transition: transform 260ms cubic-bezier(0.4, 0, 0.2, 1);
  overflow-y: auto;
  box-shadow: 12px 0 32px -10px rgba(26, 24, 21, 0.18);
  font-family: 'Inter', system-ui, sans-serif;
  color: #1a1815;
}
.aurino-mobile-drawer--open { transform: translateX(0); }

.aurino-mobile-backdrop {
  position: fixed; inset: 0;
  background: rgba(26, 24, 21, 0.55);
  z-index: 9998;
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms ease, visibility 200ms;
}
.aurino-mobile-backdrop--open { opacity: 1; visibility: visible; }

.aurino-mobile-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 22px;
  border-bottom: 1px solid #d9d3c6;
}
.aurino-mobile-drawer__logo {
  font-family: 'Fraunces', serif;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0.18em;
  color: #1a1815;
}
.aurino-mobile-drawer__close {
  background: transparent;
  border: 0;
  font-size: 30px;
  line-height: 1;
  color: #8a857c;
  cursor: pointer;
  padding: 0 6px;
}
.aurino-mobile-drawer__close:hover { color: #1a1815; }

/* Nav groups (accordion) */
.aurino-mobile-drawer__nav { padding: 6px 0; }
.aurino-mobile-drawer__group { border-bottom: 1px solid #ebe7df; }
.aurino-mobile-drawer__group-head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: transparent;
  border: 0;
  padding: 16px 22px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #1a1815;
  cursor: pointer;
  text-align: left;
}
.aurino-mobile-drawer__chevron {
  font-size: 20px;
  font-weight: 300;
  color: #8a857c;
  line-height: 1;
}
.aurino-mobile-drawer__group--open .aurino-mobile-drawer__chevron::before { content: ''; }
.aurino-mobile-drawer__group--open .aurino-mobile-drawer__chevron {
  font-size: 24px;
  line-height: 0.8;
}
.aurino-mobile-drawer__group--open .aurino-mobile-drawer__chevron::after { content: '−'; }
.aurino-mobile-drawer__chevron { font-size: 22px; }
.aurino-mobile-drawer__group--open .aurino-mobile-drawer__chevron { font-size: 0; }
.aurino-mobile-drawer__group--open .aurino-mobile-drawer__chevron::after { font-size: 22px; }

.aurino-mobile-drawer__group-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 240ms ease;
  background: #f5f3ee;
}
.aurino-mobile-drawer__group--open .aurino-mobile-drawer__group-body {
  max-height: 600px;
}
.aurino-mobile-drawer__sub {
  display: block;
  padding: 12px 28px;
  font-size: 13.5px;
  color: #4a463f;
  text-decoration: none;
  border-top: 1px solid #ebe7df;
}
.aurino-mobile-drawer__sub:first-child { border-top: 0; }
.aurino-mobile-drawer__sub:hover { background: #ebe7df; color: #1a1815; }
.aurino-mobile-drawer__sub--all {
  color: #7a6228;
  font-weight: 500;
  font-style: italic;
}

/* "Group" with no dropdown — direct link, no accordion */
.aurino-mobile-drawer__group--solo .aurino-mobile-drawer__group-link {
  display: block;
  padding: 16px 22px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #1a1815;
  text-decoration: none;
}
.aurino-mobile-drawer__group--solo .aurino-mobile-drawer__group-link:hover {
  background: #f5f3ee;
}

/* Utility section at bottom */
.aurino-mobile-drawer__util {
  padding: 20px 22px;
  border-top: 1px solid #d9d3c6;
  background: #f5f3ee;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.aurino-mobile-drawer__util a {
  color: #4a463f;
  font-size: 13px;
  text-decoration: none;
}
.aurino-mobile-drawer__util a:hover { color: #1a1815; }

/* Show hamburger only on mobile, hide desktop nav.main + nav-actions text labels */
@media (max-width: 760px) {
  .aurino-mobile-hamburger { display: inline-flex; }
  /* Bring the hamburger to the left so the visual order becomes: hamburger | logo | actions */
  body.aurino-homepage-2026 header.nav,
  body.aurino-category-2026 header.nav,
  body.aurino-pdp-2026 header.nav,
  body.aurino-help-2026 header.nav,
  body.aurino-basket-2026 header.nav,
  body.aurino-compare-2026 header.nav,
  body.aurino-about-2026 header.nav {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
  }
  body.aurino-homepage-2026 header.nav .logo,
  body.aurino-category-2026 header.nav .logo,
  body.aurino-pdp-2026 header.nav .logo,
  body.aurino-help-2026 header.nav .logo,
  body.aurino-basket-2026 header.nav .logo,
  body.aurino-compare-2026 header.nav .logo,
  body.aurino-about-2026 header.nav .logo {
    font-size: 16px;
    letter-spacing: 0.16em;
  }
  /* Hide the nav-actions text on mobile — we put those links in the drawer instead */
  body.aurino-homepage-2026 .nav-actions,
  body.aurino-category-2026 .nav-actions,
  body.aurino-pdp-2026 .nav-actions,
  body.aurino-help-2026 .nav-actions,
  body.aurino-basket-2026 .nav-actions,
  body.aurino-compare-2026 .nav-actions,
  body.aurino-about-2026 .nav-actions {
    display: none;
  }
}