:root {
  --brand-orange: #fb8f1e;
  --brand-hover: #e9790c;
  --brand-ink: #0c1f26;
  --brand-link: #a94c00;
  --brand-soft: #fff3e5;
  --brand-border: #f6c995;
  --orange: var(--brand-orange);
  --shop-red: var(--brand-orange);
  --shop-red2: var(--brand-hover);
}

/* Show only ADRIA and the orange dot from the approved artwork. */
.brandLogo {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 1097 / 390;
  overflow: hidden;
  background: var(--brand-ink);
}
.brandLogo img {
  display: block;
  position: absolute;
  width: 114.312%;
  max-width: none;
  height: auto;
  left: -7.110%;
  top: -102.564%;
}
header {
  background: var(--brand-ink);
  border-bottom-color: #243b44;
}
header .nav { min-height: 104px; gap: 22px; }
header .brandHome { display: block; flex: 0 0 190px; line-height: 0; }
header .links > a:not(.wa), header .productsMenuToggle { color: #f7fafb; }
header .links > a:not(.wa):hover,
header .productsMenuToggle:hover,
header .productsMenuToggle[aria-expanded="true"] { color: var(--brand-orange); }
header .menu { color: #fff; background: #152e37; border-color: #35515c; }
header .links > a:focus-visible,
header .brandHome:focus-visible,
.footerBrand:focus-visible { outline: 3px solid var(--brand-orange); outline-offset: 5px; }

.top, .top a, .wa, .choiceBtn.active, .sendOrder,
.btn.orange, .btn.green, .float, .orderStep b,
.addCart, .cartCount, .cookieBtn.primary, .dealKicker {
  color: var(--brand-ink) !important;
}
.wa:hover, .sendOrder:hover, .btn.orange:hover, .btn.green:hover,
.addCart:hover, .cookieBtn.primary:hover { background: var(--brand-hover) !important; }
.hero h1 span, .tag, .ey, .badge, .clickHint, .catIcon,
.line a:hover, .orderSummary strong, .offerTotal, .removeItem,
.dealModel, .legalDoc a, .productShowcase .productShowcaseEy,
.productShowcaseStatus { color: var(--brand-link) !important; }
.selectedNotice, .orderStep.active { color: var(--brand-link) !important; }
.badge, .catIcon, .selectedNotice, .orderStep.active, .removeItem {
  background: var(--brand-soft) !important;
}
.badge, .catIcon, .selectedNotice, .orderStep.active {
  border-color: var(--brand-border) !important;
}
.dealKicker, .cookieBtn.primary { background: var(--brand-orange); border-color: var(--brand-orange); }
.dealDot.active { background: var(--brand-orange); }
.dealColor.active { box-shadow: 0 0 0 3px var(--brand-orange); }
input:focus, select:focus, textarea:focus {
  outline-color: var(--brand-border);
  border-color: var(--brand-orange);
}

footer { background: var(--brand-ink); border-top-color: #243b44; }
.footerBrand { display: block; width: 220px; margin-bottom: 10px; }
.footerTagline { margin: 0 0 10px; color: #e3ebed; }
.legalLinks a:hover { color: var(--brand-orange); }
#kontakt, #proizvodi, #promo-slider, #tehnologije, #laseri { scroll-margin-top: 124px; }

@media (max-width: 950px) {
  header .links {
    top: 100%;
    background: var(--brand-ink);
    max-height: calc(100dvh - 104px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}
@media (max-width: 520px) {
  header .nav { min-height: 94px; }
  header .brandHome { flex-basis: 174px; }
  header .links { max-height: calc(100dvh - 94px); }
  .footerBrand { width: 208px; }
  #kontakt, #proizvodi, #promo-slider, #tehnologije, #laseri { scroll-margin-top: 112px; }
}