:root {
        /* === Primary (Blue Shades) === */
        --wt-shop-primary: #0b2133;
        --wt-shop-primary-dark: #0755a2;
        --wt-shop-primary-hover: #fec72d;

        /* === Secondary (Orange Shades) === */
        --wt-shop-secondary: #fec72f;
        --wt-shop-secondary-darker: #cdc713;

        /* === Neutral Colors === */
        --wt-shop-black: #111111;
        --wt-shop-white: #ffffff;
        --wt-shop-gray: #737373;
        --wt-shop-light-gray: #f7f7f8;

        --wt-shop-tertiary: #0077ff;
        
        /* === Legacy Color Support === */
        --primary-color: #0b2133;
        --secondary-color: #fec72f;
        --accent-color: #0077ff;
        --background-color: #ffffff;
        --color-bg-body: #ffffff;
        
        /* === Gradient === */
        --wt-shop-gradient-90: linear-gradient(0deg, #fec72d 0%, #0755a2 50%, #0b2133 100%);

        /* === Header logo sizes === */
        --wt-logo-width-desktop: 200px;
        --wt-logo-height-desktop: auto;
        --wt-logo-width-tablet: 150px;
        --wt-logo-height-tablet: auto;
        --wt-logo-width-mobile: 120px;
        --wt-logo-height-mobile: auto;

        /* === Footer logo sizes === */
        --wt-footer-logo-width-desktop: 350px;
        --wt-footer-logo-height-desktop: auto;
        --wt-footer-logo-width-tablet: 250px;
        --wt-footer-logo-height-tablet: auto;
        --wt-footer-logo-width-mobile: 200px;
        --wt-footer-logo-height-mobile: auto;

        /* === Header / menu colors === */
        --wt-header-bg: #fafafa;
        --wt-header-menu-text: #111111;
        --wt-header-menu-hover: #091057;
        --wt-header-submenu-bg: #ffffff;
        --wt-header-submenu-text: #111111;
        --wt-header-submenu-hover: #091057;
        --wt-header-search-icon: #091057;
        --wt-header-search-icon-hover: #091057;
        --wt-header-cart-icon: #111111;
        --wt-header-cart-icon-hover: #091057;
        --wt-header-icon: #091057;
        --wt-header-icon-hover: #091057;
        --wt-header-active-bg: #ffffff;
        --wt-header-active-menu-text: #111111;
        --wt-header-active-menu-hover: #091057;
        --wt-header-active-search-icon: #111111;
        --wt-header-active-search-icon-hover: #091057;
        --wt-header-active-cart-icon: #111111;
        --wt-header-active-cart-icon-hover: #091057;
    }

/* Body background from Theme Options */
body {
    background: var(--color-bg-body);
}

/* Header logo sizes from Theme Options */
nav.desktop-nav .header-wrapper .logo-desktop img,
nav.desktop-nav .header-wrapper .logo-desktop-active img,
nav.mobile-nav .logo-mobile img {
    width: var(--wt-logo-width-desktop);
    height: var(--wt-logo-height-desktop);
    max-width: 100%;
    object-fit: contain;
}

@media (max-width: 991px) {
    nav.desktop-nav .header-wrapper .logo-desktop img,
    nav.desktop-nav .header-wrapper .logo-desktop-active img,
    nav.mobile-nav .logo-mobile img {
        width: var(--wt-logo-width-tablet);
        height: var(--wt-logo-height-tablet);
    }
}

@media (max-width: 575px) {
    nav.desktop-nav .header-wrapper .logo-desktop img,
    nav.desktop-nav .header-wrapper .logo-desktop-active img,
    nav.mobile-nav .logo-mobile img {
        width: var(--wt-logo-width-mobile);
        height: var(--wt-logo-height-mobile);
    }
}

/* Footer logo sizes from Theme Options */
.ycona-footer-logo {
    overflow: visible;
    line-height: 0;
}

.ycona-footer-logo img {
    display: block;
    width: var(--wt-footer-logo-width-desktop);
    max-width: var(--wt-footer-logo-width-desktop);
    height: var(--wt-footer-logo-height-desktop);
    max-height: none;
    object-fit: contain;
    object-position: left center;
    transform: none;
}

@media (max-width: 991px) {
    .ycona-footer-logo img {
        width: var(--wt-footer-logo-width-tablet);
        max-width: var(--wt-footer-logo-width-tablet);
        height: var(--wt-footer-logo-height-tablet);
    }
}

@media (max-width: 575px) {
    .ycona-footer-logo img {
        width: var(--wt-footer-logo-width-mobile);
        max-width: var(--wt-footer-logo-width-mobile);
        height: var(--wt-footer-logo-height-mobile);
    }
}

/* Header / menu colors from Theme Options */
header.header-wt-shop {
    background: var(--wt-header-bg);
}

header.header-wt-shop.active {
    background: var(--wt-header-active-bg);
}

header.header-wt-shop nav.desktop-nav .nav-menu > li > a {
    color: var(--wt-header-menu-text);
}

header.header-wt-shop.active nav.desktop-nav .nav-menu > li > a {
    color: var(--wt-header-active-menu-text);
}

header.header-wt-shop nav.desktop-nav .nav-menu > li > a:hover,
nav.desktop-nav .nav-menu > li > a:hover,
nav.desktop-nav .nav-menu > li.active > a {
    color: var(--wt-header-menu-hover);
}

header.header-wt-shop.active nav.desktop-nav .nav-menu > li > a:hover,
header.header-wt-shop.active nav.desktop-nav .nav-menu > li.active > a {
    color: var(--wt-header-active-menu-hover);
}

header.header-wt-shop.active nav.desktop-nav .nav-menu > li.current-menu-parent > a span,
header.header-wt-shop.active nav.desktop-nav .nav-menu > li .current-menu-item a span {
    color: var(--wt-header-active-menu-hover) !important;
}

nav.desktop-nav .nav-menu > li.current-menu-parent > a span,
nav.desktop-nav .nav-menu > li .current-menu-item a span {
    color: var(--wt-header-menu-hover) !important;
}

nav.desktop-nav .nav-menu .dropdown-menu.depth_0,
nav.desktop-nav .nav-menu .dropdown-menu.depth_1,
nav.desktop-nav .nav-menu .dropdown-menu.depth_2 {
    background: var(--wt-header-submenu-bg);
    border-top-color: var(--wt-header-menu-hover);
}

nav.desktop-nav .nav-menu .dropdown-menu a,
nav.desktop-nav .nav-menu .dropdown-menu li.active a {
    color: var(--wt-header-submenu-text);
}

nav.desktop-nav .nav-menu .dropdown-menu li a:hover {
    color: var(--wt-header-submenu-hover);
}

header.header-wt-shop i.bi.bi-search,
.menu-toggle .bi.bi-search,
.search-container-mobile i.bi.bi-search,
.wt-shop-search-trigger i.bi.bi-search {
    color: var(--wt-header-search-icon);
    transition: color 0.2s ease;
}

header.header-wt-shop.active i.bi.bi-search,
header.header-wt-shop.active .wt-shop-search-trigger i.bi.bi-search {
    color: var(--wt-header-active-search-icon);
}

header.header-wt-shop i.bi.bi-search:hover,
i.bi.bi-search:hover,
.menu-toggle .bi.bi-search:hover,
.wt-shop-search-trigger:hover i.bi.bi-search,
.wt-shop-search-trigger:hover {
    color: var(--wt-header-search-icon-hover);
}

header.header-wt-shop.active i.bi.bi-search:hover,
header.header-wt-shop.active .wt-shop-search-trigger:hover i.bi.bi-search,
header.header-wt-shop.active .wt-shop-search-trigger:hover {
    color: var(--wt-header-active-search-icon-hover);
}

header.header-wt-shop i.bi.bi-cart3,
.wt-mini-cart-trigger,
.wt-mini-cart-trigger i.bi.bi-cart3 {
    color: var(--wt-header-cart-icon);
    transition: color 0.2s ease;
}

header.header-wt-shop .wt-mini-cart-trigger i.bi.bi-cart3::before,
.wt-mini-cart-trigger i.bi.bi-cart3::before {
    color: var(--wt-header-cart-icon);
}

header.header-wt-shop.active i.bi.bi-cart3,
header.header-wt-shop.active .wt-mini-cart-trigger,
header.header-wt-shop.active .wt-mini-cart-trigger i.bi.bi-cart3 {
    color: var(--wt-header-active-cart-icon);
}

header.header-wt-shop.active .wt-mini-cart-trigger i.bi.bi-cart3::before {
    color: var(--wt-header-active-cart-icon);
}

header.header-wt-shop i.bi.bi-cart3:hover,
.wt-mini-cart-trigger:hover,
.wt-mini-cart-trigger:hover i.bi.bi-cart3 {
    color: var(--wt-header-cart-icon-hover);
    opacity: 1;
}

header.header-wt-shop .wt-mini-cart-trigger:hover i.bi.bi-cart3::before,
.wt-mini-cart-trigger:hover i.bi.bi-cart3::before {
    color: var(--wt-header-cart-icon-hover);
}

header.header-wt-shop.active i.bi.bi-cart3:hover,
header.header-wt-shop.active .wt-mini-cart-trigger:hover,
header.header-wt-shop.active .wt-mini-cart-trigger:hover i.bi.bi-cart3 {
    color: var(--wt-header-active-cart-icon-hover);
}

header.header-wt-shop.active .wt-mini-cart-trigger:hover i.bi.bi-cart3::before {
    color: var(--wt-header-active-cart-icon-hover);
}

header.header-wt-shop .arrow-wt-shop-desktop {
    border-top-color: var(--wt-header-menu-text);
    border-right-color: var(--wt-header-menu-text);
}

header.header-wt-shop.active .arrow-wt-shop-desktop {
    border-top-color: var(--wt-header-active-menu-text);
    border-right-color: var(--wt-header-active-menu-text);
}

nav.desktop-nav .nav-menu > li > a:hover .arrow-wt-shop-desktop,
header.header-wt-shop .active .arrow-wt-shop-desktop,
nav.desktop-nav .nav-menu > li.current-menu-parent > a span.arrow-wt-shop-desktop,
nav.desktop-nav .nav-menu .dropdown-menu .arrow-wt-shop-desktop {
    border-top-color: var(--wt-header-menu-hover);
    border-right-color: var(--wt-header-menu-hover);
}

header.header-wt-shop.active nav.desktop-nav .nav-menu > li > a:hover .arrow-wt-shop-desktop,
header.header-wt-shop.active .active .arrow-wt-shop-desktop,
header.header-wt-shop.active nav.desktop-nav .nav-menu > li.current-menu-parent > a span.arrow-wt-shop-desktop {
    border-top-color: var(--wt-header-active-menu-hover);
    border-right-color: var(--wt-header-active-menu-hover);
}