/*
 * alta-group.com.ua — вигляд «Новий» (варіант 2). Підключається лише при body.alta-design-2
 * (див. catalog/controller/event/alta_design.php). Поверх теми Promo: кольори логотипа
 * (червоний акцент, графітові шапка-підвал), виправлений перший екран, картки товарів без «шуму».
 */

/* ---------- Палітра ---------- */
body.alta-design-2 {
	--alta-red: #e3001b;
	--alta-red-dark: #b80016;
	--alta-graphite: #1f2124;
	--alta-graphite-2: #2a2d31;
	--alta-ink: #121715;
	--alta-muted: #5f6368;

	--pr-primary-dark-color: var(--alta-red);
	--pr-primary-light-color: var(--alta-graphite);
	--pr-links-color: var(--alta-red);
	--pr-interactive-color: var(--alta-red);
	--pr-grey-color: #6b7280;
	--pr-light-grey-color: #e8eaee;
}

/* жорстко прописані фіолетові кольори теми */
body.alta-design-2 .blue-link:hover,
body.alta-design-2 .pr-information a:hover,
body.alta-design-2 .form-check-label a:hover { color: var(--alta-red-dark); }
body.alta-design-2 .ocf-theme-light-block .ocf-search-btn-static,
body.alta-design-2 .ocf-theme-light-block .ocf-search-btn-popover,
body.alta-design-2 .ocf-noUi-connect:before,
body.alta-design-2 .ocf-noUi-handle { background-color: var(--alta-red) !important; }
body.alta-design-2 .button-primary:hover { background-color: var(--alta-red-dark); opacity: 1; }
body.alta-design-2 .button-secondary { background-color: var(--alta-graphite-2); }

/* ---------- Верхня смуга ---------- */
body.alta-design-2 #top { background: var(--alta-graphite); color: #fff; }
body.alta-design-2 #top .top-links { gap: 1.75rem; }
body.alta-design-2 #top .top-links a { color: #d6d9de; text-decoration: none; white-space: nowrap; font-size: 13px; font-weight: 500; }
body.alta-design-2 #top .top-links a:hover { color: #fff; }
/* лишаємо 5 посилань: Про нас · Доставка · Оплата · Гарантія та сервіс · Контакти (решта є в підвалі) */
body.alta-design-2 #top .top-links li:nth-child(2),
body.alta-design-2 #top .top-links li:nth-child(6),
body.alta-design-2 #top .top-links li:nth-child(7),
body.alta-design-2 #top .top-links li:nth-child(8) { display: none; }
body.alta-design-2 #top .pr-dropdown-toggle,
body.alta-design-2 #top .pr-dropdown-toggle > .d-none.d-lg-inline,
body.alta-design-2 #top .dark-text,
body.alta-design-2 #top .light-link { color: #fff; }
body.alta-design-2 #top .pr-dropdown-toggle svg path,
body.alta-design-2 #top .top-right svg path { stroke: #fff; }
body.alta-design-2 #top .pr-dropdown .content-block,
body.alta-design-2 #top .pr-dropdown .content-block .dark-text,
body.alta-design-2 #top .pr-dropdown .content-block a { color: var(--alta-ink); }
body.alta-design-2 #top .pr-dropdown .content-block svg path { stroke: var(--alta-ink); }
body.alta-design-2 .theme-switcher,
body.alta-design-2 .theme-switcher-wrapper { display: none !important; }

/* ---------- Шапка ---------- */
body.alta-design-2 #logo img { height: 48px; width: auto; }
body.alta-design-2 .pr-header-main-categories-list a { font-weight: 600; }

/* ---------- Перший екран ---------- */
body.alta-design-2 .pr-slideshow-plus-slide { overflow: hidden; }
body.alta-design-2 .pr-slideshow-plus-slide-info { z-index: 3; }
body.alta-design-2 .pr-slideshow-plus-slide img.position-absolute { z-index: 1; }
body.alta-design-2 .pr-slideshow-plus-slide-info .button { position: relative; z-index: 3; box-shadow: 0 4px 14px rgba(0,0,0,.25); }
body.alta-design-2 .pr-slideshow-plus-slide-title { text-shadow: 0 1px 2px rgba(0,0,0,.25); }

/* банери партнерів (Blum, GOLA): картинка — тло на весь блок, текст і кнопка поверх затемнення */
body.alta-design-2 .pr-banner-plus-item { min-height: 11rem; background: var(--alta-graphite); }
body.alta-design-2 .pr-banner-plus-item img { top: 0; left: 0; right: auto; bottom: auto; width: 100%; height: 100%; max-height: none; object-fit: cover; object-position: center; opacity: .45; transform: none !important; }
body.alta-design-2 .pr-banner-plus-item::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.25) 70%, rgba(0,0,0,0) 100%); z-index: 1; }
body.alta-design-2 .pr-banner-plus-item-title,
body.alta-design-2 .pr-banner-plus-item .button { position: relative; z-index: 2; }
body.alta-design-2 .pr-banner-plus-item .button { background: #fff; color: var(--alta-ink); }

/* ---------- Переваги ---------- */
body.alta-design-2 .pr-advantages-item { border: 1px solid var(--pr-light-grey-color); box-shadow: none; }
body.alta-design-2 .pr-advantages-item-icon { background: #f4f5f7 !important; }
body.alta-design-2 .pr-advantages-item-title { font-size: 14px; }
body.alta-design-2 .pr-advantages-item-description { color: var(--alta-muted) !important; font-weight: 400; }

/* ---------- Картки товарів ---------- */
body.alta-design-2 .pr-module-item-rating.is-empty { display: none !important; }
body.alta-design-2 .price-tax { display: none; }
body.alta-design-2 .pr-stock-sticker.green { background: transparent; color: #2e7d32; padding: 0; font-size: 12px; font-weight: 500; }
body.alta-design-2 .pr-module-item-title { font-weight: 500; }
body.alta-design-2 .pr-module-item-price-new { color: var(--alta-ink); font-size: 20px; }
body.alta-design-2 .pr-module-item-price-old + .pr-module-item-price-new,
body.alta-design-2 .pr-product-price-new.red { color: var(--alta-red); }
/* іконки «обране / порівняти / переглянути» — лише при наведенні */
@media (hover: hover) {
	body.alta-design-2 .pr-module-item-buttons { opacity: 0; transition: opacity .2s; }
	body.alta-design-2 .pr-module-item:hover .pr-module-item-buttons { opacity: 1; }
}

/* ---------- Картка товару: порожні відгуки / питання ---------- */
body.alta-design-2 .pr-empty-reviews { padding: .75rem 1rem !important; flex-direction: row !important; justify-content: flex-start !important; text-align: left !important; gap: .5rem; }
body.alta-design-2 .pr-empty-reviews svg { display: none; }
body.alta-design-2 .pr-empty-reviews p { margin: 0 !important; font-size: 14px !important; font-weight: 400 !important; color: var(--alta-muted); }

/* ---------- Підвал ---------- */
body.alta-design-2 .pr-footer { background-color: var(--alta-graphite) !important; }
body.alta-design-2 .pr-footer-logo { background: #fff; padding: 6px 10px; border-radius: 6px; width: auto !important; height: auto; max-height: 56px; }
body.alta-design-2 .pr-footer .white-link:hover,
body.alta-design-2 .pr-footer .light-link:hover,
body.alta-design-2 .pr-footer a.agree:hover { color: #ff6b7a; }
body.alta-design-2 .pr-footer .grey-text { color: #9aa0a6; }

/* ---------- Типографіка ---------- */
body.alta-design-2 .light-text { color: var(--alta-muted); }
body.alta-design-2 .fsz-10 { font-size: 12px; }

/* ---------- Телефон ---------- */
@media (max-width: 991.98px) {
	body.alta-design-2 .pr-mobile-menu-logo img { height: 36px; width: auto; }
}

/* ---------- Доповнення після першого перегляду ---------- */
/* мова й валюта у темній верхній смузі */
body.alta-design-2 #top .lanuage-currency.bg-white { background: transparent !important; border: 1px solid rgba(255,255,255,.3); color: #fff; }
body.alta-design-2 #top .lanuage-currency .primary-light-text,
body.alta-design-2 #top .lanuage-currency { color: #fff !important; }
body.alta-design-2 #top .lanuage-currency svg path { stroke: #fff; fill: none; }
body.alta-design-2 #top .pr-dropdown .content-block .primary-light-text { color: var(--alta-ink) !important; }
/* слайди: графіт замість фіолетового з налаштувань банера */
body.alta-design-2 .pr-slideshow-plus .pr-slideshow-plus-slide { background-color: var(--alta-graphite) !important; }
body.alta-design-2 .pr-slideshow-plus .pr-slideshow-plus-slide .button { border-color: rgba(255,255,255,.35) !important; background-color: var(--alta-red) !important; color: #fff !important; }
body.alta-design-2 .pr-slideshow-plus .pr-slideshow-plus-slide .button:hover { background-color: var(--alta-red-dark) !important; }
/* банери партнерів: логотип праворуч без розтягування, кнопка читабельна */
body.alta-design-2 .pr-banner-plus-item img { object-fit: contain; object-position: right center; opacity: .9; width: 55%; left: auto; right: 0; }
body.alta-design-2 .pr-banner-plus-item::before { background: linear-gradient(90deg, var(--alta-graphite) 0%, var(--alta-graphite) 35%, rgba(31,33,36,.2) 100%); }
body.alta-design-2 [id^="banner_plus_"] .pr-banner-plus-item .button { background: #fff !important; color: var(--alta-ink) !important; border-color: #fff !important; }
body.alta-design-2 [id^="banner_plus_"] .pr-banner-plus-item .button svg path { fill: var(--alta-ink) !important; }

/* плитка «Меблі» під слайдером (банери модуля Slideshow Plus) — не показуємо до появи нових банерів */
body.alta-design-2 .pr-slideshow-plus-banners-swiper { display: none !important; }

/* слайд на всю ширину — не нижчий за ліве меню категорій (10 пунктів), інакше меню обрізається або накладається */
@media (min-width: 1200px) {
	body.alta-design-2 .pr-slideshow-plus-slide { min-height: 570px; }
}

/* картинки слайдів зроблені під маленькі плитки — на широкому слайді показуємо їх більшими, поки немає нових банерів */
@media (min-width: 1200px) {
	body.alta-design-2 .pr-slideshow-plus-slide img.position-absolute { max-height: none; height: 72%; width: auto; right: 2.5rem; bottom: 2rem; border-radius: .75rem; }
	body.alta-design-2 .pr-slideshow-plus-slide-info { max-width: 55%; }
}

/* правила зі скомпільованого CSS теми з !important (фіолетовий із налаштувань теми) */
body.alta-design-2 .button-success { background-color: var(--alta-red) !important; }
body.alta-design-2 .button-success:hover { background-color: var(--alta-red-dark) !important; }
body.alta-design-2 .ocf-theme-light .ocf-module-page { border-color: var(--pr-light-grey-color) !important; }
body.alta-design-2 .pr-advantages-item { border-color: var(--pr-light-grey-color) !important; }

/* ---------- Картка товару й листинг (блок 2, 14.10) ---------- */
/* одиниця виміру біля ціни: «6 грн / м.п.» */
body.alta-design-2 .alta-unit { white-space: nowrap; }
/* один швидкий спосіб замовлення: лишаємо «Купити в 1 клік» (телефон), кнопку «Швидке замовлення» ховаємо */
body.alta-design-2 button[onclick^="octPopPurchase"] { display: none !important; }
/* вкладки на телефоні прокручуються — підказуємо градієнтом праворуч */
@media (max-width: 767.98px) {
	body.alta-design-2 .pr-product-tabs { position: sticky; }
	body.alta-design-2 .pr-product-tabs::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 2.5rem; background: linear-gradient(90deg, rgba(255,255,255,0), #fff 80%); pointer-events: none; }
	/* галерея нижча, щоб ціна й «До кошика» потрапляли в перший екран */
	body.alta-design-2 .pr-product-images-main { aspect-ratio: auto !important; max-height: 220px; }
	body.alta-design-2 .pr-product-images-main .oct-gallery img { max-height: 220px; width: auto; max-width: 100%; object-fit: contain; }
	body.alta-design-2 .pr-product-images-main .swiper-wrapper { margin-bottom: 0 !important; }
	body.alta-design-2 .pr-product-images-additional { margin-top: .75rem !important; }
}
/* стрічка мініатюр з однією картинкою або без них — зайва */
body.alta-design-2 .pr-product-images-additional:has(.swiper-slide:only-child),
body.alta-design-2 .pr-product-images-additional:not(:has(.swiper-slide)) { display: none; }

/* ---------- Фільтр, пошук, сторінка товару без відгуків (блок 3, 14.10) ---------- */
/* без відгуків: «0 зірок» і «0» не показуємо, лишається «Залишити відгук» */
body.alta-design-2 .pr-module-item-rating-stars.is-empty,
body.alta-design-2 .pr-module-item-rating-count.is-empty { display: none !important; }
/* на телефоні одна кнопка «Фільтр» (над списком), плаваючу вкладку збоку ховаємо */
body.alta-design-2 .ocf-btn-mobile-fixed { display: none !important; }

/* ---------- Мобільна шапка й нижня панель, підкатегорії, виробники (блоки 4–5, 14.10) ---------- */
/* нижня панель: Каталог · Пошук · Дзвінок · Кошик */
body.alta-design-2 .pr-mobile-bottom-nav-item-home,
body.alta-design-2 .pr-mobile-bottom-nav-item-viewed,
body.alta-design-2 .pr-mobile-bottom-nav-item-wishlist,
body.alta-design-2 .pr-mobile-bottom-nav-item-compare { display: none !important; }
body.alta-design-2 .pr-mobile-bottom-nav-item-search,
body.alta-design-2 .pr-mobile-bottom-nav-item-cart { display: flex; align-items: center; justify-content: center; }
body.alta-design-2 .alta-header-phone { align-items: center; }
body.alta-design-2 .alta-header-phone svg path { stroke: var(--alta-red); }
/* підкатегорії на телефоні — сітка у 2 колонки замість стрічки з прокруткою */
@media (max-width: 767.98px) {
	body.alta-design-2 .pr-subcategories-box { flex-wrap: wrap !important; overflow: visible !important; gap: .5rem !important; }
	body.alta-design-2 .pr-subcategories-box .pr-subcategories-link { width: calc(50% - .25rem) !important; min-width: 0 !important; max-width: none !important; flex: 0 0 auto !important; }
}
/* сторінка «Виробники»: логотипи одного розміру на білому, без буквених заголовків */
body.alta-design-2 .pr-manufacturer-links,
body.alta-design-2 .pr-manufacturer-title { display: none !important; }
body.alta-design-2 .pr-manufacturer-item { margin: 0 !important; padding: 0 !important; }
body.alta-design-2 .pr-manufacturer-item > .d-flex { gap: .75rem !important; }
body.alta-design-2 .pr-manufacturer-item-block { width: calc(50% - .375rem); }
@media (min-width: 576px)  { body.alta-design-2 .pr-manufacturer-item-block { width: calc(33.333% - .5rem); } }
@media (min-width: 992px)  { body.alta-design-2 .pr-manufacturer-item-block { width: calc(25% - .5625rem); } }
@media (min-width: 1200px) { body.alta-design-2 .pr-manufacturer-item-block { width: calc(16.666% - .625rem); } }
body.alta-design-2 .pr-manufacturer-item-block .content-block { justify-content: center; min-height: 7rem; }
body.alta-design-2 .pr-manufacturer-item-block img { max-height: 48px; width: auto; object-fit: contain; margin-bottom: .5rem; }
/* смуга брендів на головній */
body.alta-design-2 .alta-brands-item { height: 56px; display: flex; align-items: center; justify-content: center; }
body.alta-design-2 .alta-brands-item img { max-height: 36px; max-width: 100%; width: auto; filter: grayscale(1); opacity: .75; transition: filter .2s, opacity .2s; }
body.alta-design-2 .alta-brands-item:hover img { filter: none; opacity: 1; }