/**
 * ENGLISH HOME — brand CTA / badge colors (staging)
 * Legacy #002b5c → Klein Blue #002FA7
 * Scope: Купити, Новинка, filter, grid toggles, menu CTA hover.
 * Leave alone: .button-plus, .like, search, lang-chooser.
 * Dots + owl-nav arrow SVG fills included.
 *
 * Must load AFTER bundles/styles.php (inline <style> in header).
 */
:root {
	--eh-blue: #002FA7;
	--eh-blue-hover: #1a47c4; /* lighter Klein for .button:hover (was #0262b7) */
}

#body .button,
.fancybox-container .button {
	background-color: var(--eh-blue);
}

#body .button:hover,
.fancybox-container .button:hover {
	background-color: var(--eh-blue-hover);
}

/* Beat #body .content a { color:#002b5c } (spec 0,1,1,1) */
#body .button-white,
#body a.button-white,
#body .content a.button-white,
.fancybox-container .button-white,
.fancybox-container a.button-white {
	border-color: var(--eh-blue);
	color: var(--eh-blue);
}

#body .button-white:hover,
#body a.button-white:hover,
#body .content a.button-white:hover,
.fancybox-container .button-white:hover,
.fancybox-container a.button-white:hover {
	background-color: var(--eh-blue);
	color: #ffffff;
	border-color: var(--eh-blue);
}

#body .product-card .new-product,
.fancybox-container .product-card .new-product {
	background-color: var(--eh-blue);
}

#body .catalog-block-sort .catalog-block-sort-filter,
.fancybox-container .catalog-block-sort .catalog-block-sort-filter {
	background-color: var(--eh-blue);
}

#body .catalog-block-sort-view .catalog-block-sort-three:hover div,
#body .catalog-block-sort-view .catalog-block-sort-two:hover div,
#body .catalog-block-sort-view .catalog-block-sort-four:hover div,
.fancybox-container .catalog-block-sort-view .catalog-block-sort-three:hover div,
.fancybox-container .catalog-block-sort-view .catalog-block-sort-two:hover div,
.fancybox-container .catalog-block-sort-view .catalog-block-sort-four:hover div {
	background-color: var(--eh-blue);
}

#body .catalog-block-sort-view .catalog-block-sort-three.active div,
#body .catalog-block-sort-view .catalog-block-sort-two.active div,
#body .catalog-block-sort-view .catalog-block-sort-four.active div,
.fancybox-container .catalog-block-sort-view .catalog-block-sort-three.active div,
.fancybox-container .catalog-block-sort-view .catalog-block-sort-two.active div,
.fancybox-container .catalog-block-sort-view .catalog-block-sort-four.active div {
	background-color: var(--eh-blue);
}

#body .menu-block > ul > li .new-items + .categories .button:hover,
.fancybox-container .menu-block > ul > li .new-items + .categories .button:hover {
	background-color: var(--eh-blue);
}

#body .product-card:hover .button-white,
#body .product-card:hover a.button-white,
.fancybox-container .product-card:hover .button-white,
.fancybox-container .product-card:hover a.button-white {
	border-color: var(--eh-blue);
}

/* Pager: active page + prev/next hover fills */
#body .pager a.active,
.fancybox-container .pager a.active {
	background-color: var(--eh-blue);
}

#body .pager-prev:hover,
#body .pager-next:hover,
.fancybox-container .pager-prev:hover,
.fancybox-container .pager-next:hover {
	background-color: var(--eh-blue);
}

/* Slider dots (active = opacity:1 on same navy fill) */
#body .product-slider .owl-dots .owl-dot span,
.fancybox-container .product-slider .owl-dots .owl-dot span {
	background-color: var(--eh-blue);
}

#body .main-slider .owl-dots .owl-dot span,
#body .main-slider-mini .owl-dots .owl-dot span,
.fancybox-container .main-slider .owl-dots .owl-dot span,
.fancybox-container .main-slider-mini .owl-dots .owl-dot span {
	background-color: var(--eh-blue);
}

#body .product-slider-block .product-slider-big .slick-dots li.slick-active,
.fancybox-container .product-slider-block .product-slider-big .slick-dots li.slick-active {
	background-color: var(--eh-blue);
}

/* Owl nav arrows (overrides inline SVG fill="#002b5c") */
#body .product-slider .owl-nav button svg,
#body .product-slider .owl-nav .owl-prev svg,
#body .product-slider .owl-nav .owl-next svg,
.fancybox-container .product-slider .owl-nav button svg,
.fancybox-container .product-slider .owl-nav .owl-prev svg,
.fancybox-container .product-slider .owl-nav .owl-next svg {
	fill: var(--eh-blue);
}

#body .main-slider .owl-nav .owl-prev svg,
#body .main-slider .owl-nav .owl-next svg,
#body .main-slider-mini .owl-nav .owl-prev svg,
#body .main-slider-mini .owl-nav .owl-next svg,
.fancybox-container .main-slider .owl-nav .owl-prev svg,
.fancybox-container .main-slider .owl-nav .owl-next svg,
.fancybox-container .main-slider-mini .owl-nav .owl-prev svg,
.fancybox-container .main-slider-mini .owl-nav .owl-next svg {
	fill: var(--eh-blue);
}

/* Catalog price filter (Від/До + noUi handles/connect) */
#body .range-price,
.fancybox-container .range-price {
	color: var(--eh-blue);
}

#body .range-price-slider .noUi-handle,
.fancybox-container .range-price-slider .noUi-handle {
	background-color: var(--eh-blue);
}

#body .range-price-slider .noUi-connect,
.fancybox-container .range-price-slider .noUi-connect {
	background-color: var(--eh-blue);
}

/* Catalog filter labels + active checkbox bullets */
#body .catalog-filter input[type="checkbox"] + label,
#body .catalog-filter .radio-circle + label,
#body #catalog-filter-form.fancybox-content input[type="checkbox"] + label,
#body #catalog-filter-form.fancybox-content .radio-circle + label,
.fancybox-container .catalog-filter input[type="checkbox"] + label,
.fancybox-container .catalog-filter .radio-circle + label,
.fancybox-container #catalog-filter-form.fancybox-content input[type="checkbox"] + label,
.fancybox-container #catalog-filter-form.fancybox-content .radio-circle + label {
	color: var(--eh-blue);
}

#body .checkbox:checked + label:before,
.fancybox-container .checkbox:checked + label:before {
	background-color: var(--eh-blue);
}

#body .checkbox-arrow:checked + label:before,
#body .radio-arrow:checked + label:before,
.fancybox-container .checkbox-arrow:checked + label:before,
.fancybox-container .radio-arrow:checked + label:before {
	background-color: var(--eh-blue);
	border-color: var(--eh-blue);
}

#body .radio-circle:checked + label:before,
.fancybox-container .radio-circle:checked + label:before {
	background-color: var(--eh-blue);
}

#body .color-sсheme input:checked + label,
.fancybox-container .color-sсheme input:checked + label {
	border: 1px solid var(--eh-blue);
}

/* Basket / order steps — green template */
#body .basket-navigation a.active,
.fancybox-container .basket-navigation a.active {
	border-bottom-color: var(--eh-blue);
}

#body .basket-navigation a.active .circle,
#body .basket-navigation a.complete .circle,
.fancybox-container .basket-navigation a.active .circle,
.fancybox-container .basket-navigation a.complete .circle {
	background-color: var(--eh-blue);
	border-color: var(--eh-blue);
}

/* Basket / order steps — happy-horse (legacy #182b5a) */
.page-basket .basketNavigation a:hover,
.page-basket .basketNavigation a.active {
	border-bottom-color: var(--eh-blue);
}

.page-basket .basketNavigation a:hover .wrap,
.page-basket .basketNavigation a.active .wrap {
	border-bottom-color: var(--eh-blue);
}

.page-basket .basketNavigation a.active b,
.page-basket .basketNavigation a.complite b {
	background-color: var(--eh-blue);
	border-color: var(--eh-blue);
}

/* Wishlist: ХОЧУ button + remove (×) */
#body .page-wishlist .propertyText a,
#body[data-color="deep-blue"] .page-wishlist .propertyText a {
	background-color: var(--eh-blue);
	background: var(--eh-blue);
}

#body .page-wishlist .propertyText a:hover,
#body[data-color="deep-blue"] .page-wishlist .propertyText a:hover {
	background-color: #001f70; /* darker Klein (was #001329) */
	background: #001f70;
}

#body .page-wishlist .xx a,
#body .page-wishlist .xx a.fa-times {
	color: var(--eh-blue);
}

/* Wishlist: КУПУЮ ВСЕ! hover (default stays gray) */
#body .page-wishlist .addToCart a:hover,
#body .addToCart a:hover,
#body[data-color="deep-blue"] .addToCart a:hover {
	background-color: var(--eh-blue);
	background: var(--eh-blue);
}

/* PDP tabs: active tab fill */
#body .tabs-header .active,
#body .tabs-header-link.active,
.fancybox-container .tabs-header .active,
.fancybox-container .tabs-header-link.active {
	background-color: var(--eh-blue);
}
