@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 — брендовый слой каталога / карточки / корзины.
 * Цель: витрина не выглядит «другим сайтом» относительно студийного лендинга.
 * Подключается вместе с catalog-maytoni.css (см. inc/catalog-maytoni.php).
 * Не ломаем UX WooCommerce: фильтры, цены, add-to-cart остаются рабочими.
 */

:root {
  --ll-cat-dark: #4c4c3f;
  --ll-cat-dark-deep: #3a3a30;
  --ll-cat-mint: #bfbd98;
  --ll-cat-mint-soft: #d2d0b4;
  --ll-cat-mint-wash: rgba(191, 189, 152, 0.16);
  --ll-cat-paper: #12120e;
  --ll-cat-panel: rgba(18, 18, 14, 0.72);
  --ll-cat-ink: rgba(244, 243, 235, 0.92);
  --ll-cat-muted: rgba(244, 243, 235, 0.68);
  --ll-cat-line: rgba(191, 189, 152, 0.22);
  --ll-cat-line-soft: rgba(191, 189, 152, 0.12);
  --ll-cat-radius: 0.25rem;
  --ll-cat-font: "Manrope", "Segoe UI", sans-serif;
  --ll-cat-display: "Source Serif 4", "Times New Roman", serif;
}

/* ---------- Страницы каталога / карточки / корзина ---------- */
body.ll-catalog-brand,
body.ll-catalog-maytoni,
body.single-product,
body.woocommerce-cart,
body.woocommerce-checkout {
  --wd-primary-color: var(--ll-cat-mint);
  font-family: var(--ll-cat-font);
}

body.ll-catalog-brand,
body.ll-catalog-maytoni {
  background:
    radial-gradient(900px 520px at 12% 0%, rgba(191, 189, 152, 0.1), transparent 55%),
    radial-gradient(700px 480px at 88% 30%, rgba(76, 76, 63, 0.45), transparent 50%),
    linear-gradient(165deg, #161611 0%, #1c1c16 42%, #12120e 100%) !important;
  color: var(--ll-cat-ink);
}

body.ll-catalog-brand .main-page-wrapper,
body.ll-catalog-maytoni .main-page-wrapper,
body.ll-catalog-brand .wd-page-content,
body.ll-catalog-maytoni .wd-page-content,
body.ll-catalog-brand .site-content,
body.ll-catalog-maytoni .site-content {
  background: transparent !important;
}

/* Заголовок архива Woodmart — в тон бренду */
body.ll-catalog-brand .page-title,
body.ll-catalog-maytoni .page-title {
  background: rgba(14, 14, 11, 0.55) !important;
  border-bottom: 1px solid var(--ll-cat-line-soft);
  color: var(--ll-cat-ink);
}

body.ll-catalog-brand .page-title .title,
body.ll-catalog-maytoni .page-title .title,
body.ll-catalog-brand .page-title h1,
body.ll-catalog-maytoni .page-title h1 {
  font-family: var(--ll-cat-display) !important;
  font-weight: 600 !important;
  color: var(--ll-cat-ink) !important;
}

body.ll-catalog-brand .woocommerce-breadcrumb,
body.ll-catalog-maytoni .woocommerce-breadcrumb,
body.ll-catalog-brand .woocommerce-breadcrumb a,
body.ll-catalog-maytoni .woocommerce-breadcrumb a {
  color: var(--ll-cat-muted) !important;
}

body.ll-catalog-brand .woocommerce-breadcrumb a:hover,
body.ll-catalog-maytoni .woocommerce-breadcrumb a:hover {
  color: var(--ll-cat-mint) !important;
}

/* ---------- Верхняя панель каталога (Maytoni bar) ---------- */
.ll-catalog-bar {
  font-family: var(--ll-cat-font) !important;
  color: var(--ll-cat-ink) !important;
  background: rgba(18, 18, 14, 0.55) !important;
  border-bottom: 1px solid var(--ll-cat-line) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: none !important;
}

.ll-catalog-bar__eyebrow {
  color: var(--ll-cat-mint) !important;
  letter-spacing: 0.16em;
}

.ll-catalog-bar__title {
  font-family: var(--ll-cat-display) !important;
  color: var(--ll-cat-ink) !important;
  font-weight: 600 !important;
}

.ll-catalog-bar__count {
  color: var(--ll-cat-muted) !important;
}

.ll-catalog-trends__link {
  border-radius: var(--ll-cat-radius) !important;
  border-color: var(--ll-cat-line) !important;
  background: rgba(76, 76, 63, 0.28) !important;
  color: var(--ll-cat-ink) !important;
  font-family: var(--ll-cat-font) !important;
}

.ll-catalog-trends__link:hover,
.ll-catalog-trends__link.is-active {
  background: var(--ll-cat-dark) !important;
  border-color: var(--ll-cat-mint) !important;
  color: var(--ll-cat-mint) !important;
}

.ll-catalog-trends__link--mint {
  background: var(--ll-cat-mint-wash) !important;
  border-color: rgba(191, 189, 152, 0.45) !important;
  color: var(--ll-cat-mint) !important;
}

.ll-catalog-trends__link--mint:hover,
.ll-catalog-trends__link--mint.is-active {
  background: var(--ll-cat-mint) !important;
  color: var(--ll-cat-dark) !important;
}

.ll-catalog-cats__link {
  border-radius: var(--ll-cat-radius) !important;
  color: var(--ll-cat-muted) !important;
}

.ll-catalog-cats__link:hover {
  border-color: var(--ll-cat-line) !important;
  background: rgba(76, 76, 63, 0.35) !important;
  color: var(--ll-cat-mint) !important;
}

.ll-catalog-cats__link.is-active {
  background: rgba(76, 76, 63, 0.55) !important;
  border-color: var(--ll-cat-mint) !important;
  color: var(--ll-cat-mint) !important;
}

.ll-catalog-chips__chip {
  border-radius: var(--ll-cat-radius) !important;
  background: var(--ll-cat-mint-wash) !important;
  border-color: var(--ll-cat-line) !important;
  color: var(--ll-cat-mint) !important;
}

.ll-catalog-chips__label,
.ll-catalog-chips__clear {
  color: var(--ll-cat-muted) !important;
}

/* ---------- Тулбар сортировки ---------- */
body.ll-catalog-maytoni .shop-loop-head,
body.ll-catalog-brand .shop-loop-head {
  font-family: var(--ll-cat-font) !important;
  background: rgba(18, 18, 14, 0.62) !important;
  border: 1px solid var(--ll-cat-line-soft) !important;
  border-radius: var(--ll-cat-radius) !important;
  color: var(--ll-cat-ink);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body.ll-catalog-maytoni .shop-loop-head.is-ll-sticky,
body.ll-catalog-brand .shop-loop-head.is-ll-sticky {
  top: 58px;
  z-index: 40;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;
}

body.ll-catalog-maytoni .woocommerce-result-count,
body.ll-catalog-brand .woocommerce-result-count,
body.ll-catalog-maytoni .woocommerce-ordering select,
body.ll-catalog-brand .woocommerce-ordering select {
  color: var(--ll-cat-muted) !important;
  background: rgba(76, 76, 63, 0.35);
  border-color: var(--ll-cat-line);
}

body.ll-catalog-maytoni .wd-show-sidebar-btn > a,
body.ll-catalog-brand .wd-show-sidebar-btn > a {
  border-radius: var(--ll-cat-radius) !important;
  background: var(--ll-cat-dark) !important;
  border-color: var(--ll-cat-mint) !important;
  color: var(--ll-cat-mint) !important;
}

/* ---------- Сайдбар фильтров ---------- */
body.ll-catalog-maytoni .widget-area .widget,
body.ll-catalog-maytoni .wd-side-hidden .widget,
body.ll-catalog-maytoni #sidebar-right .widget,
body.ll-catalog-maytoni #sidebar-left .widget,
body.ll-catalog-maytoni .filters-area .widget {
  font-family: var(--ll-cat-font) !important;
  border-bottom-color: var(--ll-cat-line-soft) !important;
  color: var(--ll-cat-ink);
}

body.ll-catalog-maytoni .widget-title,
body.ll-catalog-maytoni .widget .widget-title {
  font-family: var(--ll-cat-font) !important;
  color: var(--ll-cat-mint) !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.78rem !important;
}

body.ll-catalog-maytoni .widget a,
body.ll-catalog-maytoni .wd-filter-list a,
body.ll-catalog-maytoni .woocommerce-widget-layered-nav-list a {
  color: var(--ll-cat-muted) !important;
}

body.ll-catalog-maytoni .widget a:hover,
body.ll-catalog-maytoni .wd-filter-list a:hover {
  color: var(--ll-cat-mint) !important;
}

body.ll-catalog-maytoni .wd-side-hidden,
body.ll-catalog-maytoni .cart-widget-side {
  background: rgba(14, 14, 11, 0.96) !important;
  border-color: var(--ll-cat-line) !important;
  color: var(--ll-cat-ink);
}

/* ---------- Карточки товаров (один hairline — без nested double frame) ---------- */
body.ll-catalog-maytoni .product-grid-item,
body.ll-catalog-brand .product-grid-item,
body.ll-catalog-maytoni .wd-product,
body.ll-catalog-brand .wd-product {
  font-family: var(--ll-cat-font);
  background: rgba(18, 18, 14, 0.45);
  border: 1px solid var(--ll-cat-line-soft);
  border-radius: var(--ll-cat-radius);
  overflow: hidden;
  box-shadow: none;
  outline: none;
}

body.ll-catalog-maytoni .product-grid-item:hover,
body.ll-catalog-brand .product-grid-item:hover,
body.ll-catalog-maytoni .wd-product:hover,
body.ll-catalog-brand .wd-product:hover {
  border-color: var(--ll-cat-line);
}

/* Kill Woodmart / Maytoni nested borders on inner wrappers & thumbs */
body.ll-catalog-maytoni .product-grid-item .product-wrapper,
body.ll-catalog-brand .product-grid-item .product-wrapper,
body.ll-catalog-maytoni .wd-product .product-wrapper,
body.ll-catalog-brand .wd-product .product-wrapper {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

body.ll-catalog-maytoni .product-grid-item .product-element-top,
body.ll-catalog-brand .product-grid-item .product-element-top,
body.ll-catalog-maytoni .product-grid-item .product-image-link,
body.ll-catalog-brand .product-grid-item .product-image-link,
body.ll-catalog-maytoni .product-grid-item .hover-img,
body.ll-catalog-brand .product-grid-item .hover-img,
body.ll-catalog-maytoni .product-grid-item .product-image-link img,
body.ll-catalog-brand .product-grid-item .product-image-link img {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

body.ll-catalog-maytoni .product-grid-item .product-image-link,
body.ll-catalog-brand .product-grid-item .product-image-link,
body.ll-catalog-maytoni .product-grid-item .hover-img,
body.ll-catalog-brand .product-grid-item .hover-img {
  background: #1a1a14;
}

body.ll-catalog-maytoni .wd-entities-title a,
body.ll-catalog-brand .wd-entities-title a,
body.ll-catalog-maytoni .product-grid-item .wd-entities-title,
body.ll-catalog-brand .product-grid-item .wd-entities-title {
  color: var(--ll-cat-ink) !important;
  font-family: var(--ll-cat-font) !important;
  font-weight: 500 !important;
}

body.ll-catalog-maytoni .price,
body.ll-catalog-brand .price,
body.ll-catalog-maytoni .price .amount,
body.ll-catalog-brand .price .amount {
  color: var(--ll-cat-mint) !important;
  font-family: var(--ll-cat-font) !important;
  font-weight: 600 !important;
}

body.ll-catalog-maytoni .price del,
body.ll-catalog-brand .price del,
body.ll-catalog-maytoni .price del .amount,
body.ll-catalog-brand .price del .amount {
  color: var(--ll-cat-muted) !important;
  opacity: 0.75;
}

body.ll-catalog-maytoni .button,
body.ll-catalog-brand .button,
body.ll-catalog-maytoni .add_to_cart_button,
body.ll-catalog-brand .add_to_cart_button,
body.ll-catalog-maytoni .product-grid-item .button,
body.ll-catalog-brand .product-grid-item .button {
  font-family: var(--ll-cat-font) !important;
  background: var(--ll-cat-dark) !important;
  border: 1px solid rgba(191, 189, 152, 0.45) !important;
  color: var(--ll-cat-mint) !important;
  border-radius: var(--ll-cat-radius) !important;
  text-transform: none !important;
  letter-spacing: 0.03em;
}

body.ll-catalog-maytoni .button:hover,
body.ll-catalog-brand .button:hover,
body.ll-catalog-maytoni .add_to_cart_button:hover,
body.ll-catalog-brand .add_to_cart_button:hover {
  background: var(--ll-cat-mint) !important;
  color: var(--ll-cat-dark) !important;
  border-color: var(--ll-cat-mint) !important;
}

/* ---------- Карточка товара + корзина (лёгкое выравнивание) ---------- */
body.single-product .product-image-summary,
body.single-product .summary,
body.woocommerce-cart .woocommerce,
body.woocommerce-checkout .woocommerce {
  font-family: var(--ll-cat-font);
}

body.single-product .product_title,
body.woocommerce-cart .cart-totals h2,
body.woocommerce-checkout .woocommerce-billing-fields h3 {
  font-family: var(--ll-cat-display);
}

body.single-product .price .amount,
body.woocommerce-cart .cart-subtotal .amount,
body.woocommerce-cart .order-total .amount {
  color: var(--ll-cat-dark);
}

body.single-product .single_add_to_cart_button,
body.woocommerce-cart .checkout-button,
body.woocommerce-checkout #place_order {
  background: var(--ll-cat-dark) !important;
  border-color: var(--ll-cat-dark) !important;
  color: #f4f3eb !important;
  border-radius: var(--ll-cat-radius) !important;
  font-family: var(--ll-cat-font) !important;
}

body.single-product .single_add_to_cart_button:hover,
body.woocommerce-cart .checkout-button:hover,
body.woocommerce-checkout #place_order:hover {
  background: #3a3a30 !important;
  border-color: var(--ll-cat-mint) !important;
  color: var(--ll-cat-mint) !important;
}

/* Пагинация */
body.ll-catalog-maytoni .woocommerce-pagination a,
body.ll-catalog-maytoni .woocommerce-pagination span,
body.ll-catalog-brand .woocommerce-pagination a,
body.ll-catalog-brand .woocommerce-pagination span {
  background: rgba(76, 76, 63, 0.35) !important;
  border-color: var(--ll-cat-line) !important;
  color: var(--ll-cat-ink) !important;
  border-radius: var(--ll-cat-radius) !important;
}

body.ll-catalog-maytoni .woocommerce-pagination .current,
body.ll-catalog-brand .woocommerce-pagination .current {
  background: var(--ll-cat-mint) !important;
  color: var(--ll-cat-dark) !important;
  border-color: var(--ll-cat-mint) !important;
}