/* ─── Palačinkarnica Ljubav shop-chrome overrides ───────────────────────────
   Loaded by the marketplace shop via marketplace.branding.chromeCssUrls, ON
   TOP of the CSS-var theme map (provision-ljubav.ts). Goal: the crossing from
   ljubav.ordexa.rs to the shop is invisible - same bar, same logo scale, same
   red active states, same serif voice. Selectors follow the shared
   BrandNavbar / shop menu markup; keep in sync with src/design/semantic/brand.css. */

/* No SR/EN utility strip - the marketing site has none. */
div:has(+ nav[data-scroll-offset]) {
  display: none;
}

/* Bar + logo at the site's sizes (tall bar: 64px phone / 80px desktop). */
nav[data-scroll-offset] .h-14 {
  height: 80px;
}
nav[data-scroll-offset] .h-12 {
  height: 64px;
}
nav[data-scroll-offset] a[aria-label='Palačinkarnica Ljubav'] {
  width: 86px;
}
@media (min-width: 1024px) {
  nav[data-scroll-offset] a[aria-label='Palačinkarnica Ljubav'] {
    width: 104px;
  }
}

/* Links: ink, red + underline when active. */
nav[data-scroll-offset] .ow-nav-link {
  font-size: 15px;
  color: #2b1618;
  position: relative;
  padding-block: 6px;
}
nav[data-scroll-offset] .ow-nav-link:hover {
  color: var(--primary);
}
nav[data-scroll-offset] .ow-nav-link.text-foreground,
nav[data-scroll-offset] .ow-nav-link[aria-current='page'] {
  color: var(--primary);
  font-weight: 500;
}
nav[data-scroll-offset] .ow-nav-link.text-foreground::after,
nav[data-scroll-offset] .ow-nav-link[aria-current='page']::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 2px;
  border-radius: 2px;
  background: var(--primary);
}
@media (min-width: 1024px) {
  nav[data-scroll-offset] > div:first-child > div:last-child {
    gap: 40px;
  }
}

/* Sign-in pill in the brand red, like the site's "Naruči online". */
nav[data-scroll-offset] .ow-auth-entry {
  border-color: var(--primary);
  background: var(--primary);
  color: #fff;
  font-weight: 500;
}
nav[data-scroll-offset] .ow-auth-entry:hover {
  background: #b51e24;
  color: #fff;
}

/* Category chips: the active one is the brand red, not near-black ink. */
button.rounded-full.bg-foreground.text-background {
  background: var(--primary);
  color: #fff;
}

/* Category titles in the headline serif instead of giant sans caps. */
h4.heading-h4 {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(28px, 3vw, 40px);
  letter-spacing: -0.01em;
  color: var(--primary);
}

/* Product cards: soft red glow, serif dish names. */
button.rounded-2xl.bg-card {
  border-color: #f3e4e0;
  box-shadow: 0 10px 30px -18px rgba(213, 39, 45, 0.35);
}
button.rounded-2xl.bg-card:hover {
  border-color: #e2c5c0;
}