/* Header — CPG palette
   Navy  #034c8c  |  Deep #001848 (logo)  |  Amber #f29f05  |  Ink #122033  |  Paper #fff
*/

:root {
	--cpg-navy: #034c8c;
	--cpg-navy-deep: #001848;
	--cpg-amber: #f29f05;
	--cpg-amber-hot: #ffb423;
	--cpg-ink: #122033;
	--cpg-paper: #ffffff;
}

/* =====================================================================
   DESKTOP Elementor header (id 8543)
   Row 1 top bar | Row 2 logo+search | Row 3 nav
   ===================================================================== */

/* Row 1 — top bar: same navy as the menu, white text/icons */
.elementor-8543 .elementor-element-fc748d4,
.elementor-8543 .elementor-element.elementor-element-fc748d4:not(.elementor-motion-effects-element-type-background),
.elementor-8543 .elementor-element-fc748d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: var(--cpg-navy) !important;
}

.elementor-8543 .elementor-element-fc748d4 {
	color: var(--cpg-paper);
}

.elementor-8543 .elementor-element-fc748d4 .icon-box-title,
.elementor-8543 .elementor-element-fc748d4 .icon-box-content,
.elementor-8543 .elementor-element-fc748d4 .icon-box-content *,
.elementor-8543 .elementor-element-fc748d4 .mobex-fx-rates,
.elementor-8543 .elementor-element-fc748d4 .login-toggle,
.elementor-8543 .elementor-element-fc748d4 .login-title,
.elementor-8543 .elementor-element-fc748d4 .language-toggle,
.elementor-8543 .elementor-element-fc748d4 .language-switcher.horizontal a {
	color: var(--cpg-paper) !important;
}

.elementor-8543 .elementor-element-fc748d4 .et-icon-box .icon:before,
.elementor-8543 .elementor-element-fc748d4 .login-toggle:before,
.elementor-8543 .elementor-element-fc748d4 .login-toggle .arrow,
.elementor-8543 .elementor-element-fc748d4 .language-toggle .arrow {
	background: var(--cpg-paper) !important;
}

.elementor-8543 .elementor-element-fc748d4 .login-toggle {
	background-color: transparent !important;
}

.elementor-8543 .elementor-element-fc748d4 .language-box a:hover,
.elementor-8543 .elementor-element-fc748d4 .language-switcher.horizontal a:hover {
	color: var(--cpg-amber) !important;
}

/* Account dropdown sits in the top bar — do not inherit white-on-navy. */
.elementor-8543 .elementor-element-fc748d4 .login-box {
	color: var(--cpg-ink) !important;
	background-color: var(--cpg-paper) !important;
}

.elementor-8543 .elementor-element-fc748d4 .login-box a:not(.et-button),
.elementor-8543 .elementor-element-fc748d4 .login-box .my-account-buttons ul a {
	color: var(--cpg-ink) !important;
}

.elementor-8543 .elementor-element-fc748d4 .login-box a:not(.et-button):hover,
.elementor-8543 .elementor-element-fc748d4 .login-box .my-account-buttons ul a:hover {
	color: var(--cpg-navy) !important;
}

.elementor-8543 .elementor-element-fc748d4 .login-box .my-account-buttons li a:before,
.elementor-8543 .elementor-element-fc748d4 .login-box .woocommerce-MyAccount-navigation li a:before {
	background-color: var(--cpg-navy) !important;
}

.elementor-8543 .elementor-element-fc748d4 .login-box .button,
.elementor-8543 .elementor-element-fc748d4 .login-box a.et-button {
	color: var(--cpg-paper) !important;
	background-color: var(--cpg-navy) !important;
}

.elementor-8543 .elementor-element-fc748d4 .login-box .button:hover,
.elementor-8543 .elementor-element-fc748d4 .login-box a.et-button:hover {
	background-color: var(--cpg-navy-deep) !important;
	color: var(--cpg-paper) !important;
}

.elementor-8543 .elementor-element-fc748d4 .login-box .my-account-buttons li.logout a {
	color: #bf3617 !important;
}

.elementor-8543 .elementor-element-fc748d4 .login-box .my-account-buttons li.logout a:before {
	background-color: #bf3617 !important;
}

/* Row 2 — logo / search / phone: white */
.elementor-8543 .elementor-element-4e7e31f {
	background-color: var(--cpg-paper) !important;
}

/* Categories button → navy, white icon/text (was brick-red #BF3617) */
.elementor-8543 .elementor-element-ae400fa .et-button {
	color: var(--cpg-paper) !important;
}

.elementor-8543 .elementor-element-ae400fa .et-button > .icon {
	background: var(--cpg-paper) !important;
}

.elementor-8543 .elementor-element-ae400fa .et-button > .button-back {
	background-color: var(--cpg-navy) !important;
}

.elementor-8543 .elementor-element-ae400fa .et-button:hover {
	color: var(--cpg-paper) !important;
}

.elementor-8543 .elementor-element-ae400fa .et-button:hover > .icon {
	background: var(--cpg-paper) !important;
}

.elementor-8543 .elementor-element-ae400fa .et-button:hover > .button-back {
	background-color: var(--cpg-navy-deep) !important;
}

/* Search submit → amber, white icon */
.elementor-8543 .elementor-element-97f9dab .et-product-search .et-search-button,
.elementor-8543 .elementor-element-97f9dab .et-product-search-toggle .et-search-button {
	color: var(--cpg-paper) !important;
}

.elementor-8543 .elementor-element-97f9dab .et-product-search .et-search-button + .input-after:after,
.elementor-8543 .elementor-element-97f9dab .et-product-search-toggle .et-search-button + .input-after:after {
	background: var(--cpg-paper) !important;
}

.elementor-8543 .elementor-element-97f9dab .et-product-search .et-search-button + .input-after,
.elementor-8543 .elementor-element-97f9dab .et-product-search-toggle .et-search-button + .input-after {
	background-color: var(--cpg-amber) !important;
}

.elementor-8543 .elementor-element-97f9dab .et-product-search .et-search-button:hover + .input-after,
.elementor-8543 .elementor-element-97f9dab .et-product-search-toggle .et-search-button:hover + .input-after {
	background-color: var(--cpg-amber-hot) !important;
}

/* Phone icon → amber accent; number → ink */
.elementor-8543 .elementor-element-a319286 .et-icon-box .icon:before {
	background: var(--cpg-amber) !important;
}

.elementor-8543 .elementor-element-a319286 .icon-box-title {
	color: var(--cpg-ink) !important;
}

.elementor-8543 .elementor-element-a319286 .icon-box-content,
.elementor-8543 .elementor-element-a319286 .icon-box-content * {
	color: var(--cpg-navy) !important;
}

/* Row 3 — menu bar: navy (was almost-black #0B0D10) */
.elementor-8543 .elementor-element-cbabfec,
.elementor-8543 .elementor-element.elementor-element-cbabfec:not(.elementor-motion-effects-element-type-background),
.elementor-8543 .elementor-element-cbabfec > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: var(--cpg-navy) !important;
}

.elementor-8543 .elementor-element-3dda5c8 .nav-menu > .depth-0 > .mi-link,
.elementor-8543 .elementor-element-3dda5c8 .nav-menu > .depth-0:hover > .mi-link,
.elementor-8543 .elementor-element-3dda5c8 .nav-menu > .depth-0.active > .mi-link {
	color: var(--cpg-paper) !important;
}

.elementor-8543 .elementor-element-3dda5c8 .nav-menu > .depth-0 > .mi-link > .arrow,
.elementor-8543 .elementor-element-3dda5c8 .nav-menu > .depth-0 > .mi-link > .menu-icon {
	background: var(--cpg-paper) !important;
}

.elementor-8543 .elementor-element-3dda5c8 .nav-menu > .menu-item:not(.mm-true) .sub-menu .menu-item .mi-link {
	color: var(--cpg-ink) !important;
}

.elementor-8543 .elementor-element-3dda5c8 .nav-menu > .menu-item:not(.mm-true) .sub-menu .menu-item .mi-link > .arrow,
.elementor-8543 .elementor-element-3dda5c8 .nav-menu > .menu-item:not(.mm-true) .sub-menu .menu-item .mi-link > .menu-icon {
	background: var(--cpg-ink) !important;
}

.elementor-8543 .elementor-element-3dda5c8 .nav-menu > .menu-item:not(.mm-true) .sub-menu .menu-item:hover > .mi-link {
	color: var(--cpg-amber) !important;
}

.elementor-8543 .elementor-element-3dda5c8 .nav-menu > .menu-item:not(.mm-true) .sub-menu .menu-item:hover .mi-link > .arrow,
.elementor-8543 .elementor-element-3dda5c8 .nav-menu > .menu-item:not(.mm-true) .sub-menu .menu-item:hover .mi-link > .menu-icon {
	background: var(--cpg-amber) !important;
}

/* Compare / wishlist icons — white mask, no box */
.elementor-8543 .elementor-element-fa7c408 .et-compare-icon:before,
.elementor-8543 .elementor-element-58ad1ec .et-wishlist-icon:before {
	background: var(--cpg-paper) !important;
}

/* Cart — original two-line widget: icon + Кошик / 0 товар, all white. */
.elementor-8543 .elementor-element-d1d1ebe .mini-cart .cart-toggle {
	color: var(--cpg-paper) !important;
	background: transparent !important;
}

.elementor-8543 .elementor-element-d1d1ebe .mini-cart .cart-toggle:before,
.elementor-8543 .elementor-element-d1d1ebe .mini-cart .cart-toggle .arrow {
	background: var(--cpg-paper) !important;
}

.elementor-8543 .elementor-element-d1d1ebe .mini-cart .cart-info {
	position: relative !important;
	display: inline-flex !important;
	width: auto !important;
	height: auto !important;
	transform: none !important;
}

.elementor-8543 .elementor-element-d1d1ebe .mini-cart .cart-info .text {
	display: inline !important;
	color: var(--cpg-paper) !important;
}

.elementor-8543 .elementor-element-d1d1ebe .mini-cart .cart-contents,
.elementor-8543 .elementor-element-d1d1ebe .mini-cart .loaded > .cart-contents {
	position: static !important;
	top: auto !important;
	left: auto !important;
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 0;
	background-color: transparent !important;
	color: var(--cpg-paper) !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
	font-weight: 600;
	transform: none !important;
}

.elementor-8543 .elementor-element-fa7c408 .et-compare-icon .compare-contents,
.elementor-8543 .elementor-element-fa7c408 .et-compare-icon .compare-contents:after,
.elementor-8543 .elementor-element-58ad1ec .et-wishlist-icon .wishlist-contents,
.elementor-8543 .elementor-element-58ad1ec .et-wishlist-icon .wishlist-contents:after {
	color: var(--cpg-ink) !important;
	background-color: var(--cpg-amber) !important;
}

.elementor-8543 .elementor-element-d1d1ebe .mini-cart .cart-product-title:hover {
	color: var(--cpg-amber) !important;
}

.elementor-8543 .elementor-element-d1d1ebe .mini-cart .woocommerce-mini-cart__buttons > a {
	color: var(--cpg-ink) !important;
	background-color: var(--cpg-amber) !important;
}

.elementor-8543 .elementor-element-d1d1ebe .mini-cart .woocommerce-mini-cart__buttons > a:hover {
	color: var(--cpg-paper) !important;
	background-color: var(--cpg-navy) !important;
}

/* Garage / vehicle button → amber CTA */
.elementor-8543 .elementor-element-c170644 .et-button {
	color: var(--cpg-ink) !important;
}

.elementor-8543 .elementor-element-c170644 .et-button > .icon {
	background: var(--cpg-ink) !important;
}

.elementor-8543 .elementor-element-c170644 .et-button > .button-back {
	background-color: var(--cpg-amber) !important;
}

.elementor-8543 .elementor-element-c170644 .et-button:hover {
	color: var(--cpg-paper) !important;
}

.elementor-8543 .elementor-element-c170644 .et-button:hover > .icon {
	background: var(--cpg-paper) !important;
}

.elementor-8543 .elementor-element-c170644 .et-button:hover > .button-back {
	background-color: var(--cpg-navy) !important;
}

/* =====================================================================
   MOBILE default header  (#et-mobile-default)
   White bar so the dark+orange PNG logo stays readable
   ===================================================================== */

#et-mobile-default {
	background-color: var(--cpg-paper) !important;
	color: var(--cpg-ink) !important;
	box-shadow: 0 2px 10px rgba(3, 76, 140, 0.08);
}

#et-mobile-default::after {
	background: linear-gradient(90deg, var(--cpg-amber) 0%, #ffd27a 50%, var(--cpg-amber) 100%) !important;
}

#et-mobile-default .mobile-toggle:before {
	background: var(--cpg-navy) !important;
}

#et-mobile-default .mobile-header-tools .mobex-fx-rates {
	color: var(--cpg-ink) !important;
}

#et-mobile-default {
	overflow: visible;
}

.cpg-mobile-search-toggle {
	flex: 0 0 28px;
	width: 28px;
	min-width: 28px !important;
	height: 28px;
	min-height: 28px !important;
	padding: 0 !important;
	margin: 0;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	cursor: pointer;
}

.cpg-mobile-search-toggle::before {
	content: "";
	display: block;
	width: 28px;
	height: 28px;
	background: var(--cpg-navy);
	-webkit-mask: url(../images/icons/search.svg) no-repeat 50% 50%;
	mask: url(../images/icons/search.svg) no-repeat 50% 50%;
	-webkit-mask-size: 20px;
	mask-size: 20px;
}

#et-mobile-default.search-open .cpg-mobile-search-toggle::before {
	background: var(--cpg-amber);
}

.cpg-mobile-search {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 120;
	padding: 10px 12px 12px;
	background: var(--cpg-paper);
	box-shadow: 0 10px 24px rgba(2, 42, 84, 0.14);
}

#et-mobile-default.search-open .cpg-mobile-search {
	display: block;
}

.cpg-mobile-search .et-product-search form {
	background: #f4f6f9;
	border-radius: 10px;
	min-height: 44px;
	overflow: visible;
}

.cpg-mobile-search .et-product-search input[type="search"] {
	height: 44px;
	min-height: 44px !important;
	padding: 0 12px;
	color: var(--cpg-ink);
	font-size: 14px;
	font-weight: 600;
}

.cpg-mobile-search .et-product-search .et-search-button,
.cpg-mobile-search .et-product-search .input-after {
	display: none !important;
}

.cpg-mobile-search .et-product-search .hide-category-true .search-wrapper,
.cpg-mobile-search .et-product-search .search-wrapper {
	width: 100% !important;
}

.cpg-mobile-search .product-search .search-results {
	z-index: 130;
}

.cpg-mobile-search .product-search form > .search-results.active {
	max-height: 50vh;
	margin-top: 8px;
	border: 1px solid #e3e8ef !important;
	border-radius: 10px !important;
	background: #fff;
}

/* Drawer header — navy, white text */
.et-mobile-container-top {
	background-color: var(--cpg-navy) !important;
	color: var(--cpg-paper) !important;
}

.et-mobile-container-top .mobile-toggle {
	background-color: rgba(0, 24, 72, 0.28) !important;
}

.et-mobile-container-top .mobile-toggle:before,
.et-mobile-container-top .et-button:before {
	background: var(--cpg-paper) !important;
}

#mobile-container-default .et-mobile-container-top .et-button {
	border-color: var(--cpg-paper) !important;
	color: var(--cpg-paper) !important;
}

/* Drawer menu */
#mobile-menu-default li a,
.mobile-container .mobile-menu li a {
	color: var(--cpg-ink);
}

#mobile-menu-default li a:hover,
#mobile-menu-default li.current_page_item > a,
.mobile-container .mobile-menu li a:hover,
.mobile-container .mobile-menu li.current_page_item > a {
	color: var(--cpg-navy);
}

#mobile-menu-default .menu-item-has-children > a > .arrow {
	background: var(--cpg-navy);
}

/* Fallback desktop default header (if Elementor is off) */
#et-desktop-default {
	background-color: var(--cpg-navy) !important;
	color: var(--cpg-paper) !important;
}

#header-menu-default > li > a {
	color: var(--cpg-paper) !important;
}

#header-menu-default ul li > a:hover {
	color: var(--cpg-amber) !important;
}

#header-menu-default ul > .menu-item-has-children > a > .arrow {
	background: var(--cpg-navy) !important;
}