/* HOMETEMA — редизайн поверх теми Ultrastore. Підключається останнім, після dynamic_stylesheet_*.css. */

:root {
	--ht-accent: #1E9E74;
	--ht-accent-dark: #147A59;
	--ht-accent-soft: rgba(30, 158, 116, 0.12);
	--ht-warm: #C96A2E;
	--ht-warm-dark: #A8551F;
	--ht-ink: #12211D;
	--ht-ink-2: #1B2B26;
	--ht-border: #DCE5DF;
	--ht-bg-page: #EEF1EE;
	--ht-font-display: Georgia, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;
	--ht-font-mono: "SF Mono", "Cascadia Code", Consolas, "Roboto Mono", monospace;
}

body { background-color: var(--ht-bg-page); }

/* ---------- accent color: replaces the old lime green (#71BE00) site-wide ---------- */
#back-top, #us_fixed_contact_button, .us-fixed-contact-pulsation, .us-module-item:hover .us-module-cart-btn,
.us-module-btn:hover, .us-module-btn-green, .us-footer-form-top-buttton, .oct-fixed-bar-link:hover,
.oct-fixed-bar-quantity, .pagination li.active span, .pagination li a:hover, .us-product-btn-active,
.us-product-btn:hover, .us-product-quantity-btn:hover, .us-categories-wall-item:hover hr,
.compare-wishlist-btn:hover, .image-additional-box .slick-arrow:hover, #us_livesearch_close,
.us-product-option .radio label.selected, .simplecheckout-cart-buttons .button,
.simplecheckout-button-right .button, #simplecheckout_button_login, .us-news-stickers-date,
.mobile-header-index, .us-form-check-group-acc input[type=radio]:checked + label:after,
#us_info_mobile .dropdown-menu button.active-item:after, .oct-load-more-button,
.us-slideshow-plus-item-btn, .oct-ultra-menu, .us-menu-mobile {
	background: var(--ht-accent) !important;
}

nav .dropdown-menu button:hover, .user-dropdown-menu .us-dropdown-item:hover,
.us-categories-wall-top-link:hover .us-categories-wall-title, .us-module-item:hover .us-module-title a,
.us-module-buttons-link:hover i, .us-reviews-block:hover .us-reviews-block-title,
.subcat-item:hover .subcat-item-title, .us-breadcrumb-item:last-child, .us-category-appearance-btn.active,
.us-category-appearance-btn:hover, .us-product-advantages-item:hover .us-product-advantages-icon i,
.us-breadcrumb-item a:hover, .us-column-link:hover, .us-blog-search-btn:hover, .us-blog-post-info-item i,
.us-news-block:hover .us-news-block-title, .us-product-tags, .us-product-tags a,
.us-categories-wall-link:hover, .us-manufacturer-title, .us-account-link.active, .us-account-link:hover,
.us-footer-phone-btn[aria-expanded="true"], .header-dropdown-menu a:hover, .us-phone-link, .us-cart-link,
.us-phone-link:hover, .us-cart-link:hover, .oct-menu-li:hover > a, .oct-menu-li:hover > div > a,
.oct-mm-child a:hover, .oct-mm-parent-link:hover .oct-mm-parent-title, .us-categories-item.active > span a,
.us-categories-item a:hover, .us-footer-link:hover, .us-footer-phone-btn:hover, .us-footer-mail:hover,
.us-advantages-img i, .us-module-price-new, .price-new {
	color: var(--ht-accent) !important;
}

.us-carousel-brands-box, .us-product-nav-item-active a:after, .us-product-nav-item a:hover:after,
.us-page-main-title:after, .compare-wishlist-btn:hover, .us-form-check-group-acc input[type=radio]:checked + label:before,
#us_info_mobile .dropdown-menu button.active-item::before, .us-categories-wall-item:hover, .product-card:hover,
.us-module-item:hover {
	border-color: var(--ht-accent) !important;
}

#oct-menu-box:hover .oct-ultra-menu { background-color: var(--ht-ink-2) !important; }
.modal-header { background: var(--ht-accent) !important; }
button.us-close { background: rgba(30, 158, 116, 0.82) !important; }
button.us-close:hover { background: var(--ht-accent-dark) !important; }

/* discount / sale accents shift to warm copper — separates "знижка" from the interactive green */
.us-module-stickers-sticker-discount, .us-product-stickers-sticker-discount, .sticker-discount {
	background: var(--ht-warm) !important;
	color: #fff !important;
}

/* ---------- dark surfaces: header bar, menu row, footer ---------- */
#top, .menu-row, footer { background-color: var(--ht-ink) !important; }
.us-footer-form-top-input { background: var(--ht-ink-2) !important; }

/* ---------- typography ---------- */
#logo .us-logo-img { filter: none; }
#logo, .logo {
	font-family: var(--ht-font-display);
}
.us-main-shop-title, .us-categories-wall-header, .us-module-title, .us-module-title a,
.us-advantages-title, .us-page-main-title, .us-slideshow-plus-item-title,
.us-slideshow-plus-block-text, h1, h2, h3 {
	font-family: var(--ht-font-display);
	font-weight: 400;
}

/* logo: give it more presence than the old cramped 160px cap */
.us-logo-img { max-width: 210px; }
@media (max-width: 991px) {
	.us-logo-img { max-width: 170px; }
}
.us-module-price-actual, .us-module-price-old, .us-module-price-new, .price-old, .price-new,
.us-module-stickers-sticker, .top-phone-btn, .us-footer-phone-btn, .oct-fixed-bar-quantity {
	font-family: var(--ht-font-mono);
	font-variant-numeric: tabular-nums;
}
.us-module-price-old, .price-old { text-decoration: line-through; opacity: 0.7; }
.us-module-price-new, .price-new { font-weight: 700; }

/* ---------- product cards: closer to a spec-sheet card ---------- */
.us-module-item {
	border: 1px solid var(--ht-border);
	border-radius: 4px;
	transition: border-color 0.15s ease, transform 0.15s ease;
}
.us-module-item:hover { transform: translateY(-3px); }
.us-module-stickers-sticker { border-radius: 2px; }
.us-module-buttons-link { border-radius: 3px; }
.us-module-cart-btn { border-radius: 3px; font-weight: 600; }

/* ---------- category wall cards ---------- */
.us-categories-wall-item {
	border: 1px solid var(--ht-border);
	border-radius: 4px;
	transition: border-color 0.15s ease, transform 0.15s ease;
}
.us-categories-wall-item:hover { transform: translateY(-2px); }
.us-categories-box { background: #fff !important; }

/* ---------- benefits / trust strip ---------- */
.us-advantages-box {
	border: 1px solid transparent;
	border-radius: 4px;
	transition: border-color 0.15s ease;
}
.us-advantages-img i { font-size: 26px; }

/* ---------- nav underline on hover, subtler than a full bg fill ---------- */
.oct-menu-li > a, .oct-menu-li > div > a { transition: color 0.15s ease; }

/* ---------- footer polish ---------- */
.us-footer-title {
	font-family: var(--ht-font-mono);
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}