/* ===================================================================================
   WDS-GOLD-THEME (whitedotsports.com, 2026-09-15) - white / gold / black
   Owner brief: the gold of the batting-glove finger plating; full-width gold top bar
   with black text; all icons gold; buttons gold; active/selected states black.
   CHANGE THE WHOLE PALETTE HERE - every rule below reads these three variables.
   To revert the theme: remove the <link> marked WDS-GOLD-THEME in
   catalog/view/theme/journal3/template/common/header.twig.
   =================================================================================== */
:root{
  --wds-gold:#D4AF37;      /* buttons, icons, top bar */
  --wds-gold-ink:#8A6A12;  /* gold TEXT on white (hover links) - darker so it stays readable */
  --wds-black:#111111;     /* text on gold, active/selected/hover states */
}

/* 1. Top notice bar: full width, gold, black text */
.india-only-msg{
  background:var(--wds-gold) !important; color:var(--wds-black) !important;
  border:0 !important; border-radius:0 !important;
  max-width:none !important; width:100% !important; margin:0 !important;
}
.india-only-msg, .india-only-msg *{color:var(--wds-black) !important;}

/* 2. Header icons: login / register / wishlist / compare glyphs in gold (labels stay black) */
.top-menu-item > a::before{color:var(--wds-gold) !important;}
.top-menu-item > a:hover::before{color:var(--wds-black) !important;}

/* Search button: gold with black glass; black with gold glass on hover */
.header-search .search-button{background-color:var(--wds-gold) !important;}
.header-search .search-button::before{color:var(--wds-black) !important;}
.header-search .search-button:hover{background-color:var(--wds-black) !important;}
.header-search .search-button:hover::before{color:var(--wds-gold) !important;}

/* Cart button: GOLD glyph on WHITE (owner 2026-09-15, changed from gold block with black glyph); glyph black on hover */
#cart .cart-heading > i{background-color:#fff !important;}
#cart .cart-heading > i::before{color:var(--wds-gold) !important;}
#cart .cart-heading:hover > i, #cart.open .cart-heading > i{background-color:#fff !important;}
#cart .cart-heading:hover > i::before, #cart.open .cart-heading > i::before{color:var(--wds-black) !important;}

/* 3. Product option buttons (Men's Right Hand, sizes...): gold, selected = black.
      Overrides WDS-PUSHOPT-MATCH in the Journal3 Custom CSS (black default / blue selected). */
.product-info .product-options .push-option > div .option-value{
  background:var(--wds-gold) !important; color:var(--wds-black) !important;
}
.product-info .product-options .push-option > div input:checked + .option-value,
.product-info .product-options .push-option > div label:has(input:checked) .option-value{
  background:var(--wds-black) !important; color:var(--wds-gold) !important;
}

/* WDS-GOLD-THEME generated part (2026-09-15): every colour declaration the Journal3 skin + custom CSS took from the old
   multicolour palette, re-declared with the SAME selector and the SAME !important-ness, in white/gold/black.
   Loaded after the skin CSS, so equal-specificity rules win by source order; more specific neutral rules still win. */
.blog-post .post-details .post-stats::-webkit-scrollbar-thumb{background-color:var(--wds-gold)}
.blog-post .post-details .post-stats::-webkit-scrollbar-thumb{color:var(--wds-black)}
.p-date-image{background-color:var(--wds-gold)}
.p-date-image{color:var(--wds-black)}
.blog-post .tags a{background-color:var(--wds-black)}
.blog-post .tags a{color:var(--wds-gold)}
.blog-post .tags a:hover{background-color:var(--wds-black)}
.blog-post .tags a:hover{color:var(--wds-gold)}
.reply-btn.btn:hover{background-color:var(--wds-black) !important}
.reply-btn.btn:hover{color:var(--wds-gold) !important}
.reply-btn.btn:active, .reply-btn.btn:hover:active, .reply-btn.btn:focus:active{background-color:var(--wds-black) !important}
.reply-btn.btn:active, .reply-btn.btn:hover:active, .reply-btn.btn:focus:active{color:var(--wds-gold) !important}
.reply-btn.btn{background-color:var(--wds-gold)}
.reply-btn.btn{color:var(--wds-black)}
.post-grid .post-thumb .btn-read-more.btn:hover{color:var(--wds-gold) !important}
.post-grid .post-thumb .btn-read-more.btn:active, .post-grid .post-thumb .btn-read-more.btn:hover:active, .post-grid .post-thumb .btn-read-more.btn:focus:active{color:var(--wds-gold) !important}
.post-grid .post-thumb .btn-read-more.btn:focus{color:var(--wds-gold) !important}
.post-grid .post-thumb .btn-read-more.btn{background-color:var(--wds-gold)}
.post-grid .post-thumb .btn-read-more.btn{color:var(--wds-black)}
.desktop .post-list .post-thumb .name a:hover{color:var(--wds-gold-ink)}
.post-list .post-thumb .btn-read-more.btn:hover{background-color:var(--wds-black) !important}
.post-list .post-thumb .btn-read-more.btn:hover{color:var(--wds-gold) !important}
.post-list .post-thumb .btn-read-more.btn:active, .post-list .post-thumb .btn-read-more.btn:hover:active, .post-list .post-thumb .btn-read-more.btn:focus:active{background-color:var(--wds-black) !important}
.post-list .post-thumb .btn-read-more.btn:active, .post-list .post-thumb .btn-read-more.btn:hover:active, .post-list .post-thumb .btn-read-more.btn:focus:active{color:var(--wds-gold) !important}
.post-list .post-thumb .btn-read-more.btn:active, .post-list .post-thumb .btn-read-more.btn:hover:active, .post-list .post-thumb .btn-read-more.btn:focus:active{border-top-color:var(--wds-black) !important}
.post-list .post-thumb .btn-read-more.btn:active, .post-list .post-thumb .btn-read-more.btn:hover:active, .post-list .post-thumb .btn-read-more.btn:focus:active{border-right-color:var(--wds-black) !important}
.post-list .post-thumb .btn-read-more.btn:active, .post-list .post-thumb .btn-read-more.btn:hover:active, .post-list .post-thumb .btn-read-more.btn:focus:active{border-bottom-color:var(--wds-black) !important}
.post-list .post-thumb .btn-read-more.btn:active, .post-list .post-thumb .btn-read-more.btn:hover:active, .post-list .post-thumb .btn-read-more.btn:focus:active{border-left-color:var(--wds-black) !important}
.post-list .post-thumb .btn-read-more.btn:hover, .post-list .post-thumb .btn-read-more.btn:active:hover{border-top-color:var(--wds-black)}
.post-list .post-thumb .btn-read-more.btn:hover, .post-list .post-thumb .btn-read-more.btn:active:hover{border-right-color:var(--wds-black)}
.post-list .post-thumb .btn-read-more.btn:hover, .post-list .post-thumb .btn-read-more.btn:active:hover{border-bottom-color:var(--wds-black)}
.post-list .post-thumb .btn-read-more.btn:hover, .post-list .post-thumb .btn-read-more.btn:active:hover{border-left-color:var(--wds-black)}
.blog-feed::before{color:var(--wds-gold)}
legend::after, legend.page-title > span::after{background-color:var(--wds-gold)}
.title::after, .title.page-title > span::after{background-color:var(--wds-gold)}
html:not(.popup) .page-title::after, html:not(.popup) .page-title.page-title > span::after{background-color:var(--wds-gold)}
.menu-label{background-color:var(--wds-gold)}
.menu-label{color:var(--wds-black)}
.btn:hover{background-color:var(--wds-black) !important}
.btn:hover{color:var(--wds-gold) !important}
.btn:active, .btn:hover:active, .btn:focus:active{background-color:var(--wds-black) !important}
.btn:active, .btn:hover:active, .btn:focus:active{color:var(--wds-gold) !important}
.btn{background-color:var(--wds-gold)}
.btn{color:var(--wds-black)}
.btn-secondary.btn{background-color:var(--wds-gold)}
.btn-secondary.btn{color:var(--wds-black)}
.btn-secondary.btn:hover{background-color:var(--wds-black) !important}
.btn-secondary.btn:hover{color:var(--wds-gold) !important}
.btn-success.btn:hover{background-color:var(--wds-black) !important}
.btn-success.btn:hover{color:var(--wds-gold) !important}
.btn-danger.btn{background-color:var(--wds-black)}
.btn-danger.btn{color:var(--wds-gold)}
.btn-danger.btn:hover{background-color:var(--wds-black) !important}
.btn-danger.btn:hover{color:var(--wds-gold) !important}
.btn-warning.btn{background-color:var(--wds-gold)}
.btn-warning.btn{color:var(--wds-black)}
.btn-warning.btn:hover{background-color:var(--wds-black) !important}
.btn-warning.btn:hover{color:var(--wds-gold) !important}
.btn-info.btn{background-color:var(--wds-gold)}
.btn-info.btn{color:var(--wds-black)}
.btn-info.btn:hover{background-color:var(--wds-black) !important}
.btn-info.btn:hover{color:var(--wds-gold) !important}
.btn-dark.btn{background-color:var(--wds-black)}
.btn-dark.btn{color:var(--wds-gold)}
.btn-dark.btn:hover{background-color:var(--wds-black) !important}
.btn-dark.btn:hover{color:var(--wds-gold) !important}
.buttons .pull-right .btn:hover{background-color:var(--wds-black) !important}
.buttons .pull-right .btn:hover{color:var(--wds-gold) !important}
.buttons .pull-right .btn:active, .buttons .pull-right .btn:hover:active, .buttons .pull-right .btn:focus:active{background-color:var(--wds-black) !important}
.buttons .pull-right .btn:active, .buttons .pull-right .btn:hover:active, .buttons .pull-right .btn:focus:active{color:var(--wds-gold) !important}
.buttons .pull-right .btn{background-color:var(--wds-gold)}
.buttons .pull-right .btn{color:var(--wds-black)}
.buttons .pull-left .btn{background-color:var(--wds-gold)}
.buttons .pull-left .btn{color:var(--wds-black)}
.buttons .pull-left .btn:hover{background-color:var(--wds-black) !important}
.buttons .pull-left .btn:hover{color:var(--wds-gold) !important}
.tags a{background-color:var(--wds-black)}
.tags a{color:var(--wds-gold)}
.tags a:hover{background-color:var(--wds-black)}
.tags a:hover{color:var(--wds-gold)}
.nav-tabs > li.active{border-top-color:var(--wds-black)}
.nav-tabs > li.active{border-right-color:var(--wds-black)}
.nav-tabs > li.active{border-bottom-color:var(--wds-black)}
.nav-tabs > li.active{border-left-color:var(--wds-black)}
.breadcrumb::-webkit-scrollbar-thumb{background-color:var(--wds-gold)}
.breadcrumb::-webkit-scrollbar-thumb{color:var(--wds-black)}
.desktop .panel-group .panel-heading:hover a::before{color:var(--wds-gold)}
.panel-group .panel-active .panel-heading a::before{color:var(--wds-gold)}
.panel-group .panel-heading:hover a{color:var(--wds-gold-ink)}
.panel-group .panel-active .panel-heading:hover a, .panel-group .panel-active .panel-heading a{color:var(--wds-gold-ink)}
body a{color:var(--wds-black)}
body a:hover{color:var(--wds-gold-ink)}
body h6{background-color:var(--wds-gold)}
body h6{color:var(--wds-black)}
body blockquote{border-top-color:var(--wds-gold)}
body blockquote{border-right-color:var(--wds-gold)}
body blockquote{border-bottom-color:var(--wds-gold)}
body blockquote{border-left-color:var(--wds-gold)}
body blockquote::before{color:var(--wds-gold)}
.count-badge{background-color:var(--wds-black)}
.count-badge{color:var(--wds-gold)}
.product-label b{background-color:var(--wds-gold)}
.product-label b{color:var(--wds-black)}
.tooltip-inner{background-color:var(--wds-black)}
.tooltip.top .tooltip-arrow{border-top-color:var(--wds-black)}
.tooltip.right .tooltip-arrow{border-right-color:var(--wds-black)}
.tooltip.bottom .tooltip-arrow{border-bottom-color:var(--wds-black)}
.tooltip.left .tooltip-arrow{border-left-color:var(--wds-black)}
.table-responsive::-webkit-scrollbar-thumb{background-color:var(--wds-gold)}
.table-responsive::-webkit-scrollbar-thumb{color:var(--wds-black)}
.pagination > li:hover{background-color:var(--wds-black)}
.pagination > li:hover{color:var(--wds-gold)}
.pagination > li.active{background-color:var(--wds-black)}
.pagination > li.active{color:var(--wds-gold)}
.rating .fa-star, .rating .fa-star + .fa-star-o{color:var(--wds-gold)}
.popup-container > .btn:hover{color:var(--wds-gold) !important}
.popup-container > .btn:active, .popup-container > .btn:hover:active, .popup-container > .btn:focus:active{color:var(--wds-gold) !important}
.popup-container > .btn:focus{color:var(--wds-gold) !important}
.popup-container > .btn{background-color:var(--wds-gold)}
.popup-container > .btn{color:var(--wds-black)}
.scroll-top i::before{background-color:var(--wds-gold)}
.scroll-top:hover i::before{background-color:var(--wds-black)}
.notification-cart .notification-close.btn:hover{color:var(--wds-gold) !important}
.notification-cart .notification-close.btn:active, .notification-cart .notification-close.btn:hover:active, .notification-cart .notification-close.btn:focus:active{color:var(--wds-gold) !important}
.notification-cart .notification-close.btn:focus{color:var(--wds-gold) !important}
.notification-cart .notification-close.btn{background-color:var(--wds-gold)}
.notification-cart .notification-close.btn{color:var(--wds-black)}
.notification-wishlist .notification-close.btn:hover{color:var(--wds-gold) !important}
.notification-wishlist .notification-close.btn:active, .notification-wishlist .notification-close.btn:hover:active, .notification-wishlist .notification-close.btn:focus:active{color:var(--wds-gold) !important}
.notification-wishlist .notification-close.btn:focus{color:var(--wds-gold) !important}
.notification-wishlist .notification-close.btn{background-color:var(--wds-gold)}
.notification-wishlist .notification-close.btn{color:var(--wds-black)}
.notification-compare .notification-close.btn:hover{color:var(--wds-gold) !important}
.notification-compare .notification-close.btn:active, .notification-compare .notification-close.btn:hover:active, .notification-compare .notification-close.btn:focus:active{color:var(--wds-gold) !important}
.notification-compare .notification-close.btn:focus{color:var(--wds-gold) !important}
.notification-compare .notification-close.btn{background-color:var(--wds-gold)}
.notification-compare .notification-close.btn{color:var(--wds-black)}
.popup-quickview.popup-container > .btn:hover{color:var(--wds-gold) !important}
.popup-quickview.popup-container > .btn:active, .popup-quickview.popup-container > .btn:hover:active, .popup-quickview.popup-container > .btn:focus:active{color:var(--wds-gold) !important}
.popup-quickview.popup-container > .btn:focus{color:var(--wds-gold) !important}
.popup-quickview.popup-container > .btn{background-color:var(--wds-gold)}
.popup-quickview.popup-container > .btn{color:var(--wds-black)}
.route-product-product.popup-quickview .additional-images .swiper-buttons div{background-color:var(--wds-black)}
.route-product-product.popup-quickview .additional-images .swiper-buttons div{color:var(--wds-gold)}
.route-product-product.popup-quickview .additional-images .swiper-buttons div:not(.swiper-button-disabled):hover{background-color:var(--wds-black)}
.route-product-product.popup-quickview .additional-images .swiper-buttons div:not(.swiper-button-disabled):hover{color:var(--wds-gold)}
.route-product-product.popup-quickview .additional-images .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--wds-black)}
.route-product-product.popup-quickview .additional-images .swiper-pagination-bullet.swiper-pagination-bullet-active{color:var(--wds-gold)}
.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:hover{background-color:var(--wds-black) !important}
.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:hover{color:var(--wds-gold) !important}
.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn{background-color:var(--wds-black)}
.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn{color:var(--wds-gold)}
.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:hover{background-color:var(--wds-black) !important}
.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:hover{color:var(--wds-gold) !important}
.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:hover{background-color:var(--wds-black) !important}
.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:hover{color:var(--wds-gold) !important}
.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:active, .route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:hover:active, .route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:focus:active{background-color:var(--wds-black) !important}
.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:active, .route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:hover:active, .route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:focus:active{color:var(--wds-gold) !important}
.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn{background-color:var(--wds-gold)}
.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn{color:var(--wds-black)}
.login-box .title::after, .login-box .title.page-title > span::after{background-color:var(--wds-gold)}
.desktop .account-list > li > a:hover{color:var(--wds-gold-ink)}
.route-checkout-cart .td-qty .btn-update.btn:hover{background-color:var(--wds-black) !important}
.route-checkout-cart .td-qty .btn-update.btn:hover{color:var(--wds-gold) !important}
.route-checkout-cart .td-qty .btn-update.btn:active, .route-checkout-cart .td-qty .btn-update.btn:hover:active, .route-checkout-cart .td-qty .btn-update.btn:focus:active{background-color:var(--wds-black) !important}
.route-checkout-cart .td-qty .btn-update.btn:active, .route-checkout-cart .td-qty .btn-update.btn:hover:active, .route-checkout-cart .td-qty .btn-update.btn:focus:active{color:var(--wds-gold) !important}
.route-checkout-cart .td-qty .btn-update.btn{background-color:var(--wds-gold)}
.route-checkout-cart .td-qty .btn-update.btn{color:var(--wds-black)}
.route-checkout-cart .td-qty .btn-remove.btn{background-color:var(--wds-black)}
.route-checkout-cart .td-qty .btn-remove.btn{color:var(--wds-gold)}
.route-checkout-cart .td-qty .btn-remove.btn:hover{background-color:var(--wds-black) !important}
.route-checkout-cart .td-qty .btn-remove.btn:hover{color:var(--wds-gold) !important}
.route-checkout-cart .buttons .pull-right .btn:hover{background-color:var(--wds-black) !important}
.route-checkout-cart .buttons .pull-right .btn:hover{color:var(--wds-gold) !important}
.route-checkout-cart .buttons .pull-left .btn{background-color:var(--wds-gold)}
.route-checkout-cart .buttons .pull-left .btn{color:var(--wds-black)}
.route-checkout-cart .buttons .pull-left .btn:hover{background-color:var(--wds-black) !important}
.route-checkout-cart .buttons .pull-left .btn:hover{color:var(--wds-gold) !important}
.route-checkout-cart .cart-panels .input-group .input-group-btn .btn:hover{background-color:var(--wds-black) !important}
.route-checkout-cart .cart-panels .input-group .input-group-btn .btn:hover{color:var(--wds-gold) !important}
.route-checkout-cart .cart-panels .input-group .input-group-btn .btn:active, .route-checkout-cart .cart-panels .input-group .input-group-btn .btn:hover:active, .route-checkout-cart .cart-panels .input-group .input-group-btn .btn:focus:active{background-color:var(--wds-black) !important}
.route-checkout-cart .cart-panels .input-group .input-group-btn .btn:active, .route-checkout-cart .cart-panels .input-group .input-group-btn .btn:hover:active, .route-checkout-cart .cart-panels .input-group .input-group-btn .btn:focus:active{color:var(--wds-gold) !important}
.route-checkout-cart .cart-panels .input-group .input-group-btn .btn{background-color:var(--wds-gold)}
.route-checkout-cart .cart-panels .input-group .input-group-btn .btn{color:var(--wds-black)}
.route-checkout-cart .cart-panels .buttons .pull-right .btn:hover{background-color:var(--wds-black) !important}
.route-checkout-cart .cart-panels .buttons .pull-right .btn:hover{color:var(--wds-gold) !important}
.route-checkout-cart .cart-panels .buttons .pull-right .btn:active, .route-checkout-cart .cart-panels .buttons .pull-right .btn:hover:active, .route-checkout-cart .cart-panels .buttons .pull-right .btn:focus:active{background-color:var(--wds-black) !important}
.route-checkout-cart .cart-panels .buttons .pull-right .btn:active, .route-checkout-cart .cart-panels .buttons .pull-right .btn:hover:active, .route-checkout-cart .cart-panels .buttons .pull-right .btn:focus:active{color:var(--wds-gold) !important}
.route-checkout-cart .cart-panels .buttons .pull-right .btn{background-color:var(--wds-gold)}
.route-checkout-cart .cart-panels .buttons .pull-right .btn{color:var(--wds-black)}
.route-checkout-cart .cart-panels .buttons .pull-left .btn{background-color:var(--wds-gold)}
.route-checkout-cart .cart-panels .buttons .pull-left .btn{color:var(--wds-black)}
.route-checkout-cart .cart-panels .buttons .pull-left .btn:hover{background-color:var(--wds-black) !important}
.route-checkout-cart .cart-panels .buttons .pull-left .btn:hover{color:var(--wds-gold) !important}
.refine-categories .swiper-buttons div{background-color:var(--wds-black)}
.refine-categories .swiper-buttons div{color:var(--wds-gold)}
.refine-categories .swiper-buttons div:not(.swiper-button-disabled):hover{background-color:var(--wds-black)}
.refine-categories .swiper-buttons div:not(.swiper-button-disabled):hover{color:var(--wds-gold)}
.refine-categories .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--wds-black)}
.refine-categories .swiper-pagination-bullet.swiper-pagination-bullet-active{color:var(--wds-gold)}
.refine-item a:hover .refine-name{color:var(--wds-gold-ink)}
.quick-checkout-wrapper legend::after, .quick-checkout-wrapper legend.page-title > span::after{background-color:var(--wds-gold)}
.quick-checkout-wrapper div .title.section-title::after, .quick-checkout-wrapper div .title.section-title.page-title > span::after{background-color:var(--wds-gold)}
.quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn:hover{background-color:var(--wds-black) !important}
.quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn:hover{color:var(--wds-gold) !important}
.quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn:active, .quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn:hover:active, .quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn:focus:active{background-color:var(--wds-black) !important}
.quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn:active, .quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn:hover:active, .quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn:focus:active{color:var(--wds-gold) !important}
.quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn{background-color:var(--wds-gold)}
.quick-checkout-wrapper .right .confirm-section .buttons .pull-right .btn{color:var(--wds-black)}
.quick-checkout-wrapper .right .confirm-section .buttons .pull-left .btn{background-color:var(--wds-gold)}
.quick-checkout-wrapper .right .confirm-section .buttons .pull-left .btn{color:var(--wds-black)}
.quick-checkout-wrapper .right .confirm-section .buttons .pull-left .btn:hover{background-color:var(--wds-black) !important}
.quick-checkout-wrapper .right .confirm-section .buttons .pull-left .btn:hover{color:var(--wds-gold) !important}
.section-shipping .section-body > div:nth-child(2)::before{color:var(--wds-gold)}
.route-product-search #content .buttons .pull-right .btn:hover{background-color:var(--wds-black) !important}
.route-product-search #content .buttons .pull-right .btn:hover{color:var(--wds-gold) !important}
.route-product-search #content .buttons .pull-right .btn:active, .route-product-search #content .buttons .pull-right .btn:hover:active, .route-product-search #content .buttons .pull-right .btn:focus:active{background-color:var(--wds-black) !important}
.route-product-search #content .buttons .pull-right .btn:active, .route-product-search #content .buttons .pull-right .btn:hover:active, .route-product-search #content .buttons .pull-right .btn:focus:active{color:var(--wds-gold) !important}
.route-product-search #content .buttons .pull-right .btn{background-color:var(--wds-gold)}
.route-product-search #content .buttons .pull-right .btn{color:var(--wds-black)}
.route-product-search #content .buttons .pull-left .btn{background-color:var(--wds-gold)}
.route-product-search #content .buttons .pull-left .btn{color:var(--wds-black)}
.route-product-search #content .buttons .pull-left .btn:hover{background-color:var(--wds-black) !important}
.route-product-search #content .buttons .pull-left .btn:hover{color:var(--wds-gold) !important}
.route-account-wishlist .td-stock.in-stock{color:var(--wds-black)}
.route-account-wishlist .td-stock.out-of-stock{color:var(--wds-black)}
.route-account-wishlist .td-price b{color:var(--wds-black)}
.route-product-product #content .page-title::after, .route-product-product #content .page-title.page-title > span::after{background-color:var(--wds-gold)}
.desktop .product-image .main-image .swiper-pagination-bullet:hover{background-color:var(--wds-black)}
.desktop .product-image .main-image .swiper-pagination-bullet:hover{color:var(--wds-gold)}
.product-image .main-image .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--wds-black)}
.product-image .main-image .swiper-pagination-bullet.swiper-pagination-bullet-active{color:var(--wds-gold)}
.desktop .lg-product-images .lg-actions .lg-prev:hover::before{color:var(--wds-gold)}
.desktop .lg-product-images .lg-actions .lg-next:hover::before{color:var(--wds-gold)}
.lg-product-images #lg-zoom-in:hover::after{color:var(--wds-gold)}
.lg-product-images #lg-actual-size:hover::after{color:var(--wds-gold)}
.desktop .lg-product-images .lg-close:hover::after{color:var(--wds-gold)}
.desktop .lg-product-images .lg-thumb-item img:hover, .lg-product-images .lg-thumb-item.active img{border-top-color:var(--wds-black)}
.desktop .lg-product-images .lg-thumb-item img:hover, .lg-product-images .lg-thumb-item.active img{border-right-color:var(--wds-black)}
.desktop .lg-product-images .lg-thumb-item img:hover, .lg-product-images .lg-thumb-item.active img{border-bottom-color:var(--wds-black)}
.desktop .lg-product-images .lg-thumb-item img:hover, .lg-product-images .lg-thumb-item.active img{border-left-color:var(--wds-black)}
.lg-product-images div.lg-thumb-item.active img{border-top-color:var(--wds-black)}
.lg-product-images div.lg-thumb-item.active img{border-right-color:var(--wds-black)}
.lg-product-images div.lg-thumb-item.active img{border-bottom-color:var(--wds-black)}
.lg-product-images div.lg-thumb-item.active img{border-left-color:var(--wds-black)}
.desktop .lg-product-images .lg-toogle-thumb:hover::after{color:var(--wds-gold)}
.desktop .additional-images .swiper-pagination-bullet:hover{background-color:var(--wds-black)}
.desktop .additional-images .swiper-pagination-bullet:hover{color:var(--wds-gold)}
.additional-images .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--wds-black)}
.additional-images .swiper-pagination-bullet.swiper-pagination-bullet-active{color:var(--wds-gold)}
.additional-images img:hover{border-top-color:var(--wds-black)}
.additional-images img:hover{border-right-color:var(--wds-black)}
.additional-images img:hover{border-bottom-color:var(--wds-black)}
.additional-images img:hover{border-left-color:var(--wds-black)}
.product-info .product-stats .in-stock span{color:var(--wds-black)}
.product-info .product-stats .out-of-stock span{color:var(--wds-black)}
.product-info .product-stats .product-stock.in-stock::before{color:var(--wds-gold)}
.product-info .product-stats .product-stock.out-of-stock::before{color:var(--wds-gold)}
.product-stats .product-sold::before{color:var(--wds-gold)}
.product-info .product-details .rating .fa-star, .product-info .product-details .rating .fa-star + .fa-star-o{color:var(--wds-gold)}
.product-info .product-details .product-options > h3::after, .product-info .product-details .product-options > h3.page-title > span::after{background-color:var(--wds-gold)}
.product-options .input-group .input-group-btn .btn:hover{background-color:var(--wds-black) !important}
.product-options .input-group .input-group-btn .btn:hover{color:var(--wds-gold) !important}
.product-options .input-group .input-group-btn .btn:active, .product-options .input-group .input-group-btn .btn:hover:active, .product-options .input-group .input-group-btn .btn:focus:active{background-color:var(--wds-black) !important}
.product-options .input-group .input-group-btn .btn:active, .product-options .input-group .input-group-btn .btn:hover:active, .product-options .input-group .input-group-btn .btn:focus:active{color:var(--wds-gold) !important}
.product-options .input-group .input-group-btn .btn{background-color:var(--wds-gold)}
.product-options .input-group .input-group-btn .btn{color:var(--wds-black)}
.product-info .product-options .push-option > div .option-value:hover, .product-info .product-options .push-option > div input:checked + .option-value{background-color:var(--wds-black)}
.product-info .product-options .push-option > div .option-value:hover, .product-info .product-options .push-option > div input:checked + .option-value{color:var(--wds-gold)}
.product-info .product-options .push-option > div input:checked + .option-value{background-color:var(--wds-black)}
.product-info .product-options .push-option > div input:checked + .option-value{color:var(--wds-gold)}
.product-info .button-group-page .btn-cart.btn:hover{background-color:var(--wds-black) !important}
.product-info .button-group-page .btn-cart.btn:hover{color:var(--wds-gold) !important}
.product-info .button-group-page .btn-extra.btn:hover{background-color:var(--wds-black) !important}
.product-info .button-group-page .btn-extra.btn:hover{color:var(--wds-gold) !important}
.product-info .button-group-page .btn-extra + .btn-extra.btn{background-color:var(--wds-black)}
.product-info .button-group-page .btn-extra + .btn-extra.btn{color:var(--wds-gold)}
.product-info .button-group-page .btn-extra + .btn-extra.btn:hover{background-color:var(--wds-black) !important}
.product-info .button-group-page .btn-extra + .btn-extra.btn:hover{color:var(--wds-gold) !important}
.route-product-product:not(.popup) .product-info .button-group-page .btn-wishlist::before{color:var(--wds-gold)}
.route-product-product:not(.popup) .product-info .button-group-page .btn-wishlist.btn, .route-product-product:not(.popup) .product-info .button-group-page .btn-wishlist.btn:visited{color:var(--wds-black)}
.route-product-product:not(.popup) .product-info .button-group-page .btn-wishlist.btn:hover{background-color:var(--wds-black) !important}
.route-product-product:not(.popup) .product-info .button-group-page .btn-wishlist.btn:hover{color:var(--wds-gold) !important}
.route-product-product:not(.popup) .product-info .button-group-page .btn-compare::before{color:var(--wds-gold)}
.route-product-product:not(.popup) .product-info .button-group-page .btn-compare.btn, .route-product-product:not(.popup) .product-info .button-group-page .btn-compare.btn:visited{color:var(--wds-black)}
.route-product-product:not(.popup) .product-info .button-group-page .btn-compare.btn:hover{background-color:var(--wds-black) !important}
.route-product-product:not(.popup) .product-info .button-group-page .btn-compare.btn:hover{color:var(--wds-gold) !important}
.desktop .product_tabs .nav-tabs > li:hover > a{background-color:var(--wds-black) !important}
.desktop .product_tabs .nav-tabs > li:hover > a{color:var(--wds-gold) !important}
.product_tabs ul.nav-tabs > li.active > a, .product_tabs ul.nav-tabs > li.active > a:hover, .product_tabs ul.nav-tabs > li.active > a:focus{background-color:var(--wds-black) !important}
.product_tabs ul.nav-tabs > li.active > a, .product_tabs ul.nav-tabs > li.active > a:hover, .product_tabs ul.nav-tabs > li.active > a:focus{color:var(--wds-gold) !important}
.product_tabs .nav-tabs > li.active::after{border-top-color:var(--wds-black)}
.main-products.product-grid .product-thumb .rating .fa-star, .main-products.product-grid .product-thumb .rating .fa-star + .fa-star-o{color:var(--wds-gold)}
.main-products.product-grid .product-thumb .btn-cart.btn{background-color:var(--wds-gold)}
.main-products.product-grid .product-thumb .btn-cart.btn{color:var(--wds-black)}
.main-products.product-grid .product-thumb .btn-cart.btn:hover{background-color:var(--wds-black) !important}
.main-products.product-grid .product-thumb .btn-cart.btn:hover{color:var(--wds-gold) !important}
.main-products.product-grid .product-thumb .btn-wishlist::before{color:var(--wds-gold)}
.main-products.product-grid .product-thumb .btn-wishlist.btn, .main-products.product-grid .product-thumb .btn-wishlist.btn:visited{color:var(--wds-black)}
.main-products.product-grid .product-thumb .btn-compare::before{color:var(--wds-gold)}
.main-products.product-grid .product-thumb .btn-compare.btn, .main-products.product-grid .product-thumb .btn-compare.btn:visited{color:var(--wds-black)}
.main-products.product-grid .product-thumb .extra-group .btn:first-child::before{color:var(--wds-gold)}
.main-products.product-grid .product-thumb .extra-group .btn + .btn::before{color:var(--wds-gold)}
.main-products.product-grid .product-thumb .extra-group > div{background-color:var(--wds-gold)}
.main-products.product-grid .product-thumb .extra-group > div{color:var(--wds-black)}
.main-products.product-grid .product-thumb .extra-group .btn.btn:hover{color:var(--wds-gold) !important}
.main-products.product-grid .product-thumb .extra-group .btn.btn:active, .main-products.product-grid .product-thumb .extra-group .btn.btn:hover:active, .main-products.product-grid .product-thumb .extra-group .btn.btn:focus:active{color:var(--wds-gold) !important}
.main-products.product-grid .product-thumb .extra-group .btn.btn:focus{color:var(--wds-gold) !important}
.main-products.product-grid .product-thumb .extra-group .btn.btn{background-color:var(--wds-gold)}
.main-products.product-grid .product-thumb .extra-group .btn.btn{color:var(--wds-black)}
.main-products.product-grid .product-thumb .extra-group .btn + .btn.btn:hover{color:var(--wds-gold) !important}
.main-products.product-grid .product-thumb .extra-group .btn + .btn.btn:active, .main-products.product-grid .product-thumb .extra-group .btn + .btn.btn:hover:active, .main-products.product-grid .product-thumb .extra-group .btn + .btn.btn:focus:active{color:var(--wds-gold) !important}
.main-products.product-grid .product-thumb .extra-group .btn + .btn.btn:focus{color:var(--wds-gold) !important}
.main-products.product-grid .product-thumb .extra-group .btn + .btn.btn{background-color:var(--wds-gold)}
.main-products.product-grid .product-thumb .extra-group .btn + .btn.btn{color:var(--wds-black)}
.main-products.product-list .product-thumb .rating .fa-star, .main-products.product-list .product-thumb .rating .fa-star + .fa-star-o{color:var(--wds-gold)}
.main-products.product-list .product-thumb .price-new{color:var(--wds-black)}
.main-products.product-list .product-thumb .btn-wishlist.btn:hover{background-color:var(--wds-black) !important}
.main-products.product-list .product-thumb .btn-wishlist.btn:hover{color:var(--wds-gold) !important}
.main-products.product-list .product-thumb .btn-wishlist.btn:active, .main-products.product-list .product-thumb .btn-wishlist.btn:hover:active, .main-products.product-list .product-thumb .btn-wishlist.btn:focus:active{background-color:var(--wds-black) !important}
.main-products.product-list .product-thumb .btn-wishlist.btn:active, .main-products.product-list .product-thumb .btn-wishlist.btn:hover:active, .main-products.product-list .product-thumb .btn-wishlist.btn:focus:active{color:var(--wds-gold) !important}
.main-products.product-list .product-thumb .btn-wishlist.btn:active, .main-products.product-list .product-thumb .btn-wishlist.btn:hover:active, .main-products.product-list .product-thumb .btn-wishlist.btn:focus:active{border-top-color:var(--wds-black) !important}
.main-products.product-list .product-thumb .btn-wishlist.btn:active, .main-products.product-list .product-thumb .btn-wishlist.btn:hover:active, .main-products.product-list .product-thumb .btn-wishlist.btn:focus:active{border-right-color:var(--wds-black) !important}
.main-products.product-list .product-thumb .btn-wishlist.btn:active, .main-products.product-list .product-thumb .btn-wishlist.btn:hover:active, .main-products.product-list .product-thumb .btn-wishlist.btn:focus:active{border-bottom-color:var(--wds-black) !important}
.main-products.product-list .product-thumb .btn-wishlist.btn:active, .main-products.product-list .product-thumb .btn-wishlist.btn:hover:active, .main-products.product-list .product-thumb .btn-wishlist.btn:focus:active{border-left-color:var(--wds-black) !important}
.main-products.product-list .product-thumb .btn-wishlist.btn:hover, .main-products.product-list .product-thumb .btn-wishlist.btn:active:hover{border-top-color:var(--wds-black)}
.main-products.product-list .product-thumb .btn-wishlist.btn:hover, .main-products.product-list .product-thumb .btn-wishlist.btn:active:hover{border-right-color:var(--wds-black)}
.main-products.product-list .product-thumb .btn-wishlist.btn:hover, .main-products.product-list .product-thumb .btn-wishlist.btn:active:hover{border-bottom-color:var(--wds-black)}
.main-products.product-list .product-thumb .btn-wishlist.btn:hover, .main-products.product-list .product-thumb .btn-wishlist.btn:active:hover{border-left-color:var(--wds-black)}
.main-products.product-list .product-thumb .btn-compare.btn:hover{background-color:var(--wds-black) !important}
.main-products.product-list .product-thumb .btn-compare.btn:hover{color:var(--wds-gold) !important}
.main-products.product-list .product-thumb .btn-compare.btn:active, .main-products.product-list .product-thumb .btn-compare.btn:hover:active, .main-products.product-list .product-thumb .btn-compare.btn:focus:active{background-color:var(--wds-black) !important}
.main-products.product-list .product-thumb .btn-compare.btn:active, .main-products.product-list .product-thumb .btn-compare.btn:hover:active, .main-products.product-list .product-thumb .btn-compare.btn:focus:active{color:var(--wds-gold) !important}
.main-products.product-list .product-thumb .btn-compare.btn:active, .main-products.product-list .product-thumb .btn-compare.btn:hover:active, .main-products.product-list .product-thumb .btn-compare.btn:focus:active{border-top-color:var(--wds-black) !important}
.main-products.product-list .product-thumb .btn-compare.btn:active, .main-products.product-list .product-thumb .btn-compare.btn:hover:active, .main-products.product-list .product-thumb .btn-compare.btn:focus:active{border-right-color:var(--wds-black) !important}
.main-products.product-list .product-thumb .btn-compare.btn:active, .main-products.product-list .product-thumb .btn-compare.btn:hover:active, .main-products.product-list .product-thumb .btn-compare.btn:focus:active{border-bottom-color:var(--wds-black) !important}
.main-products.product-list .product-thumb .btn-compare.btn:active, .main-products.product-list .product-thumb .btn-compare.btn:hover:active, .main-products.product-list .product-thumb .btn-compare.btn:focus:active{border-left-color:var(--wds-black) !important}
.main-products.product-list .product-thumb .btn-compare.btn:hover, .main-products.product-list .product-thumb .btn-compare.btn:active:hover{border-top-color:var(--wds-black)}
.main-products.product-list .product-thumb .btn-compare.btn:hover, .main-products.product-list .product-thumb .btn-compare.btn:active:hover{border-right-color:var(--wds-black)}
.main-products.product-list .product-thumb .btn-compare.btn:hover, .main-products.product-list .product-thumb .btn-compare.btn:active:hover{border-bottom-color:var(--wds-black)}
.main-products.product-list .product-thumb .btn-compare.btn:hover, .main-products.product-list .product-thumb .btn-compare.btn:active:hover{border-left-color:var(--wds-black)}
.main-products.product-list .product-thumb .extra-group .btn:first-child::before{color:var(--wds-gold)}
.main-products.product-list .product-thumb .extra-group .btn + .btn::before{color:var(--wds-gold)}
.main-products.product-list .product-thumb .extra-group .btn + .btn.btn{background-color:var(--wds-gold)}
.main-products.product-list .product-thumb .extra-group .btn + .btn.btn{color:var(--wds-black)}
.main-products.product-list .product-thumb .extra-group .btn.btn:hover{color:var(--wds-gold) !important}
.main-products.product-list .product-thumb .extra-group .btn.btn:active, .main-products.product-list .product-thumb .extra-group .btn.btn:hover:active, .main-products.product-list .product-thumb .extra-group .btn.btn:focus:active{color:var(--wds-gold) !important}
.main-products.product-list .product-thumb .extra-group .btn.btn:focus{color:var(--wds-gold) !important}
.main-products.product-list .product-thumb .extra-group .btn.btn{background-color:var(--wds-gold)}
.main-products.product-list .product-thumb .extra-group .btn.btn{color:var(--wds-black)}
.main-products.product-list .product-thumb .extra-group .btn + .btn.btn:hover{color:var(--wds-gold) !important}
.main-products.product-list .product-thumb .extra-group .btn + .btn.btn:active, .main-products.product-list .product-thumb .extra-group .btn + .btn.btn:hover:active, .main-products.product-list .product-thumb .extra-group .btn + .btn.btn:focus:active{color:var(--wds-gold) !important}
.main-products.product-list .product-thumb .extra-group .btn + .btn.btn:focus{color:var(--wds-gold) !important}
#cart > a > i{background-color:var(--wds-gold)}
#cart > a > i{color:var(--wds-black)}
.desktop #cart:hover > a > i{background-color:var(--wds-black)}
.desktop #cart:hover > a > i{color:var(--wds-gold)}
#cart-items.count-badge{background-color:var(--wds-black)}
#cart-items.count-badge{color:var(--wds-gold)}
.desktop #cart:hover #cart-total{color:var(--wds-gold-ink)}
div.cart-content .cart-products tbody .td-remove button{color:var(--wds-black)}
div.cart-content .cart-products tbody .td-remove button:hover{color:var(--wds-black)}
div.cart-content .btn-checkout.btn:hover{background-color:var(--wds-black) !important}
div.cart-content .btn-checkout.btn:hover{color:var(--wds-gold) !important}
.desktop .language .dropdown:hover button > span, .language .dropdown:hover::after{color:var(--wds-gold)}
.desktop .currency .dropdown:hover button > span, .currency .dropdown:hover::after{color:var(--wds-gold)}
.language-currency.top-menu .dropdown.dropdown .j-dropdown::before{border-bottom-color:var(--wds-gold)}
.language-currency.top-menu .currency .dropdown.dropdown .j-dropdown::before{border-bottom-color:var(--wds-gold)}
.main-menu > .j-menu li .count-badge{background-color:var(--wds-black)}
.main-menu > .j-menu li .count-badge{color:var(--wds-gold)}
.main-menu > ul > .dropdown .j-dropdown::before{border-bottom-color:var(--wds-gold)}
.desktop .desktop-header-active .mobile-main-menu-container .main-menu.accordion-menu .j-menu > li:hover > a, .desktop-header-active .mobile-main-menu-container .main-menu.accordion-menu .j-menu > li.active > a{color:var(--wds-gold-ink)}
.desktop-header-active .mobile-main-menu-container .main-menu .open-menu[aria-expanded="true"] i::before{color:var(--wds-gold)}
.desktop .desktop-header-active .mobile-main-menu-container .main-menu.accordion-menu .j-menu .j-menu > li:hover > a, .desktop-header-active .mobile-main-menu-container .main-menu.accordion-menu .j-menu .j-menu > li.active > a{color:var(--wds-gold-ink)}
.desktop .header-search.focused, .header-search.focused:hover{border-top-color:var(--wds-gold)}
.desktop .header-search.focused, .header-search.focused:hover{border-right-color:var(--wds-gold)}
.desktop .header-search.focused, .header-search.focused:hover{border-bottom-color:var(--wds-gold)}
.desktop .header-search.focused, .header-search.focused:hover{border-left-color:var(--wds-gold)}
.header-search .search-button{background-color:var(--wds-gold)}
.header-search .search-button{color:var(--wds-black)}
.desktop .header-search .search-button:hover{background-color:var(--wds-black)}
.desktop .header-search .search-button:hover{color:var(--wds-gold)}
.search-categories{background-color:var(--wds-gold)}
.search-categories{color:var(--wds-black)}
.desktop .search-categories:hover{background-color:var(--wds-black)}
.desktop .search-categories:hover{color:var(--wds-gold)}
.desktop .secondary-menu .top-menu .j-menu > li:hover > a::before, .secondary-menu .top-menu .j-menu > li.active > a::before{color:var(--wds-gold)}
.secondary-menu .menu-item.dropdown .j-dropdown::before{border-bottom-color:var(--wds-gold)}
.desktop .mobile-header-active .language .dropdown:hover button > span, .mobile-header-active .language .dropdown:hover::after{color:var(--wds-gold)}
.desktop .mobile-header-active .currency .dropdown:hover button > span, .mobile-header-active .currency .dropdown:hover::after{color:var(--wds-gold)}
.mobile-header-active .language-currency.top-menu.dropdown .j-dropdown::before{border-bottom-color:var(--wds-black)}
.mobile-main-menu-wrapper .main-menu .open-menu[aria-expanded="true"] i::before{color:var(--wds-gold)}
.desktop .mobile-header-active .header-search.focused, .mobile-header-active .header-search.focused:hover{border-top-color:var(--wds-gold)}
.desktop .mobile-header-active .header-search.focused, .mobile-header-active .header-search.focused:hover{border-right-color:var(--wds-gold)}
.desktop .mobile-header-active .header-search.focused, .mobile-header-active .header-search.focused:hover{border-bottom-color:var(--wds-gold)}
.desktop .mobile-header-active .header-search.focused, .mobile-header-active .header-search.focused:hover{border-left-color:var(--wds-gold)}
.mobile-header-active .header-search .search-button{background-color:var(--wds-black)}
.mobile-header-active .header-search .search-button{color:var(--wds-gold)}
.desktop .mobile-header-active .header-search .search-button:hover{background-color:var(--wds-black)}
.desktop .mobile-header-active .header-search .search-button:hover{color:var(--wds-gold)}
.mobile-header-active .search-categories{background-color:var(--wds-black)}
.mobile-header-active .search-categories{color:var(--wds-gold)}
.desktop .mobile-header-active .search-categories:hover{background-color:var(--wds-black)}
.desktop .mobile-header-active .search-categories:hover{color:var(--wds-gold)}
.mobile-header-active .mobile-header .mobile-top-bar{background-color:var(--wds-black)}
.mobile-header-active .mobile-header .mobile-top-bar{color:var(--wds-gold)}
.desktop .mobile-header-active .top-menu .j-menu > li:hover > a, .mobile-header-active .top-menu .j-menu > li.active > a{color:var(--wds-gold-ink)}
.mobile-header-active .top-menu.dropdown .j-dropdown::before{border-bottom-color:var(--wds-black)}
.product-label-270 b{background-color:var(--wds-gold)}
.product-label-270 b{color:var(--wds-black)}
.product-label-28 b{background-color:var(--wds-black)}
.product-label-28 b{color:var(--wds-gold)}
.product-label-29 b{background-color:var(--wds-gold)}
.product-label-29 b{color:var(--wds-black)}
.product-label-30 b{background-color:var(--wds-black)}
.product-label-30 b{color:var(--wds-gold)}
.product-label-31 b{background-color:var(--wds-gold)}
.product-label-31 b{color:var(--wds-black)}
.product-label-133 b{background-color:var(--wds-gold)}
.product-label-133 b{color:var(--wds-black)}
.product-label-217 b{background-color:var(--wds-gold)}
.product-label-217 b{color:var(--wds-black)}
.btn-extra-46:hover::before{color:var(--wds-gold)}
.product_extra-386 .block-content .table-responsive::-webkit-scrollbar-thumb{background-color:var(--wds-gold)}
.product_extra-386 .block-content .table-responsive::-webkit-scrollbar-thumb{color:var(--wds-black)}
.module-products-253 .swiper-buttons div{background-color:var(--wds-black)}
.module-products-253 .swiper-buttons div{color:var(--wds-gold)}
.module-products-253 .swiper-buttons div:not(.swiper-button-disabled):hover{background-color:var(--wds-black)}
.module-products-253 .swiper-buttons div:not(.swiper-button-disabled):hover{color:var(--wds-gold)}
.module-products-253 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--wds-black)}
.module-products-253 .swiper-pagination-bullet.swiper-pagination-bullet-active{color:var(--wds-gold)}
.desktop .module-products-253 .panel-group .panel-heading:hover a::before{color:var(--wds-gold)}
.module-products-253 .panel-group .panel-active .panel-heading a::before{color:var(--wds-gold)}
.module-products-253 .panel-group .panel-heading:hover a{color:var(--wds-gold-ink)}
.module-products-253 .panel-group .panel-active .panel-heading:hover a, .module-products-253 .panel-group .panel-active .panel-heading a{color:var(--wds-gold-ink)}
.module-products-253 .nav-tabs > li.active{border-top-color:var(--wds-black)}
.module-products-253 .nav-tabs > li.active{border-right-color:var(--wds-black)}
.module-products-253 .nav-tabs > li.active{border-bottom-color:var(--wds-black)}
.module-products-253 .nav-tabs > li.active{border-left-color:var(--wds-black)}
.module-products-253 .product-grid .product-thumb .image .btn:hover{background-color:var(--wds-black) !important}
.module-products-253 .product-grid .product-thumb .image .btn:hover{color:var(--wds-gold) !important}
.module-products-253 .product-grid .product-thumb .image .btn:active, .module-products-253 .product-grid .product-thumb .image .btn:hover:active, .module-products-253 .product-grid .product-thumb .image .btn:focus:active{background-color:var(--wds-black) !important}
.module-products-253 .product-grid .product-thumb .image .btn:active, .module-products-253 .product-grid .product-thumb .image .btn:hover:active, .module-products-253 .product-grid .product-thumb .image .btn:focus:active{color:var(--wds-gold) !important}
.module-products-253 .product-grid .product-thumb .image .btn{background-color:var(--wds-gold)}
.module-products-253 .product-grid .product-thumb .image .btn{color:var(--wds-black)}
.module-products-253 .product-grid .product-thumb .btn-wishlist.btn:hover{color:var(--wds-gold) !important}
.module-products-253 .product-grid .product-thumb .btn-wishlist.btn:active, .module-products-253 .product-grid .product-thumb .btn-wishlist.btn:hover:active, .module-products-253 .product-grid .product-thumb .btn-wishlist.btn:focus:active{color:var(--wds-gold) !important}
.module-products-253 .product-grid .product-thumb .btn-wishlist.btn:focus{color:var(--wds-gold) !important}
.module-products-253 .product-grid .product-thumb .btn-wishlist.btn{background-color:var(--wds-gold)}
.module-products-253 .product-grid .product-thumb .btn-wishlist.btn{color:var(--wds-black)}
.module-products-253 .product-grid .product-thumb .btn-compare.btn:hover{color:var(--wds-gold) !important}
.module-products-253 .product-grid .product-thumb .btn-compare.btn:active, .module-products-253 .product-grid .product-thumb .btn-compare.btn:hover:active, .module-products-253 .product-grid .product-thumb .btn-compare.btn:focus:active{color:var(--wds-gold) !important}
.module-products-253 .product-grid .product-thumb .btn-compare.btn:focus{color:var(--wds-gold) !important}
.module-products-253 .product-grid .product-thumb .btn-compare.btn{background-color:var(--wds-gold)}
.module-products-253 .product-grid .product-thumb .btn-compare.btn{color:var(--wds-black)}
.desktop div.main-menu.main-menu-324 > .j-menu li.main-menu-item-1:hover > a{background-color:var(--wds-black)}
.desktop div.main-menu.main-menu-324 > .j-menu li.main-menu-item-1:hover > a{color:var(--wds-gold)}
footer .grid-row-4{background-color:var(--wds-black)}
footer .grid-row-4{color:var(--wds-gold)}
.icons-menu-351 a{background-color:var(--wds-gold)}
.icons-menu-351 a{color:var(--wds-black)}
.desktop .icons-menu-351 a:hover{background-color:var(--wds-black)}
.desktop .icons-menu-351 a:hover{color:var(--wds-gold)}
.product-info .product-options .push-option > div input:checked + .option-value, .product-info .product-options .push-option > div label:has(input:checked) .option-value{background-color:var(--wds-black) !important}
.product-info .product-options .push-option > div input:checked + .option-value, .product-info .product-options .push-option > div label:has(input:checked) .option-value{color:var(--wds-gold) !important}
.wds-prepaid .price-new, .wds-prepaid .product-price-new{color:var(--wds-black)}
.wd-size-pill:hover, .wd-size-pill:focus, .wd-size-pill.active, .wd-size-pill.active:link, .wd-size-pill.active:visited{background-color:var(--wds-black)}
.wd-size-pill:hover, .wd-size-pill:focus, .wd-size-pill.active, .wd-size-pill.active:link, .wd-size-pill.active:visited{color:var(--wds-gold)}
.wds-wa-chat{background-color:var(--wds-black)}
.wds-wa-chat{color:var(--wds-gold)}
.grid-row-bottom-3{background-color:var(--wds-black)}
.grid-row-bottom-3{color:var(--wds-gold)}
.module-banners-428 .swiper-buttons div{background-color:var(--wds-black)}
.module-banners-428 .swiper-buttons div{color:var(--wds-gold)}
.module-banners-428 .swiper-buttons div:not(.swiper-button-disabled):hover{background-color:var(--wds-black)}
.module-banners-428 .swiper-buttons div:not(.swiper-button-disabled):hover{color:var(--wds-gold)}
.module-banners-428 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--wds-black)}
.module-banners-428 .swiper-pagination-bullet.swiper-pagination-bullet-active{color:var(--wds-gold)}
.module-banners-338 .swiper-buttons div{background-color:var(--wds-black)}
.module-banners-338 .swiper-buttons div{color:var(--wds-gold)}
.module-banners-338 .swiper-buttons div:not(.swiper-button-disabled):hover{background-color:var(--wds-black)}
.module-banners-338 .swiper-buttons div:not(.swiper-button-disabled):hover{color:var(--wds-gold)}
.module-banners-338 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--wds-black)}
.module-banners-338 .swiper-pagination-bullet.swiper-pagination-bullet-active{color:var(--wds-gold)}
.module-banners-335 .title.module-title::after, .module-banners-335 .title.module-title.page-title > span::after{background-color:var(--wds-gold)}
.module-banners-335 .swiper-buttons div{background-color:var(--wds-black)}
.module-banners-335 .swiper-buttons div{color:var(--wds-gold)}
.module-banners-335 .swiper-buttons div:not(.swiper-button-disabled):hover{background-color:var(--wds-black)}
.module-banners-335 .swiper-buttons div:not(.swiper-button-disabled):hover{color:var(--wds-gold)}
.module-banners-335 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--wds-black)}
.module-banners-335 .swiper-pagination-bullet.swiper-pagination-bullet-active{color:var(--wds-gold)}
.module-blocks-250 .nav-tabs > li.active{border-top-color:var(--wds-black)}
.module-blocks-250 .nav-tabs > li.active{border-right-color:var(--wds-black)}
.module-blocks-250 .nav-tabs > li.active{border-bottom-color:var(--wds-black)}
.module-blocks-250 .nav-tabs > li.active{border-left-color:var(--wds-black)}
.mobile-filter-trigger.btn:hover{background-color:var(--wds-black)}
.mobile-filter-trigger.btn:hover{color:var(--wds-gold)}
.desktop .module-filter-36 .panel-group .panel-heading:hover a::before{color:var(--wds-gold)}
.module-filter-36 .panel-group .panel-active .panel-heading a::before{color:var(--wds-gold)}
.module-filter-36 .panel-group .panel-heading:hover a{color:var(--wds-gold-ink)}
.module-filter-36 .panel-group .panel-active .panel-heading:hover a, .module-filter-36 .panel-group .panel-active .panel-heading a{color:var(--wds-gold-ink)}
.module-filter-36 label:hover .links-text{color:var(--wds-gold-ink)}
.module-filter-36 label input:checked + .links-text, .module-filter-36 label input:checked + img + .links-text{color:var(--wds-gold-ink)}
.module-filter-36 label:hover img{border-top-color:var(--wds-black)}
.module-filter-36 label:hover img{border-right-color:var(--wds-black)}
.module-filter-36 label:hover img{border-bottom-color:var(--wds-black)}
.module-filter-36 label:hover img{border-left-color:var(--wds-black)}
.module-filter-36 label input:checked + img{border-top-color:var(--wds-black)}
.module-filter-36 label input:checked + img{border-right-color:var(--wds-black)}
.module-filter-36 label input:checked + img{border-bottom-color:var(--wds-black)}
.module-filter-36 label input:checked + img{border-left-color:var(--wds-black)}
.module-filter-36 .irs-line{background-color:var(--wds-gold)}
.module-filter-36 .irs-line{color:var(--wds-black)}
.module-filter-36 .irs-bar{background-color:var(--wds-gold)}
.module-filter-36 .irs-bar{color:var(--wds-black)}
.module-filter-36 .irs-slider{background-color:var(--wds-gold)}
.module-filter-36 .irs-slider{color:var(--wds-black)}
.desktop .accordion-menu-126.accordion-menu .j-menu > li:hover > a, .accordion-menu-126.accordion-menu .j-menu > li.active > a{color:var(--wds-gold-ink)}
.accordion-menu-126 .open-menu[aria-expanded="true"] i::before{color:var(--wds-gold)}
.desktop .accordion-menu-126.accordion-menu .j-menu .j-menu > li:hover > a, .accordion-menu-126.accordion-menu .j-menu .j-menu > li.active > a{color:var(--wds-gold-ink)}

/* ===== WDS-GOLD-THEME hand-written additions (kept at the END so they beat the generated part) ===== */
/* 4. WhatsApp "Need help? Click to chat" button (WDS-WACHAT): gold like every other button, black on hover.
      Its own green style sits in product.twig AFTER this stylesheet, hence the !important. */
.wds-wa-chat{background:var(--wds-gold) !important;color:var(--wds-black) !important;}
.wds-wa-chat svg, .wds-wa-chat svg *{fill:var(--wds-black) !important;}
.wds-wa-chat:hover, .wds-wa-chat:focus{background:var(--wds-black) !important;color:var(--wds-gold) !important;}
.wds-wa-chat:hover svg, .wds-wa-chat:hover svg *, .wds-wa-chat:focus svg, .wds-wa-chat:focus svg *{fill:var(--wds-gold) !important;}

/* 5. Required-field asterisk: dark gold. Real validation ERRORS (.has-error) deliberately stay red. */
.required:not(.has-error) .control-label::after,
.required:not(.has-error) .control-label + div::before{color:var(--wds-gold-ink) !important;}

/* 6. Mobile header icons (different elements from desktop): search + menu glyphs gold.
      Cart already matches via #cart .cart-heading > i; login/register via .top-menu-item. */
.mobile-header .search-trigger::before,
.mobile-header .menu-trigger::before{color:var(--wds-gold) !important;}

/* 7. Product page Add to Cart + Buy Now. The skin paints these near-black (#070707) with a MORE specific
      selector than .btn, which the palette generator could not see (black was not an old-palette colour),
      while the generated .btn{color:black} darkened the label - black text on black. Set explicitly. */
.product-info .button-group-page .btn-cart.btn,
.product-info .button-group-page .btn-extra.btn{background-color:var(--wds-gold) !important;color:var(--wds-black) !important;}
.product-info .button-group-page .btn-cart.btn *,
.product-info .button-group-page .btn-extra.btn *,
.product-info .button-group-page .btn-cart.btn::before{color:var(--wds-black) !important;}
.product-info .button-group-page .btn-cart.btn:hover,
.product-info .button-group-page .btn-extra.btn:hover{background-color:var(--wds-black) !important;color:var(--wds-gold) !important;}
.product-info .button-group-page .btn-cart.btn:hover *,
.product-info .button-group-page .btn-extra.btn:hover *,
.product-info .button-group-page .btn-cart.btn:hover::before{color:var(--wds-gold) !important;}
.wds-wa-chat *{color:var(--wds-black) !important;}
.wds-wa-chat:hover *, .wds-wa-chat:focus *{color:var(--wds-gold) !important;}

/* 8. Main menu top level (CRICKET / SPORTS WEAR): NO background on hover (owner 2026-09-15).
      The skin gave only CRICKET (main-menu-item-1) a hover background, so the two items behaved differently. */
.desktop .main-menu > .j-menu > li:hover > a,
.desktop .main-menu > .j-menu > li.open > a,
.desktop div.main-menu.main-menu-324 > .j-menu li.main-menu-item-1:hover > a{
  background-color:transparent !important; color:var(--wds-black) !important;
}

/* 9. Small dropdown menus - currency (INR/USD...), language, secondary/top menus, search categories.
      They were lime rgb(204,255,0) / light blue rgb(182,205,248), colours outside the palette the
      generator scanned, and only visible when opened. Gold with black text; black with gold on hover. */
.language-currency.top-menu .dropdown.dropdown .j-menu > li > a,
.language-currency.top-menu .currency .dropdown.dropdown .j-menu > li > a,
.main-menu > ul > .dropdown .j-menu > li > a,
.secondary-menu .menu-item.dropdown .j-menu > li > a,
.mobile-header-active .language-currency.top-menu.dropdown .j-menu > li > a,
.mobile-header-active .top-menu.dropdown .j-menu > li > a,
.dropdown.dropdown .j-menu > li > a,
.search-categories.dropdown .j-menu > li > a,
.third-menu .top-menu .j-menu > li > a,
.mobile-header-active .search-categories.dropdown .j-menu > li > a{
  background-color:var(--wds-gold) !important; color:var(--wds-black) !important;
}
.language-currency.top-menu .dropdown.dropdown .j-menu > li > a:hover,
.language-currency.top-menu .currency .dropdown.dropdown .j-menu > li > a:hover,
.secondary-menu .menu-item.dropdown .j-menu > li > a:hover,
.mobile-header-active .top-menu.dropdown .j-menu > li > a:hover,
.dropdown.dropdown .j-menu > li > a:hover,
.search-categories.dropdown .j-menu > li > a:hover{
  background-color:var(--wds-black) !important; color:var(--wds-gold) !important;
}
.language-currency .dropdown .j-dropdown, .language-currency .dropdown .j-menu{background-color:var(--wds-gold) !important;}
.language-currency.top-menu .dropdown.dropdown .j-dropdown::before{border-bottom-color:var(--wds-gold) !important;}

/* 10. Stragglers from the same sweep: currency symbol badge, popup close hover, price-filter slider handles */
.currency-symbol-title > .currency-symbol{background-color:var(--wds-black) !important; color:var(--wds-gold) !important;}
.popup-close:hover{background-color:var(--wds-black) !important; color:var(--wds-gold) !important;}
.module-filter .irs-slider{background-color:var(--wds-gold) !important;}

/* 11. Every remaining button the skin paints near-black #070707 (not an old-palette colour, so the generator
       skipped it) while the generated .btn{color:black} darkened its label = black on black. Owner hit this on
       the mobile FILTER PRODUCTS button; the others (cart-page Checkout, mini-cart Checkout, quick-view More
       Details, .btn-success) share the cause and are fixed together. Gold + black; black + gold on hover. */
.mobile-filter-trigger.btn,
.route-checkout-cart .buttons .pull-right .btn,
div.cart-content .btn-checkout.btn,
.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn,
.btn-success.btn{background-color:var(--wds-gold) !important; color:var(--wds-black) !important;}
.mobile-filter-trigger.btn *, .mobile-filter-trigger.btn::before,
.route-checkout-cart .buttons .pull-right .btn *, .route-checkout-cart .buttons .pull-right .btn::before,
div.cart-content .btn-checkout.btn *, div.cart-content .btn-checkout.btn::before,
.btn-success.btn *, .btn-success.btn::before{color:var(--wds-black) !important;}
.mobile-filter-trigger.btn:hover,
.route-checkout-cart .buttons .pull-right .btn:hover,
div.cart-content .btn-checkout.btn:hover,
.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:hover,
.btn-success.btn:hover{background-color:var(--wds-black) !important; color:var(--wds-gold) !important;}
.mobile-filter-trigger.btn:hover *, .mobile-filter-trigger.btn:hover::before,
.route-checkout-cart .buttons .pull-right .btn:hover *, .route-checkout-cart .buttons .pull-right .btn:hover::before,
div.cart-content .btn-checkout.btn:hover *, div.cart-content .btn-checkout.btn:hover::before,
.btn-success.btn:hover *, .btn-success.btn:hover::before{color:var(--wds-gold) !important;}

/* ===================================================================================
   WDS-LISTING-BUTTONS (owner 2026-09-15) - layout, not colour, but kept in this one file.
   =================================================================================== */
/* 12. "People also bought" (Journal3 products module 253, product page): no Add to Cart / Wishlist / Compare */
/* 12b (owner 2026-09-27): same for the two new product-page modules 435 "Recently Viewed" and 436 "More from Same Category" */
.module-products-253 .product-thumb .buttons-wrapper,
.module-products-253 .product-thumb .button-group,
.module-products-253 .product-thumb .wish-group,
.module-products-435 .product-thumb .buttons-wrapper,
.module-products-435 .product-thumb .button-group,
.module-products-435 .product-thumb .wish-group,
.module-products-436 .product-thumb .buttons-wrapper,
.module-products-436 .product-thumb .button-group,
.module-products-436 .product-thumb .wish-group{display:none !important;}

/* 13. Category pages: no quantity box, Add to Cart or Buy Now on the product cards (grid and list view) */
.route-product-category .main-products .product-thumb .buttons-wrapper,
.route-product-category .main-products .product-thumb .button-group,
.route-product-category .main-products .product-thumb .cart-group,
.route-product-category .main-products .product-thumb .extra-group{display:none !important;}

/* 14. Native radio buttons + checkboxes (checkout Login/Register, Shipping, Payment, "delivery and billing
       addresses are the same", newsletter...) - browser default blue -> gold, site-wide. */
input[type="radio"], input[type="checkbox"]{accent-color:var(--wds-gold);}

/* ===================================================================================
   WDS-PRODUCT-PAGE-CAROUSELS-PHONE (owner 2026-09-27): the three product-page carousels
   (253 People Also Bought, 435 Recently Viewed, 436 More from Same Category) on phones:
   no prev/next arrows, and 2.3 cards per view (two full + a third peeking) so people know
   they can swipe. Journal3 sizes these slides purely by CSS (slidesPerView "auto").
   =================================================================================== */
@media (max-width: 760px){
  .route-product-product .module-products-253 .swiper-buttons,
  .route-product-product .module-products-435 .swiper-buttons,
  .route-product-product .module-products-436 .swiper-buttons{display:none !important;}
  /* slide widths are set by Swiper inline (see catalog/view/javascript/wds_carousel.js, 2.3 per view) - no CSS width override here */
}

/* WDS-MOBILE-MENU-EXTRAS (owner 2026-09-27): main menu 324 items 9-11 = About Us / Customer Service / My Account.
   They exist only for the slide-out mobile menu; keep them out of the desktop header bar. */
.desktop-main-menu-wrapper .main-menu-324 > ul > li.main-menu-item-9,
.desktop-main-menu-wrapper .main-menu-324 > ul > li.main-menu-item-10,
.desktop-main-menu-wrapper .main-menu-324 > ul > li.main-menu-item-11{display:none !important;}
/* inside the slide-out menu the three footer link modules repeat their own title under the section name - hide that */
.mobile-main-menu-wrapper .links-menu-342 > .module-title,
.mobile-main-menu-wrapper .links-menu-309 > .module-title,
.mobile-main-menu-wrapper .links-menu-76 > .module-title{display:none !important;}
