/**
 * Hamburger nav — the only navigation on the site (there is no header bar).
 *
 * Built as a native <details> disclosure so it works with zero JS and stays
 * keyboard-accessible. The whole nav is tilted for the brand look; the open
 * panel is counter-rotated so its text reads straight.
 */
.reciklart-main-nav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  rotate: -5deg;
}

.reciklart-menu > summary {
  list-style: none;
  cursor: pointer;
  display: block;
  width: 6rem;
  height: 6rem;
  margin: 1rem;
  background-image: var(--menu-icon, url(../../images/main-nav.png));
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.reciklart-menu > summary::-webkit-details-marker { display: none; }
.reciklart-menu > summary:focus-visible { outline: 3px solid var(--color-accent); }

.reciklart-menu__panel {
  background: var(--menu-bg, #fff);
  color: #000;
  /* No counter-rotation: the panel keeps the nav's -5deg tilt, as in the
     original site. */
  min-width: 16rem;
  margin: -1rem 0 0 1rem;
  padding: 1rem 0;
  box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
}
.reciklart-menu__panel ul { list-style: none; margin: 0; padding: 0; }
.reciklart-menu__panel a {
  display: block;
  padding: 0.25rem 1.5rem;
  font-family: var(--menu-font);
  font-size: var(--menu-size);
  font-weight: var(--menu-weight);
  color: var(--menu-color);
  text-transform: uppercase;
}
.reciklart-menu__panel a:hover,
.reciklart-menu__panel a:focus { background: #e5e5e7; text-decoration: none; }
.reciklart-menu__group {
  padding: 0.75rem 1.5rem 0.25rem;
  font-size: 0.9rem;
  opacity: 0.6;
  text-transform: uppercase;
}

/* Language toggle (SL / EN) — placeholder until content translation is wired.
   The active language is bolded via aria-current from the theme layer later. */
.reciklart-menu__lang {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding: 0.25rem 1.5rem;
  font-family: var(--menu-font);
  font-size: var(--menu-size);
  color: var(--menu-color);
  text-transform: uppercase;
}
.reciklart-menu__lang a { padding: 0; }
.reciklart-menu__lang a[aria-current="true"] { font-weight: bold; text-decoration: underline; }
.reciklart-menu__lang span { opacity: 0.4; }