/* ── Announcement bar ───────────────────────────────────────────────────── */
.ct-announcement-bar,
[data-id="announcement-bar"],
.lc-announce {
  background: var(--night) !important;
  color: var(--gold-soft) !important;
  text-align: center;
  font-family: var(--sans) !important;
  font-size: 11px !important;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  padding: 9px 16px !important;
}
.ct-announcement-bar a,
[data-id="announcement-bar"] a { color: var(--gold-soft) !important; }

/* ── Main header ────────────────────────────────────────────────────────── */
header.ct-header,
.site-header {
  position: sticky !important;
  top: 0;
  z-index: 100 !important;
  background: rgba(250, 246, 239, 0.92) !important;
  backdrop-filter: saturate(140%) blur(10px);
  -webkit-backdrop-filter: saturate(140%) blur(10px);
  border-bottom: 1px solid transparent !important;
  transition: border-color 200ms ease !important;
  box-shadow: none !important;
}
header.ct-header.scrolled,
.site-header.scrolled {
  border-bottom-color: var(--rule) !important;
}

/* Header row height */
header.ct-header .header-row .ct-container,
header.ct-header .ct-container {
  min-height: 84px;
  display: flex;
  align-items: center;
}

/* ── Logo ───────────────────────────────────────────────────────────────── */
/* Image logo */
.site-logo img,
.ct-site-logo img,
.custom-logo {
  max-height: 48px !important;
  width: auto !important;
}

/* Text logo fallback (if no image uploaded) */
.ct-site-title,
.ct-site-title a,
.site-title,
.site-title a {
  font-family: var(--serif) !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  color: var(--ink) !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

/* ── Navigation ─────────────────────────────────────────────────────────── */
.ct-main-nav .ct-menu,
.ct-main-nav .menu {
  display: flex !important;
  gap: 32px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.ct-main-nav .ct-menu a,
.ct-main-nav .menu a,
.lc-nav a {
  font-family: var(--sans) !important;
  font-size: 13px !important;
  letter-spacing: 0.06em;
  color: var(--ink) !important;
  position: relative;
  padding: 4px 0;
  text-decoration: none !important;
  transition: color 150ms ease;
  background: none !important;
}
.ct-main-nav .ct-menu a:hover,
.ct-main-nav .menu a:hover { color: var(--gold-deep) !important; }

/* Active menu item underline */
.ct-main-nav .ct-menu li.current-menu-item > a::after,
.ct-main-nav .menu li.current-menu-item > a::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  bottom: -2px;
  height: 1px;
  background: var(--gold);
}

/* ── Header icon buttons ─────────────────────────────────────────────────── */
.ct-header-icons .ct-icon-button,
.ct-header-icons a,
.lc-icon-btn {
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  transition: background 150ms ease !important;
  color: var(--ink) !important;
  background: transparent !important;
}
.ct-header-icons .ct-icon-button:hover,
.ct-header-icons a:hover { background: var(--ivory-2) !important; }

.ct-header-icons .ct-icon-button svg,
.ct-header-icons a svg {
  width: 18px !important;
  height: 18px !important;
  stroke: var(--ink) !important;
}

/* Cart count badge */
.ct-cart-content [data-count],
.ct-cart-count,
.lc-cart-count {
  background: var(--ink) !important;
  color: var(--ivory) !important;
  font-family: var(--sans) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  border-radius: 50% !important;
  line-height: 1 !important;
}

/* ── Mobile menu toggle ─────────────────────────────────────────────────── */
.ct-toggle-dropdown-trigger,
.ct-toggle-dropdown-trigger:hover {
  color: var(--ink) !important;
  background: transparent !important;
}

/* ── Dropdown submenu ───────────────────────────────────────────────────── */
/* NOTE: kluczowe overrides (tło, kolory) są w enqueue.php wp_head 999
   żeby pobić Blocksy inline <style>. Tu wersja fallback / dokumentacja. */
.ct-main-nav .ct-sub-menu {
  background: var(--ivory) !important;
  border: 1px solid var(--rule) !important;
  border-radius: 4px !important;
  box-shadow: 0 8px 32px rgba(26, 24, 20, 0.08) !important;
  padding: 6px 0 !important;
  min-width: 180px !important;
}
.ct-main-nav .ct-sub-menu .ct-menu-link {
  color: var(--ink) !important;
  padding: 10px 20px !important;
  display: block !important;
  font-size: 13px !important;
  letter-spacing: 0.04em !important;
  background: none !important;
}
.ct-main-nav .ct-sub-menu .ct-menu-link:hover {
  color: var(--gold-deep) !important;
  background: var(--ivory-2) !important;
}
.ct-main-nav .ct-sub-menu .current-menu-item > .ct-menu-link,
.ct-main-nav .ct-sub-menu .current-menu-ancestor > .ct-menu-link {
  color: var(--gold) !important;
}

/* ── Remove Blocksy proxy ───────────────────────────────────────────────── */
.ct-header-transparent-proxy { display: none !important; }

/* ══════════════════════════════════════════════════════════════════════════
   Custom header — LUNA lewa | Nawigacja środek | Ikony prawa
   Zastępuje Blocksy Header Builder
   ══════════════════════════════════════════════════════════════════════════ */

.lc-site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(250, 246, 239, 0.92);
  backdrop-filter: saturate(140%) blur(10px);
  -webkit-backdrop-filter: saturate(140%) blur(10px);
  border-bottom: 1px solid transparent;
  transition: border-color 200ms ease;
}
.lc-site-header.scrolled { border-bottom-color: var(--rule); }

/* 3-column: logo(auto) | nav(1fr, centered) | icons(auto) */
.lc-header__bar {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  height: 84px;
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 var(--gutter);
  gap: clamp(16px, 3vw, 40px);
}

/* ── Logo (lewa) ──────────────────────────────────────────────────────── */
.lc-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
  flex-shrink: 0;
}
.lc-logo__word {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  letter-spacing: 0.32em !important;
  padding-left: 0.32em;
  color: #1A1814 !important;
  line-height: 1 !important;
  display: block !important;
}
.lc-logo__sub {
  font-family: "Inter Tight", -apple-system, system-ui, sans-serif !important;
  font-size: 8.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.36em !important;
  padding-left: 0.36em;
  color: #8E7440 !important;
  text-transform: uppercase !important;
  display: block !important;
}

/* ── Nawigacja (środek — wyśrodkowana) ────────────────────────────────── */
.lc-nav {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lc-nav__list {
  display: flex;
  gap: clamp(16px, 2vw, 32px);
  list-style: none;
  margin: 0;
  padding: 0;
}
.lc-nav__list a {
  font-family: var(--sans);
  font-size: clamp(11px, 1vw, 13px);
  letter-spacing: 0.05em;
  color: var(--ink);
  position: relative;
  padding: 4px 0;
  text-decoration: none;
  white-space: nowrap;
  transition: color 150ms ease;
}
.lc-nav__list a:hover { color: var(--gold-deep); }
.lc-nav__list .current-menu-item > a::after,
.lc-nav__list .current_page_item > a::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  bottom: -2px;
  height: 1px;
  background: var(--gold);
}

/* ── Ikony (prawa) ────────────────────────────────────────────────────── */
.lc-header__icons {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.lc-cart-btn { position: relative; }
.lc-cart-count {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 16px;
  height: 16px;
  background: var(--ink);
  color: var(--ivory);
  font-family: var(--sans);
  font-size: 10px;
  font-weight: 500;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  pointer-events: none;
}
.lc-cart-count[hidden] { display: none; }

/* ── Hamburger (desktop: ukryty) ──────────────────────────────────────── */
.lc-hamburger { display: none !important; }
.lc-icon-close { display: none; }
.lc-hamburger[aria-expanded="true"] .lc-icon-menu  { display: none; }
.lc-hamburger[aria-expanded="true"] .lc-icon-close { display: block; }

/* ── Panel wyszukiwarki (slide-down) ──────────────────────────────────── */
.lc-search-panel {
  overflow: hidden;
  max-height: 0;
  background: var(--ivory);
  border-top: 1px solid transparent;
  transition: max-height 280ms ease, border-color 280ms ease, padding 280ms ease;
  padding: 0 var(--gutter);
}
.lc-search-panel.open {
  max-height: 76px;
  border-top-color: var(--rule);
  padding: 18px var(--gutter);
}
.lc-search-form {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: var(--container);
  margin: 0 auto;
  color: var(--ink-mute);
}
.lc-search-input {
  flex: 1;
  border: none;
  border-bottom: 1px solid var(--rule);
  background: transparent;
  font-family: var(--sans);
  font-size: 15px;
  color: var(--ink);
  padding: 6px 0;
  outline: none;
  transition: border-color 200ms ease;
}
.lc-search-input:focus { border-bottom-color: var(--gold); }
.lc-search-input::placeholder { color: var(--ink-mute); }

/* ── Mobile nav (slide-down) ──────────────────────────────────────────── */
.lc-mobile-nav {
  overflow: hidden;
  max-height: 0;
  background: var(--ivory);
  border-top: 1px solid transparent;
  transition: max-height 320ms cubic-bezier(0.2, 0.6, 0.2, 1), border-color 320ms ease, padding 320ms ease;
  padding: 0 var(--gutter);
}
.lc-mobile-nav.open {
  max-height: 600px;
  border-top-color: var(--rule);
  padding: 8px var(--gutter) 20px;
}
.lc-mobile-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.lc-mobile-nav__list li { border-bottom: 1px solid var(--rule); }
.lc-mobile-nav__list li:last-child { border-bottom: none; }
.lc-mobile-nav__list a {
  display: block;
  font-family: var(--sans);
  font-size: 15px;
  letter-spacing: 0.03em;
  color: var(--ink);
  padding: 16px 0;
  text-decoration: none;
  transition: color 150ms ease;
}
.lc-mobile-nav__list a:hover { color: var(--gold-deep); }
.lc-mobile-nav__list .current-menu-item > a { color: var(--gold-deep); }

/* ── Dropdown submenu ─────────────────────────────────────────────────── */
.lc-nav__list .menu-item-has-children { position: relative; }

/* Chevron na rodzicu (background SVG, bez konfliktu z ::after aktywnego) */
.lc-nav__list .menu-item-has-children > a {
  padding-right: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='M1 1l3 3 3-3' stroke='%231A1814' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1px center;
}
.lc-nav__list .menu-item-has-children > a:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='M1 1l3 3 3-3' stroke='%238E7440' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Submenu panel */
.lc-nav__list .sub-menu {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 200px;
  background: var(--ivory);
  border: 1px solid var(--rule);
  border-radius: 4px;
  box-shadow: 0 8px 32px rgba(26, 24, 20, 0.08);
  padding: 6px 0;
  list-style: none;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity 200ms ease, transform 200ms ease, visibility 0s 200ms;
  z-index: 200;
}
.lc-nav__list .menu-item-has-children:hover > .sub-menu,
.lc-nav__list .menu-item-has-children:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}
.lc-nav__list .sub-menu a {
  display: block;
  padding: 10px 20px;
  font-family: var(--sans);
  font-size: 13px;
  letter-spacing: 0.04em;
  color: var(--ink);
  white-space: nowrap;
  background-image: none !important;
  padding-right: 20px !important;
}
.lc-nav__list .sub-menu a:hover {
  color: var(--gold-deep);
  background: var(--ivory-2);
}
/* Brak podkreślenia aktywnego na sub-itemach */
.lc-nav__list .sub-menu .current-menu-item > a::after { display: none; }
.lc-nav__list .sub-menu .current-menu-item > a { color: var(--gold-deep); }

/* ── Mobile: sub-menu rozwinięte inline ───────────────────────────────── */
.lc-mobile-nav__list .menu-item-has-children > a {
  background-image: none !important;
  padding-right: 0 !important;
}
.lc-mobile-nav__list .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0 0 0 16px;
}
.lc-mobile-nav__list .sub-menu li { border-bottom: 1px solid rgba(229, 222, 205, 0.5); }
.lc-mobile-nav__list .sub-menu li:last-child { border-bottom: none; }
.lc-mobile-nav__list .sub-menu a {
  padding: 11px 0;
  font-size: 13px;
  color: var(--ink-soft);
  border-bottom: none !important;
}
.lc-mobile-nav__list .sub-menu a:hover { color: var(--gold-deep); }

/* ── Responsive ≤860px ────────────────────────────────────────────────── */
@media (max-width: 860px) {
  .lc-hamburger     { display: inline-flex !important; }
  .lc-nav           { display: none !important; }
  .lc-search-btn    { display: none !important; }
  .lc-account-btn   { display: inline-flex !important; }
  .lc-header__icons { grid-column: 3; }
}