/* KATHÉRA heder (inc/header.php). Woodmart heder se sakriva kada je aktivan. */
.kth-own-header .whb-header,
.kth-own-header .whb-sticky-prev,
.kth-own-header .wd-toolbar,
.kth-own-header .mobile-nav,
.kth-own-header .wd-close-side { display: none !important; }

.kth-topbar {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 38px; padding: 6px 20px; text-align: center;
  background: var(--kth-color-forest); color: var(--kth-color-offwhite);
  font-family: var(--kth-font-body); font-size: 12px; letter-spacing: 0.04em;
}

.kth-header-slot { position: relative; height: 84px; z-index: 400; }
.kth-header-slot.is-overlay { height: 0; }
.kth-header {
  position: absolute; left: 0; right: 0; top: 0;
  background: rgba(250, 250, 250, 0.96);
  border-bottom: 1px solid var(--kth-border);
  transition: background var(--kth-duration-slow) var(--kth-ease), box-shadow var(--kth-duration-slow) var(--kth-ease), border-color var(--kth-duration-slow) var(--kth-ease);
}
.kth-header.is-stuck { position: fixed; backdrop-filter: blur(10px); box-shadow: var(--kth-shadow-sm); }
.admin-bar .kth-header.is-stuck { top: 32px; }
@media (max-width: 782px) { .admin-bar .kth-header.is-stuck { top: 46px; } }
@media (max-width: 600px) { .admin-bar .kth-header.is-stuck { top: 0; } }

.kth-header__in {
  display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 32px;
  max-width: 1200px; height: 84px; margin: 0 auto; padding: 0 24px;
  transition: height var(--kth-duration-slow) var(--kth-ease);
}
.kth-header.is-stuck .kth-header__in { height: 68px; }
.kth-header__burger { display: none; }
.kth-header__logo { display: inline-flex; position: relative; line-height: 0; }
.kth-header__logo img { height: 30px; width: auto; transition: opacity var(--kth-duration-base) var(--kth-ease); }
.kth-header.is-stuck .kth-header__logo img { height: 26px; }
.kth-logo-light { position: absolute; left: 0; top: 0; opacity: 0; }

.kth-nav { display: flex; justify-content: center; gap: 36px; margin: 0; padding: 0; list-style: none; }
.kth-nav a {
  position: relative; display: inline-block; padding: 6px 0;
  font-family: var(--kth-font-body); font-size: 14px; font-weight: 500; letter-spacing: 0.02em;
  color: var(--kth-ink); text-decoration: none;
}
.kth-nav a::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: currentColor;
  transform: scaleX(0); transform-origin: left; transition: transform var(--kth-duration-base) var(--kth-ease);
}
.kth-nav a:hover::after, .kth-nav .current-menu-item > a::after { transform: scaleX(1); }

.kth-header__tools { display: flex; align-items: center; gap: 4px; }
.kth-tool {
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; min-height: 0; padding: 0; border: 0; border-radius: 50%;
  background: none; color: var(--kth-ink); cursor: pointer;
}
.kth-tool:hover { background: rgba(36, 39, 42, 0.06); color: var(--kth-ink); }
.kth-cart-count {
  position: absolute; top: 5px; right: 3px; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 999px;
  background: var(--kth-color-forest); color: var(--kth-color-offwhite);
  font-size: 10px; font-weight: 700; line-height: 17px; text-align: center;
}
.kth-cart-count.is-empty { display: none; }

/* providno preko fotografije (naslovna) */
.kth-header.is-transparent:not(.is-stuck) { background: transparent; border-color: transparent; }
.kth-header.is-transparent:not(.is-stuck) .kth-nav a,
.kth-header.is-transparent:not(.is-stuck) .kth-tool,
.kth-header.is-transparent:not(.is-stuck) .kth-header__burger { color: var(--kth-color-offwhite); }
.kth-header.is-transparent:not(.is-stuck) .kth-tool:hover { background: rgba(250, 250, 250, 0.12); }
.kth-header.is-transparent:not(.is-stuck) .kth-logo-dark { opacity: 0; }
.kth-header.is-transparent:not(.is-stuck) .kth-logo-light { opacity: 1; }
.kth-header.is-transparent:not(.is-stuck) .kth-cart-count { background: var(--kth-color-offwhite); color: var(--kth-color-forest); }

.kth-search { display: flex; gap: 12px; max-width: 1200px; margin: 0 auto; padding: 0 24px 20px; }
.kth-search[hidden] { display: none; }
.kth-search input {
  flex: 1; min-height: 48px; padding: 0 4px; border: 0; border-bottom: 1px solid var(--kth-border-strong, rgba(36,39,42,.5));
  background: transparent; font-family: var(--kth-font-body); font-size: 16px; color: var(--kth-ink);
}
.kth-header.is-transparent:not(.is-stuck) .kth-search input { color: var(--kth-color-offwhite); border-color: rgba(250,250,250,.6); }

/* mobilni meni */
.kth-drawer { position: fixed; inset: 0; z-index: 99999; background: rgba(36, 39, 42, 0.45); }
.kth-drawer[hidden] { display: none; }
.kth-drawer__panel {
  position: absolute; top: 0; bottom: 0; left: 0; width: min(360px, 88vw);
  display: flex; flex-direction: column; gap: 24px; padding: 20px 24px 32px;
  background: var(--kth-color-offwhite); overflow-y: auto;
  animation: kth-drawer-in 0.32s var(--kth-ease);
}
@keyframes kth-drawer-in { from { transform: translateX(-100%); } }
.kth-drawer__head { display: flex; align-items: center; justify-content: space-between; }
.kth-drawer__nav { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--kth-border); }
.kth-drawer__nav a {
  display: block; padding: 16px 0; border-bottom: 1px solid var(--kth-border);
  font-family: var(--kth-font-heading); font-size: 22px; color: var(--kth-ink); text-decoration: none;
}
.kth-drawer__foot { margin-top: auto; display: flex; gap: 24px; font-size: 14px; }
.kth-drawer__foot a { color: var(--kth-ink); }
.kth-drawer-open { overflow: hidden; }

@media (max-width: 1024px) {
  .kth-header-slot { height: 64px; }
  .kth-header-slot.is-overlay { height: 0; }
  .kth-header__in, .kth-header.is-stuck .kth-header__in { grid-template-columns: 44px 1fr auto; gap: 8px; height: 64px; padding: 0 12px; }
  .kth-header__burger { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-height: 0; padding: 0; border: 0; background: none; color: var(--kth-ink); }
  .kth-header__nav, .kth-tool--account { display: none; }
  .kth-header__logo { justify-self: center; }
  .kth-header__logo img, .kth-header.is-stuck .kth-header__logo img { height: 24px; }
  .kth-topbar { font-size: 11px; min-height: 34px; }
  .kth-topbar .kth-ic { display: none; }
}