/* ─── KOMUNA: the shop's header and footer in the site's look ──────────────
   The marketplace shop loads this through marketplace.branding.chromeCssUrls
   (provision-komuna.ts) and styles its BrandNavbar / BrandFooter like the
   site header (components/layout/header.tsx) and their footer: cream bar with
   a hairline, charcoal uppercase links that turn tomato, a tomato hard-shadow
   button, charcoal footer. Literal colours on purpose: the shop has the theme
   map, not the site's palette. */

:root {
  --shop-nav-h: 64px;
  --shop-nav-h-lg: 96px;
}
nav[data-scroll-offset] .h-12 {
  height: 64px;
}
nav[data-scroll-offset] .h-14 {
  height: 96px;
}
/* No SR/EN utility strip on the shop. */
div:has(+ nav[data-scroll-offset]) {
  display: none;
}
nav[data-scroll-offset] {
  background: rgba(244, 234, 217, 0.8);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(17, 12, 9, 0.15) !important;
}

/* Logo: their wordmark, as large as on the site. */
nav[data-scroll-offset] a[aria-label='KOMUNA concept'] {
  width: 120px;
}
@media (min-width: 1024px) {
  nav[data-scroll-offset] a[aria-label='KOMUNA concept'] {
    width: 170px;
  }
}

nav[data-scroll-offset] .ow-nav-link {
  font-size: 14px;
  font-weight: 500;
  color: #110c09;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
nav[data-scroll-offset] .ow-nav-link:hover,
nav[data-scroll-offset] .ow-nav-link.text-foreground,
nav[data-scroll-offset] .ow-nav-link[aria-current='page'] {
  color: #ec3c00;
}
@media (min-width: 1024px) {
  nav[data-scroll-offset] > div:first-child > div:last-child {
    gap: 28px;
  }
}

/* "Prijavi se" in their button shape: square corners, charcoal hard shadow. */
nav[data-scroll-offset] .ow-auth-entry {
  border: 2px solid #110c09;
  border-radius: 2px;
  background: #f4ead9;
  color: #110c09;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  box-shadow: 3px 3px 0 0 rgba(7, 8, 6, 0.85);
}
nav[data-scroll-offset] .ow-auth-entry:hover {
  background: #ec3c00;
  border-color: #110c09;
  color: #f4ead9;
}
@media (max-width: 1023px) {
  nav[data-scroll-offset] .ow-auth-entry {
    box-shadow: none;
    border-color: transparent;
    background: transparent;
    padding-inline: 8px;
  }
}
nav[data-scroll-offset] button {
  color: #110c09;
}

/* Footer: charcoal with cream text, as on the site. */
footer {
  --color-night: #110c09;
  --color-milk: #f4ead9;
  --primary: #ec3c00;
}
footer a[aria-label='KOMUNA concept'] img {
  width: 160px;
  height: auto;
}

/* Menu page touches: the active category chip tomato, headings in Rubik Mono
   One, product cards with the site's charcoal border and hard shadow. */
button.rounded-full.bg-foreground.text-background {
  background: #ec3c00;
  color: #f4ead9;
}
h4.heading-h4 {
  font-family: 'Rubik Mono One', system-ui, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
button.group.rounded-2xl.bg-card {
  border: 2px solid rgba(17, 12, 9, 0.85);
  border-radius: 4px;
  box-shadow: 4px 4px 0 0 rgba(7, 8, 6, 0.9);
}
button.group.rounded-2xl.bg-card span.size-7.rounded-full {
  background: #ec3c00;
  border-color: #ec3c00;
  color: #f4ead9;
}