@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,500;8..60,600;8..60,700&display=swap");

/*
 * LightLab — глобальный хедер (studio glass).
 * Подключается на всех страницах из functions.php → lightlab_studio_header_assets().
 * Глобальные шрифты/фон/футер — см. lightlab-brand.css.
 *
 * ROOT CAUSE (2026-08-10): меню из 9 пунктов живёт в .whb-header-bottom,
 * НЕ в .whb-general-header. Скрытие .whb-header-bottom { display:none } убивало
 * весь main nav. .whb-general-header содержит только лого + иконки.
 *
 * Также: .ll-studio__live-bg / .ll-designers__live-bg — fixed fullscreen;
 * хедер обязан быть выше (z-index 99999).
 *
 * Лого: Woodmart по умолчанию отдаёт wood-logo-dark.svg. Wordmark — один канал:
 * фон на .wd-logo (fallback) ИЛИ <img src=header_logo.webp>, без content:url.
 */

:root {
  --ll-hdr-dark: #4c4c3f;
  --ll-hdr-mint: #bfbd98;
  --ll-hdr-ink: rgba(244, 243, 235, 0.92);
  --ll-hdr-muted: rgba(244, 243, 235, 0.78);
  --ll-hdr-glass: rgba(14, 14, 11, 0.96);
  --ll-hdr-glass-strong: rgba(10, 10, 8, 0.98);
  --ll-hdr-line: rgba(191, 189, 152, 0.32);
  --ll-hdr-font: "Manrope", "Segoe UI", sans-serif;
  --ll-hdr-display: "Source Serif 4", "Times New Roman", serif;
}

/* ---------- Слой НАД fixed-фоном лендинга (нельзя покрыть canvas) ---------- */
.whb-header,
.whb-header.whb-sticky-real,
.whb-header.whb-sticked,
.whb-clone,
.whb-clone.whb-main-header,
.whb-clone.whb-sticked {
  position: relative !important;
  z-index: 99999 !important;
  isolation: isolate;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  clip: auto !important;
  clip-path: none !important;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}

.whb-header.whb-sticked,
.whb-header.whb-sticky-real.whb-sticked,
.whb-clone.whb-main-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
}

/* Скрываем ТОЛЬКО пустой top-bar и баннер.
   .whb-header-bottom НЕ трогать — там главное меню (9 пунктов). */
.whb-header .whb-top-bar,
.header-banner {
  display: none !important;
}

.whb-header {
  margin-bottom: 0 !important;
  background: var(--ll-hdr-glass) !important;
  box-shadow: none !important;
  border: 0 !important;
  font-family: var(--ll-hdr-font);
}

.whb-header .whb-main-header {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: var(--ll-hdr-glass) !important;
}

/* Обе полосы: лого+иконки И меню — сплошное тёмное стекло */
.whb-header .whb-general-header,
.whb-header .whb-header-bottom,
.whb-header .whb-general-header.whb-with-bg,
.whb-header .whb-general-header.whb-without-bg,
.whb-header .whb-header-bottom.whb-with-bg,
.whb-header .whb-header-bottom.whb-without-bg,
.whb-header .whb-row.whb-general-header,
.whb-header .whb-row.whb-header-bottom,
.whb-header.whb-sticked .whb-general-header,
.whb-header.whb-sticked .whb-header-bottom,
.whb-clone .whb-general-header,
.whb-clone .whb-header-bottom,
.whb-clone.whb-main-header {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  background: var(--ll-hdr-glass) !important;
  backdrop-filter: blur(16px) saturate(1.05);
  -webkit-backdrop-filter: blur(16px) saturate(1.05);
  border-bottom: 0 !important;
  box-shadow: none !important;
  color: var(--ll-hdr-ink) !important;
  min-height: 0;
}

.whb-header .whb-general-header {
  border-bottom: 1px solid rgba(191, 189, 152, 0.12) !important;
}

.whb-header .whb-header-bottom {
  border-bottom: 1px solid var(--ll-hdr-line) !important;
}

/* Desktop: меню видно; mobile row уже whb-hidden-mobile в разметке */
.whb-header .whb-header-bottom.whb-hidden-mobile {
  /* Woodmart hides via CSS class on mobile — keep that; force visible on desktop */
}

@media (min-width: 1025px) {
  .whb-header .whb-header-bottom,
  .whb-header .whb-header-bottom.whb-hidden-mobile {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

.whb-header .whb-general-header-inner,
.whb-header .whb-header-bottom-inner,
.whb-header .whb-flex-row {
  min-height: 52px;
  align-items: center;
}

.whb-header .whb-header-bottom-inner {
  min-height: 44px;
}

.whb-header .container {
  max-width: min(1280px, 100%);
}

/* ---------- Логотип LightLab (не woodmart default) ---------- */
.whb-header .site-logo {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
  visibility: visible !important;
  opacity: 1 !important;
}

.whb-header .site-logo a.wd-logo,
.whb-header .site-logo a {
  display: inline-flex !important;
  align-items: center;
  line-height: 0;
  max-width: 156px;
}

/*
 * Ровно один логотип:
 * — если в src ещё wood-logo*.svg → прячем img, wordmark только фоном на .wd-logo
 * — если src уже header_logo.webp → только <img>, без фона и без content:url
 * НЕ совмещать background + content:url — в Chromium content рисуется
 * даже при opacity:0 у img → «логотип двоится».
 */
.whb-header .site-logo a.wd-logo,
.whb-clone .site-logo a.wd-logo,
.mobile-nav .site-logo a.wd-logo {
  position: relative;
  min-width: 128px;
  min-height: 32px;
  background: none;
}

.whb-header .site-logo:has(img[src*="wood-logo"]) a.wd-logo,
.whb-header .site-logo:has(img[src*="/woodmart/images/"]) a.wd-logo,
.whb-clone .site-logo:has(img[src*="wood-logo"]) a.wd-logo,
.mobile-nav .site-logo:has(img[src*="wood-logo"]) a.wd-logo {
  background: url("https://xn--80aaacgstu3abucokg8r.xn--p1ai/wp-content/uploads/2025/02/header_logo.webp") left center / contain no-repeat;
}

.whb-header .site-logo img,
.whb-header .wd-logo img,
.whb-clone .site-logo img,
.mobile-nav .site-logo img {
  display: block !important;
  width: auto !important;
  max-width: 148px !important;
  max-height: 36px !important;
  height: auto !important;
  min-width: 96px;
  min-height: 22px;
  object-fit: contain;
  visibility: visible !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Дефолтный SVG Woodmart — невидим, слот держит размер; словоmark — фон родителя */
.whb-header .site-logo img[src*="wood-logo"],
.whb-header .wd-logo img[src*="wood-logo"],
.whb-header .site-logo img[src*="/woodmart/images/"],
.whb-clone .site-logo img[src*="wood-logo"],
.mobile-nav .site-logo img[src*="wood-logo"] {
  opacity: 0 !important;
  width: 148px !important;
  max-height: 36px !important;
}

/* Правильный src — один видимый <img>, без дубля фона */
.whb-header .site-logo img[src*="header_logo"],
.whb-header .wd-logo img[src*="header_logo"],
.whb-header .site-logo img[src*="lightlab"],
.whb-clone .site-logo img[src*="header_logo"],
.mobile-nav .site-logo img[src*="header_logo"] {
  opacity: 1 !important;
  filter: none !important;
}

/* ---------- Главное меню (9 пунктов в .whb-header-bottom) ---------- */
.whb-header .wd-header-main-nav,
.whb-header .wd-nav-main {
  font-family: var(--ll-hdr-font) !important;
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
  height: auto !important;
}

.whb-header .wd-nav-main {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.15rem;
  margin: 0;
  padding: 0.15rem 0;
  list-style: none;
}

.whb-header .wd-nav-main > li {
  margin: 0 !important;
  display: list-item !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.whb-header .wd-nav-main > li > a {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  padding: 0.4rem 0.55rem !important;
  font-family: var(--ll-hdr-font) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em;
  line-height: 1.2 !important;
  text-transform: none !important;
  color: var(--ll-hdr-muted) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  white-space: nowrap;
  transition: color 180ms ease;
  visibility: visible !important;
  opacity: 1 !important;
}

.whb-header .wd-nav-main > li > a .nav-link-text {
  font: inherit !important;
  letter-spacing: inherit;
  text-transform: none !important;
  color: inherit !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.whb-header .wd-nav-main > li > a:hover,
.whb-header .wd-nav-main > li:hover > a,
.whb-header .wd-nav-main > li.current-menu-item > a,
.whb-header .wd-nav-main > li.current_page_item > a {
  color: var(--ll-hdr-mint) !important;
}

/* Сброс штатного underline Woodmart, свой тонкий акцент */
.whb-header .wd-nav-main.wd-style-underline > li > a:after,
.whb-header .wd-nav-main.wd-style-default > li > a:after,
.whb-header .wd-nav-main > li > a:after,
.whb-header .wd-nav-main > li > a:before {
  content: none !important;
  display: none !important;
}

.whb-header .wd-nav-main > li > a::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  left: 0.55rem;
  right: 0.55rem;
  bottom: 0.1rem;
  height: 1px;
  background: var(--ll-hdr-mint);
  opacity: 0;
  transform: scaleX(0.6);
  transition: opacity 180ms ease, transform 180ms ease;
}

.whb-header .wd-nav-main > li > a:hover::after,
.whb-header .wd-nav-main > li.current-menu-item > a::after,
.whb-header .wd-nav-main > li.current_page_item > a::after {
  opacity: 0.85;
  transform: scaleX(1);
}

/* ---------- Телефон в хедере ---------- */
.whb-header .phone-in-header {
  margin-left: 0.65rem !important;
  gap: 0.4rem;
  align-items: center;
}

.whb-header .phone-in-header img {
  opacity: 0.75;
  filter: brightness(0) saturate(100%) invert(86%) sepia(12%) saturate(420%) hue-rotate(12deg);
}

.whb-header .phone-in-header a {
  margin: 0 !important;
  font-family: var(--ll-hdr-font) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em;
  color: var(--ll-hdr-mint) !important;
  white-space: nowrap;
}

/* ---------- Иконки: тонкие, без квадратных «коробок» ---------- */
.whb-header .wd-tools-element {
  margin-inline: 0.05rem !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.whb-header .wd-tools-element > a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0.2rem !important;
  color: var(--ll-hdr-mint) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.whb-header .wd-tools-element .wd-tools-text,
.whb-header .wd-header-cart .wd-cart-subtotal,
.whb-header .wd-header-cart .wd-tools-text,
.whb-header .wd-header-my-account .wd-tools-text,
.whb-header .wd-header-wishlist .wd-tools-text {
  display: none !important;
}

.whb-header .wd-tools-element .wd-tools-icon,
.whb-header .wd-tools-element .wd-tools-icon:before,
.whb-header .wd-tools-element .wd-tools-icon:after {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

.whb-header .wd-tools-element .wd-tools-icon {
  position: relative;
  width: 1.15rem !important;
  height: 1.15rem !important;
  min-width: 1.15rem !important;
  min-height: 1.15rem !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  font-size: 1.05rem !important;
  line-height: 1 !important;
  color: var(--ll-hdr-mint) !important;
  opacity: 0.88;
  transition: opacity 160ms ease, color 160ms ease, transform 160ms ease;
}

.whb-header .wd-tools-element:hover .wd-tools-icon,
.whb-header .wd-tools-element > a:hover .wd-tools-icon {
  opacity: 1;
  color: #d2d0b4 !important;
  transform: translateY(-1px);
  border: 0 !important;
  background: transparent !important;
}

/* Сброс «квадратных» дизайнов Woodmart (design-1/2) */
.whb-header .wd-tools-element.wd-design-1 .wd-tools-icon,
.whb-header .wd-tools-element.wd-design-2 .wd-tools-icon,
.whb-header .wd-header-cart.wd-design-2 .wd-tools-icon,
.whb-header .wd-header-wishlist.wd-design-2 .wd-tools-icon,
.whb-header .wd-header-my-account.wd-design-1 .wd-tools-icon,
.whb-header .wd-header-search.wd-design-1 .wd-tools-icon {
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  width: 1.15rem !important;
  height: 1.15rem !important;
}

.whb-header .wd-cart-number,
.whb-header .wd-tools-count {
  position: absolute !important;
  top: -0.35rem;
  right: -0.45rem;
  background: var(--ll-hdr-mint) !important;
  color: var(--ll-hdr-dark) !important;
  font-family: var(--ll-hdr-font) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  min-width: 0.9rem;
  height: 0.9rem;
  line-height: 0.9rem;
  border-radius: 999px !important;
  padding: 0 0.18rem !important;
  border: 0 !important;
  box-shadow: none !important;
}

.whb-header .wd-cart-number span {
  display: none !important;
}

/* ---------- Выпадающие меню ---------- */
.whb-header .wd-dropdown-menu,
.whb-header .wd-dropdown,
.whb-header .catalog-megamenu {
  background: var(--ll-hdr-glass-strong) !important;
  border: 1px solid var(--ll-hdr-line) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  z-index: 100000 !important;
}

.whb-header .wd-dropdown-menu a,
.whb-header .catalog-megamenu a {
  color: var(--ll-hdr-muted) !important;
  font-family: var(--ll-hdr-font) !important;
  font-size: 13px !important;
  text-transform: none !important;
}

.whb-header .wd-dropdown-menu a:hover,
.whb-header .catalog-megamenu a:hover {
  color: var(--ll-hdr-mint) !important;
  background: rgba(76, 76, 63, 0.35) !important;
}

/* ---------- Sticky clone ---------- */
.whb-clone.whb-main-header,
.whb-header.whb-sticked {
  box-shadow: 0 1px 0 var(--ll-hdr-line) !important;
  background: var(--ll-hdr-glass-strong) !important;
}

.whb-header.whb-sticked .whb-general-header,
.whb-header.whb-sticked .whb-header-bottom,
.whb-clone .whb-general-header,
.whb-clone .whb-header-bottom {
  background: var(--ll-hdr-glass-strong) !important;
}

/* ---------- Мобильная полоса ---------- */
.whb-header .wd-header-mobile-nav .wd-tools-icon {
  border: 0 !important;
  background: transparent !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  color: var(--ll-hdr-mint) !important;
}

.whb-header .wd-header-mobile-nav .wd-tools-text {
  display: none !important;
}

.whb-header .whb-mobile-center .site-logo img {
  max-width: 120px !important;
  max-height: 30px !important;
}

.whb-header .whb-mobile-center .site-logo a.wd-logo {
  max-width: 120px;
  min-width: 110px;
  min-height: 28px;
}

/* ---------- Мобильный drawer ---------- */
.mobile-nav.wd-side-hidden {
  background: rgba(14, 14, 11, 0.96) !important;
  border-right: 1px solid var(--ll-hdr-line);
  box-shadow: none !important;
  font-family: var(--ll-hdr-font);
  z-index: 100001 !important;
}

.mobile-nav .wd-nav-mobile > li > a {
  color: var(--ll-hdr-muted) !important;
  font-family: var(--ll-hdr-font) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em;
  text-transform: none !important;
  padding-top: 0.85rem !important;
  padding-bottom: 0.85rem !important;
  border-bottom: 1px solid rgba(191, 189, 152, 0.12);
}

.mobile-nav .wd-nav-mobile > li > a:hover,
.mobile-nav .wd-nav-mobile > li.current-menu-item > a {
  color: var(--ll-hdr-mint) !important;
}

.mobile-nav .wd-search-form,
.mobile-nav .menu-item-wishlist,
.mobile-nav .menu-item-account {
  border-color: rgba(191, 189, 152, 0.16) !important;
}

.mobile-nav .wd-search-form input[type="text"],
.mobile-nav .wd-search-form input[type="search"] {
  background: rgba(76, 76, 63, 0.28) !important;
  border: 1px solid rgba(191, 189, 152, 0.28) !important;
  color: var(--ll-hdr-ink) !important;
  border-radius: 0.2rem !important;
  font-family: var(--ll-hdr-font);
}

/* Полноэкранный поиск */
.wd-search-full-screen {
  background: rgba(12, 12, 10, 0.94) !important;
  z-index: 100002 !important;
}

.wd-search-full-screen input[type="text"],
.wd-search-full-screen input[type="search"] {
  color: var(--ll-hdr-ink) !important;
  border-color: var(--ll-hdr-line) !important;
  font-family: var(--ll-hdr-font) !important;
}

/* Страховка: live-bg ВСЕГДА под хедером */
.ll-studio__live-bg,
.ll-designers__live-bg {
  z-index: -1 !important;
  pointer-events: none !important;
}

body:has(.ll-studio) .whb-header .whb-general-header,
body:has(.ll-studio) .whb-header .whb-header-bottom,
body:has(.ll-studio) .whb-header.whb-sticked .whb-general-header,
body:has(.ll-studio) .whb-header.whb-sticked .whb-header-bottom,
body:has(.ll-designers) .whb-header .whb-general-header,
body:has(.ll-designers) .whb-header .whb-header-bottom,
body:has(.ll-designers) .whb-header.whb-sticked .whb-general-header,
body:has(.ll-designers) .whb-header.whb-sticked .whb-header-bottom {
  background: var(--ll-hdr-glass) !important;
}

body:has(.ll-studio) .main-page-wrapper,
body:has(.ll-designers) .main-page-wrapper {
  padding-top: 0 !important;
}

/* ---------- Адаптив: уместить 9 пунктов ---------- */
@media (max-width: 1280px) and (min-width: 1025px) {
  .whb-header .phone-in-header {
    display: none !important;
  }

  .whb-header .wd-nav-main > li > a {
    padding-inline: 0.38rem !important;
    font-size: 12px !important;
    letter-spacing: 0.03em;
  }

  .whb-header .site-logo img {
    max-width: 128px !important;
  }

  .whb-header .site-logo a.wd-logo {
    max-width: 128px;
  }
}

@media (max-width: 1100px) and (min-width: 1025px) {
  .whb-header .wd-header-wishlist,
  .whb-header .wd-header-my-account {
    display: none !important;
  }

  .whb-header .wd-nav-main > li > a {
    padding-inline: 0.28rem !important;
    font-size: 11.5px !important;
  }
}

@media (max-width: 1024px) {
  .whb-header .whb-general-header-inner,
  .whb-header .whb-flex-row {
    min-height: 54px;
  }

  /* На мобиле меню в drawer; нижний ряд скрыт темой */
  .whb-header .whb-header-bottom {
    display: none !important;
  }
}

/* Страховка: скрыть чужой кредит в футере */
.copyrights-wrapper a[href*="justbusiness.studio"],
.copyrights-wrapper a[href*="justbusiness"] {
  display: none !important;
}

.copyrights-wrapper .col-left:has(a[href*="justbusiness"]) {
  font-size: 0 !important;
  line-height: 0 !important;
}