/* ========================================

   ISOLATED HEADER STYLES - UNIQUE CLASSES

   ======================================== */



/* Header Main Container */

.header-main.sky_header-main {

    position: relative !important;

    z-index: 999 !important;

    background: #0b0b0b !important;

    border-bottom: 0px solid #313131 !important;

}



/* Header Inner Flex Container */

.header-main .header-inner.sky_header-inner {

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    padding: 0 20px !important;

    min-height: 80px !important;

    max-width: 1200px !important;

    margin: 0 auto !important;

    width: 100% !important;

    max-height:100px!important;

}



/* Logo Section */

.header-main .logo.sky_header-logo {

    flex: 0 0 auto !important;

    margin-right: 20px !important;

}



.header-main .logo.sky_header-logo img {

    max-height: 60px !important;

    width: auto !important;

    display: block !important;

}



/* Left Navigation */

.header-main .flex-left.sky_header-left {

    flex: 1 !important;

    display: flex !important;

    align-items: center !important;

}



.header-main .header-nav.sky_header-nav-left {

    display: flex !important;

    list-style: none !important;

    margin: 0 !important;

    padding: 0 !important;

    align-items: center !important;

}



.header-main .header-nav.sky_header-nav-left li {

    list-style: none !important;

    margin: 0 15px 0 0 !important;

    padding: 0 !important;

}



.header-main .header-nav.sky_header-nav-left a {

    text-decoration: none !important;

    color: #333333 !important;

    font-weight: 500 !important;

    font-size: 16px !important;

    padding: 10px 0 !important;

    transition: color 0.3s ease !important;

}



.header-main .header-nav.sky_header-nav-left a:hover {

    color: #00b7f5 !important;

}



/* Right Navigation */

.header-main .flex-right.sky_header-right {

    flex: 0 0 auto !important;

    display: flex !important;

    align-items: center !important;

    gap: 20px !important;

}



.header-main .header-nav.sky_header-nav-right {

    display: flex !important;

    list-style: none !important;

    margin: 0 !important;

    padding: 0 !important;

    align-items: center !important;

    gap: 15px !important;

}



.header-main .header-nav.sky_header-nav-right li {

    list-style: none !important;

    margin: 0 !important;

    padding: 0 !important;

    display: flex;

    align-items: center !important;

}



/* Header Predict Search Widget */

.header-main .header-predict-search.sky_header-search {

    position: relative !important;

}



.header-main .chw-widget-area.sky_header-widget {

    margin: 0 !important;

    padding: 0 !important;

}



.header-main .chw-widget.sky_header-widget-item {

    margin: 0 !important;

    padding: 0 !important;

}



/* Currency Switcher */

.header-main .sky_currency-switcher {

    display: flex !important;

    align-items: center !important;

    margin-right: 15px !important;

}



.header-main .sky_currency-switcher .aelia-cs-widget {

    margin: 0 !important;

    padding: 0 !important;

}



.header-main .sky_currency-switcher .aelia-cs-widget ul {

    display: flex !important;

    list-style: none !important;

    margin: 0 !important;

    padding: 0 !important;

    gap: 5px !important;

}



.header-main .sky_currency-switcher .aelia-cs-widget li {

    list-style: none !important;

    margin: 0 !important;

    padding: 0 !important;

}



.header-main .sky_currency-switcher .aelia-cs-widget a {

    display: block !important;

    padding: 8px 12px !important;

    background: #f8f9fa !important;

    color: #333333 !important;

    text-decoration: none !important;

    border-radius: 4px !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    transition: all 0.3s ease !important;

    border: 1px solid #e5e5e5 !important;

}



.header-main .sky_currency-switcher .aelia-cs-widget a:hover,

.header-main .sky_currency-switcher .aelia-cs-widget a.selected {

    background: #0073aa !important;

    color: #ffffff !important;

    border-color: #0073aa !important;

}



/* Subtotal Display */

.header-main .sky_subtotal {

    display: flex !important;

    align-items: center !important;

    font-size: 16px !important;

    font-weight: 500 !important;

    color: #333333 !important;

    margin-right: 20px !important;

}



.header-main .sky_subtotal .cart-price {

    margin-left: 5px !important;

    font-weight: 600 !important;

    color: #0073aa !important;

}



.header-main .sky_subtotal .color-blue {

    color: #0073aa !important;

    margin-left: 3px !important;

    font-size: 14px !important;

}



/* Cart Link */

.header-main .header-cart-link.sky_header-cart {

    display: flex !important;

    align-items: center !important;

    text-decoration: none !important;

    color: #0073aa !important;

    font-weight: 500 !important;

    padding: 10px 15px !important;

    border: 2px solid #0073aa !important;

    border-radius: 6px !important;

    transition: all 0.3s ease !important;

    background: transparent !important;

}



.header-main .header-cart-link.sky_header-cart:hover {

    background: #0073aa !important;

    color: #141414 !important;

}



.header-main .header-cart-link.sky_header-cart .header-cart-title {

    margin-right: 8px !important;

    font-size: 16px !important;

}



.header-main .header-cart-link.sky_header-cart .header-cart-icon {

    font-size: 18px !important;

    position: relative !important;

}



.header-main .header-cart-link.sky_header-cart .header-cart-icon::after {

    content: attr(data-icon-label) !important;

    position: absolute !important;

    top: -8px !important;

    right: -8px !important;

    background: #ff4444 !important;

    color: #ffffff !important;

    border-radius: 50% !important;

    width: 20px !important;

    height: 20px !important;

    font-size: 12px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    font-weight: 600 !important;

}



/* Modern Checkout Button */

.header-main .modern-checkout-btn.sky_checkout-btn {

    display: inline-flex !important;

    align-items: center !important;

    text-decoration: none !important;

    background: #28a745 !important;

    color: #ffffff !important;

    padding: 12px 20px !important;

    border-radius: 6px !important;

    font-weight: 600 !important;

    font-size: 16px !important;

    transition: all 0.3s ease !important;

    border: none !important;

    cursor: pointer !important;

}



.header-main .modern-checkout-btn.sky_checkout-btn:hover {

    background: #218838 !important;

    color: #ffffff !important;

    transform: translateY(-1px) !important;

}



.header-main .modern-checkout-btn.sky_checkout-btn.disabled {

    background: #6c757d !important;

    cursor: not-allowed !important;

    transform: none !important;

}



.header-main .modern-checkout-btn.sky_checkout-btn .hide-for-small {

    display: inline !important;

}



.header-main .modern-checkout-btn.sky_checkout-btn .show-for-small {

    display: none !important;

}



/* Mobile Responsive */

@media (max-width: 768px) {

    .header-main .header-inner.sky_header-inner {

        padding: 0 15px !important;

        

        flex-wrap: wrap !important;

    }

    

    .header-main .logo.sky_header-logo {

        margin-right: 10px !important;

    }

    

    .header-main .logo.sky_header-logo img {

        max-height: 50px !important;

    }

    

    .header-main .flex-left.sky_header-left {

        display: none !important;

    }

    

    .header-main .flex-right.sky_header-right {

        gap: 10px !important;

    }

    

    .header-main .sky_subtotal {

        font-size: 14px !important;

        margin-right: 10px !important;

    }

    

    .header-main .header-cart-link.sky_header-cart {

        padding: 8px 12px !important;

    }

    

    .header-main .header-cart-link.sky_header-cart .header-cart-title {

        font-size: 14px !important;

    }

    

    .header-main .modern-checkout-btn.sky_checkout-btn .hide-for-small {

        display: none !important;

    }

    

    .header-main .modern-checkout-btn.sky_checkout-btn .show-for-small {

        display: inline !important;

        font-size: 18px !important;

    }

    

    .header-main .modern-checkout-btn.sky_checkout-btn {

        padding: 10px 15px !important;

        font-size: 14px !important;

    }

}



@media (max-width: 480px) {

    .header-main .header-inner.sky_header-inner {

        padding: 0 10px !important;

        min-height: 60px !important;

    }

    

    .header-main .logo.sky_header-logo img {

        max-height: 40px !important;

    }

    

    .header-main .flex-right.sky_header-right {

        gap: 8px !important;

    }

    

    .header-main .sky_currency-switcher {

        margin-right: 8px !important;

    }

    

    .header-main .sky_currency-switcher .aelia-cs-widget a {

        padding: 6px 8px !important;

        font-size: 12px !important;

    }

    

    .header-main .sky_subtotal {

        font-size: 12px !important;

        margin-right: 8px !important;

    }

    

    .header-main .header-cart-link.sky_header-cart {

        padding: 6px 10px !important;

    }

    

    .header-main .modern-checkout-btn.sky_checkout-btn {

        padding: 8px 12px !important;

    }

}



/* Header Divider */

.header-main + .container .top-divider.sky_header-divider {

    height: 1px !important;

    background: #e5e5e5 !important;

    margin: 0 !important;

    width: 100% !important;

}



/* Dropdown Styles (if cart dropdown is used) */

.header-main .nav-dropdown.sky_header-dropdown {

    position: absolute !important;

    top: 100% !important;

    right: 0 !important;

    background: #ffffff !important;

    border: 1px solid #e5e5e5 !important;

    border-radius: 6px !important;

    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;

    min-width: 300px !important;

    z-index: 1000 !important;

    padding: 15px !important;

    margin-top: 5px !important;

}



/* Reset any unwanted inherited styles */

.header-main * {

    box-sizing: border-box !important;

}



.header-main ul,

.header-main li {

    list-style: none !important;

    margin: 0 !important;

    padding: 0 !important;

}



.header-main a {

    text-decoration: none !important;

}



/* Ensure header stays on top */

.header-main {

    position: relative !important;

    z-index: 9999 !important;

}



/* ========================================

   LOGO FIX - HIDE DUPLICATE LOGO

   ======================================== */



/* Hide the dark logo by default and only show the regular logo */

.header-main.sky_header-main .logo.sky_header-logo .header-logo-dark {

    display: none !important;

}



/* Ensure the regular logo is visible */

.header-main.sky_header-main .logo.sky_header-logo .header-logo,

.header-main.sky_header-main .logo.sky_header-logo .header_logo {

    display: block !important;

}



/* Alternative approach - if you want to hide the first logo instead */

/*

.header-main.sky_header-main .logo.sky_header-logo .header_logo,

.header-main.sky_header-main .logo.sky_header-logo .header-logo:first-child {

    display: none !important;

}



.header-main.sky_header-main .logo.sky_header-logo .header-logo-dark {

    display: block !important;

}

*/



/* Ensure logo container has proper styling */

.header-main.sky_header-main .logo.sky_header-logo {

    position: relative !important;

    overflow: hidden !important;

}



.header-main.sky_header-main .logo.sky_header-logo a {

    display: block !important;

    line-height: 0 !important;

}



.header-main.sky_header-main .logo.sky_header-logo img {

    max-height: 60px !important;

    width: auto !important;

    display: block !important;

    transition: opacity 0.3s ease !important;

}



/* Dark theme support - if you want to switch logos based on theme */

.nav-dark .header-main.sky_header-main .logo.sky_header-logo .header-logo,

.nav-dark .header-main.sky_header-main .logo.sky_header-logo .header_logo {

    display: none !important;

}



.nav-dark .header-main.sky_header-main .logo.sky_header-logo .header-logo-dark {

    display: block !important;

}



/* Mobile logo adjustments */

@media (max-width: 768px) {

    .header-main.sky_header-main .logo.sky_header-logo img {

        max-height: 50px !important;

    }

}



@media (max-width: 480px) {

    .header-main.sky_header-main .logo.sky_header-logo img {

        max-height: 40px !important;

    }

}



/* ========================================

   SIMPLIFIED CART ICON STYLES

   ======================================== */



/* Remove all the complex cart elements */

.header-main .sky_currency-switcher,

.header-main .sky_subtotal,

.header-main .modern-checkout-btn.sky_checkout-btn {

    display: none !important;

}



/* Simple Cart Container */

.header-main .cart-item.sky_cart-simple {

    position: relative !important;

    margin: 0 !important;

    padding: 0 !important;

}



/* Cart Link */

.header-main .header-cart-link.sky_header-cart-simple {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    text-decoration: none !important;

    color: #333333 !important;

    padding: 10px !important;

    border-radius: 6px !important;

    transition: all 0.3s ease !important;

    background: transparent !important;

    border: none !important;

    position: relative !important;

}



.header-main .header-cart-link.sky_header-cart-simple:hover {

    background: #f8f9fa2e !important;

    color: #0073aa !important;

}



/* Cart Icon Wrapper */

.header-main .sky_cart-icon-wrapper {

    position: relative !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

}



/* Cart Icon SVG */

.header-main .sky_cart-icon {

    width: 24px !important;

    height: 24px !important;

    stroke: #fff !important;

    fill: none !important;

    transition: all 0.3s ease !important;

}



/* Cart Count Badge */

.header-main .sky_cart-count-badge {

    position: absolute !important;

    top: -8px !important;

    right: -8px !important;

    background: #ff4444 !important;

    color: #ffffff !important;

    border-radius: 50% !important;

    width: 20px !important;

    height: 20px !important;

    font-size: 12px !important;

    font-weight: 600 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    line-height: 1 !important;

    min-width: 20px !important;

    padding: 0 !important;

    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;

}



/* When cart is empty, no badge */

.header-main .sky_cart-count-badge:empty {

    display: none !important;

}



/* Hover Effects */

.header-main .header-cart-link.sky_header-cart-simple:hover .sky_cart-icon {

    transform: scale(1.1) !important;

}



.header-main .header-cart-link.sky_header-cart-simple:hover .sky_cart-count-badge {

    background: #0073aa !important;

    transform: scale(1.1) !important;

}



/* Mobile Adjustments */

@media (max-width: 768px) {

    .header-main .header-cart-link.sky_header-cart-simple {

        padding: 8px !important;

    }

    

    .header-main .sky_cart-icon {

        width: 22px !important;

        height: 22px !important;

    }

    

    .header-main .sky_cart-count-badge {

        width: 18px !important;

        height: 18px !important;

        font-size: 11px !important;

        top: -6px !important;

        right: -6px !important;

    }

}



@media (max-width: 480px) {

    .header-main .header-cart-link.sky_header-cart-simple {

        padding: 6px !important;

    }

    

    .header-main .sky_cart-icon {

        width: 20px !important;

        height: 20px !important;

    }

    

    .header-main .sky_cart-count-badge {

        width: 16px !important;

        height: 16px !important;

        font-size: 10px !important;

        top: -5px !important;

        right: -5px !important;

    }

}



/* Dark theme support */

.nav-dark .header-main .header-cart-link.sky_header-cart-simple {

    color: #ffffff !important;

}



.nav-dark .header-main .header-cart-link.sky_header-cart-simple:hover {

    background: rgba(255,255,255,0.1) !important;

    color: #ffffff !important;

}



/* Clean up any remaining cart elements we don't want */

.header-main .sky_cart-item .header-cart-title,

.header-main .sky_cart-item .cart-icon.image-icon,

.header-main .sky_cart-item .header-button {

    display: none !important;

}



/* ========================================

   MODERN NAVIGATION LINKS STYLES

   ======================================== */



/* Main Navigation Container */

.header-main .header-nav.sky_header-nav-left {

    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

    list-style: none !important;

    margin: 0 !important;

    padding: 0 !important;

    justify-content: center!important;

}



/* Individual Navigation Items */

.header-main .header-nav.sky_header-nav-left > li {

    position: relative !important;

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;

}



/* Main Navigation Links */

.header-main .header-nav.sky_header-nav-left > li > a.nav-top-link {

    display: flex !important;

    align-items: center !important;

    text-decoration: none !important;

    color: #fff !important;

    font-weight: 500 !important;

    font-size: 16px !important;

    padding: 12px 20px !important;

    border-radius: 8px !important;

    transition: all 0.3s ease !important;

    background: transparent !important;

    border: 1px solid transparent !important;

    position: relative !important;

    text-transform: none !important;

    letter-spacing: 0 !important;

}



/* Hover Effects for Main Links */

.header-main .header-nav.sky_header-nav-left > li > a.nav-top-link:hover {

    background: #f8f9fa !important;

    color: #0073aa !important;

    border-color: #e5e5e5 !important;

    transform: translateY(-1px) !important;

}



/* Dropdown Arrow Styling */

.header-main .header-nav.sky_header-nav-left > li > a.nav-top-link i.icon-angle-down {

    margin-left: 8px !important;

    font-size: 12px !important;

    transition: transform 0.3s ease !important;

}



/* Rotate arrow on hover */

.header-main .header-nav.sky_header-nav-left > li:hover > a.nav-top-link i.icon-angle-down {

    transform: rotate(180deg) !important;

}



/* Dropdown Menu Styling */

.header-main .header-nav.sky_header-nav-left .nav-dropdown {

    position: absolute !important;

    top: 100% !important;

    left: 0 !important;

    background: #ffffff !important;

    border: 1px solid #e5e5e5 !important;

    border-radius: 12px !important;

    box-shadow: 0 10px 40px rgba(0,0,0,0.1) !important;

    min-width: 250px !important;

    z-index: 1000 !important;

    padding: 12px 0 !important;

    margin-top: 8px !important;

    opacity: 0 !important;

    visibility: hidden !important;

    transform: translateY(-10px) !important;

    transition: all 0.3s ease !important;

}



/* Show dropdown on hover */

.header-main .header-nav.sky_header-nav-left > li:hover .nav-dropdown {

    opacity: 1 !important;

    visibility: visible !important;

    transform: translateY(0) !important;

}



/* Dropdown Items */

.header-main .header-nav.sky_header-nav-left .nav-dropdown li {

    list-style: none !important;

    margin: 0 !important;

    padding: 0 !important;

}



.header-main .header-nav.sky_header-nav-left .nav-dropdown li a {

    display: block !important;

    padding: 12px 20px !important;

    color: #333333 !important;

    text-decoration: none !important;

    font-weight: 400 !important;

    font-size: 15px !important;

    transition: all 0.3s ease !important;

    border-radius: 0 !important;

    text-transform: none !important;

    letter-spacing: 0 !important;

}



.header-main .header-nav.sky_header-nav-left .nav-dropdown li a:hover {

    background: #f8f9fa !important;

    color: #0073aa !important;

    padding-left: 24px !important;

}



/* Active/Current Page Styling */

.header-main .header-nav.sky_header-nav-left > li.current-menu-item > a.nav-top-link,

.header-main .header-nav.sky_header-nav-left > li.current-page-ancestor > a.nav-top-link {

    background: #00b7f5 !important;

    color: #ffffff !important;

    border-color: #00b7f5 !important;

}



/* Dark Theme Navigation */

.nav-dark .header-main .header-nav.sky_header-nav-left > li > a.nav-top-link {

    color: #ffffff !important;

}



.nav-dark .header-main .header-nav.sky_header-nav-left > li > a.nav-top-link:hover {

    background: rgba(255,255,255,0.1) !important;

    color: #ffffff !important;

    border-color: rgba(255,255,255,0.2) !important;

}



.nav-dark .header-main .header-nav.sky_header-nav-left .nav-dropdown {

    background: #2c3e50 !important;

    border-color: #34495e !important;

}



.nav-dark .header-main .header-nav.sky_header-nav-left .nav-dropdown li a {

    color: #ffffff !important;

}



.nav-dark .header-main .header-nav.sky_header-nav-left .nav-dropdown li a:hover {

    background: rgba(255,255,255,0.1) !important;

}



/* ========================================

   MODERN SEARCH BAR STYLES

   ======================================== */



/* Search Widget Container */

.header-main .header-predict-search.sky_header-search {

    margin: 0 !important;

    padding: 0 !important;

}



.header-main .chw-widget-area.sky_header-widget {

    margin: 0 !important;

    padding: 0 !important;

}



/* Main Search Form Container */

.header-main .wc_ps_container {

    position: relative !important;

    background: #f8f9fa !important;

    border: 2px solid #e5e5e5 !important;

    border-radius: 8px !important;

    overflow: hidden !important;

    transition: all 0.3s ease !important;

    min-width: 300px !important;

    max-width: 400px !important;

}







/* Search Form */

.header-main .wc_ps_form {

    display: flex !important;

    align-items: center !important;

    margin: 0 !important;

    padding: 0 !important;

    background: transparent !important;

}



/* Search Input Field */

.header-main .wc_ps_nav_fill {

    flex: 1 !important;

    position: relative !important;

}



.header-main .wc_ps_nav_field {

    position: relative !important;

    margin: 0 !important;

    padding: 0 !important;

}



.header-main .wc_ps_search_keyword {

    width: 100% !important;

    border: none !important;

    outline: none !important;

    background: transparent !important;

    padding: 12px 20px !important;

    font-size: 16px !important;

    color: #333333 !important;

    font-weight: 400 !important;

    line-height: 1.4 !important;

}



/* Fix placeholder text */

.header-main .wc_ps_search_keyword::placeholder {

    color: #999999 !important;

    opacity: 1 !important;

}



.header-main .wc_ps_search_keyword:focus::placeholder {

    opacity: 0.5 !important;

}



/* Search Submit Button */

.header-main .wc_ps_nav_right {

    flex: 0 0 auto !important;

    position: relative !important;

}



.header-main .wc_ps_nav_submit {

    position: relative !important;

    margin: 0 !important;

    padding: 0 !important;

    border-width:0px!important;

}



.header-main .wc_ps_nav_submit_icon {

    position: absolute !important;

    left: 50% !important;

    top: 50% !important;

    transform: translate(-50%, -50%) !important;

    color: #666666 !important;

    font-size: 16px !important;

    z-index: 2 !important;

    pointer-events: none !important;

}



.header-main .wc_ps_nav_submit_bt {

    background: transparent !important;

    border: none !important;

    padding: 12px 16px !important;

    cursor: pointer !important;

    color: transparent !important;

    font-size: 0 !important;

    width: 48px !important;

    height: 48px !important;

    border-radius: 50% !important;

    transition: all 0.3s ease !important;

    position: relative !important;

    margin: 2px !important;

}



.header-main .wc_ps_nav_submit_bt:hover {

    background: #0073aa !important;

}



.header-main .wc_ps_nav_submit_bt:hover + .wc_ps_nav_submit_icon,

.header-main .wc_ps_nav_submit:hover .wc_ps_nav_submit_icon {

    color: #ffffff !important;

}



/* Loading Spinner */

.header-main .wc_ps_searching_icon {

    position: absolute !important;

    right: 60px !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    color: #0073aa !important;

    font-size: 16px !important;

}



/* Remove default styles that might interfere */

.header-main .wc_ps_container * {

    box-sizing: border-box !important;

}



/* Mobile Search Adjustments */

@media (max-width: 768px) {

    .header-main .wc_ps_container {

        min-width: 100% !important;

        max-width: 100% !important;

    }

    

    .header-main .wc_ps_search_keyword {

        padding: 10px 16px !important;

        font-size: 15px !important;

    }

    

    .header-main .wc_ps_nav_submit_bt {

        width: 40px !important;

        height: 40px !important;

        padding: 10px 12px !important;

    }

}



@media (max-width: 480px) {

    .header-main .wc_ps_container {

        min-width: 100% !important;

        max-width: 100% !important;

    }

    

    .header-main .wc_ps_search_keyword {

        padding: 8px 14px !important;

        font-size: 14px !important;

    }

    

    .header-main .wc_ps_nav_submit_bt {

        width: 36px !important;

        height: 36px !important;

        padding: 8px 10px !important;

    }

}



/* Dark Theme Search */

.nav-dark .header-main .wc_ps_container {

    background: rgba(255,255,255,0.1) !important;

    border-color: rgba(255,255,255,0.2) !important;

}







.nav-dark .header-main .wc_ps_search_keyword {

    color: #ffffff !important;

}



.nav-dark .header-main .wc_ps_search_keyword::placeholder {

    color: rgba(255,255,255,0.7) !important;

}



.nav-dark .header-main .wc_ps_nav_submit_icon {

    color: rgba(255,255,255,0.8) !important;

}



/* Mobile Responsive Navigation */

@media (max-width: 768px) {

    .header-main .header-nav.sky_header-nav-left {

        gap: 4px !important;

    }

    

    .header-main .header-nav.sky_header-nav-left > li > a.nav-top-link {

        padding: 10px 16px !important;

        font-size: 15px !important;

    }

    

    .header-main .header-nav.sky_header-nav-left .nav-dropdown {

        min-width: 220px !important;

        left: -50% !important;

    }

}



@media (max-width: 480px) {

    .header-main .header-nav.sky_header-nav-left > li > a.nav-top-link {

        padding: 8px 12px !important;

        font-size: 14px !important;

    }

}



/* ========================================

   SEARCH ICON FIX - REMOVE DUPLICATES

   ======================================== */



/* Hide the loading spinner icon by default */

.header-main .wc_ps_searching_icon {

    display: none !important;

}



/* Fix the main search icon positioning */

.header-main .wc_ps_nav_submit {

    position: relative !important;

    margin: 0 !important;

    padding: 0 !important;

    width: 48px !important;

    height: 48px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

}



/* Position the search icon properly */

.header-main .wc_ps_nav_submit_icon {

    position: absolute !important;

    left: 50% !important;

    top: 50% !important;

    transform: translate(-50%, -50%) !important;

    color: #666666 !important;

    font-size: 16px !important;

    z-index: 2 !important;

    pointer-events: none !important;

    transition: color 0.3s ease !important;

}



/* Hide the actual button text/background */

.header-main .wc_ps_nav_submit_bt {

    background: transparent !important;

    border: none !important;

    padding: 0 !important;

    cursor: pointer !important;

    color: transparent !important;

    font-size: 0 !important;

    width: 48px !important;

    height: 48px !important;

    border-radius: 50% !important;

    transition: all 0.3s ease !important;

    position: relative !important;

    margin: 2px !important;

    outline: none !important;

}



/* Hover effects for search button */

.header-main .wc_ps_nav_submit_bt:hover {

    background: #0073aa !important;

}



.header-main .wc_ps_nav_submit_bt:hover ~ .wc_ps_nav_submit_icon,

.header-main .wc_ps_nav_submit:hover .wc_ps_nav_submit_icon {

    color: #ffffff !important;

}







.header-main .wc_ps_nav_submit:hover::after {

    color: #ffffff !important;

}



/* Hide the original icon completely if using the ::after approach */

.header-main .wc_ps_nav_submit .fa-search {

    display: none !important;

}



/* Make sure only one search mechanism is visible */

.header-main .wc_ps_nav_submit_icon {

    display: none !important;

}



/* Ensure proper layout of search form */

.header-main .wc_ps_form {

    display: flex !important;

    align-items: center !important;



    border-radius: 50px !important;

    overflow: hidden !important;

    transition: all 0.3s ease !important;

    min-width: 300px !important;

    max-width: 400px !important;

    position: relative !important;

}





/* Input field styling */

.header-main .wc_ps_search_keyword {

    flex: 1 !important;

    border: none !important;

    outline: none !important;

    background: transparent !important;

    padding: 12px 20px !important;

    font-size: 16px !important;

    color: #333333 !important;

    font-weight: 400 !important;

    line-height: 1.4 !important;

}



/* Fix placeholder styling */

.header-main .wc_ps_search_keyword::placeholder {

    color: #999999 !important;

    opacity: 1 !important;

}



.header-main .wc_ps_search_keyword:focus::placeholder {

    opacity: 0.5 !important;

}



/* Remove any default form styling that might interfere */

.header-main .wc_ps_container {

    position: relative !important;

    margin: 0 !important;

    padding: 0 !important;

    background: transparent !important;

    border: none !important;

}



/* Dark theme adjustments */

.nav-dark .header-main .wc_ps_form {

    background: rgba(255,255,255,0.1) !important;

    border-color: rgba(255,255,255,0.2) !important;

}



.nav-dark .header-main .wc_ps_nav_submit::after {

    color: rgba(255,255,255,0.8) !important;

}



.nav-dark .header-main .wc_ps_nav_submit:hover::after {

    color: #ffffff !important;

}



.nav-dark .header-main .wc_ps_search_keyword {

    color: #ffffff !important;

}



.nav-dark .header-main .wc_ps_search_keyword::placeholder {

    color: rgba(255,255,255,0.7) !important;

}



/* Mobile responsiveness */

@media (max-width: 768px) {

    .header-main .wc_ps_form {

        min-width: 100% !important;

        max-width: 100%  !important;

    }

    

    .header-main .wc_ps_search_keyword {

        padding: 10px 16px !important;

        font-size: 15px !important;

    }

    

    .header-main .wc_ps_nav_submit {

        width: 40px !important;

        height: 40px !important;

    }

    

    .header-main .wc_ps_nav_submit_bt {

        width: 40px !important;

        height: 40px !important;

    }

}



@media (max-width: 480px) {

    .header-main .wc_ps_form {

        min-width: 100% !important;

        max-width: 100% !important;

    }

    

    .header-main .wc_ps_search_keyword {

        padding: 8px 14px !important;

        font-size: 14px !important;

    }

    

    .header-main .wc_ps_nav_submit {

        width: 36px !important;

        height: 36px !important;

    }

    

    .header-main .wc_ps_nav_submit_bt {

        width: 36px !important;

        height: 36px !important;

    }

}







/* ========================================

   HIDE NAVIGATION AT 849PX AND BELOW

   ======================================== */



.header-main .flex-col.show-for-medium.flex-left.sky_header-mobile-left {

    max-width: 50px !important;

}





/* Hide the left navigation section at 849px and below */

@media (max-width: 849px) {

    .header-main .flex-left.sky_header-left {

        display: none !important;

    }

    

    /* Optional: Adjust the header layout when navigation is hidden */

    .header-main .header-inner.sky_header-inner {

        justify-content: space-between !important;

    }

    

    /* Make sure the logo and right elements have proper spacing */

    .header-main .logo.sky_header-logo {

        margin-right: 20px !important;

    }

    

    /* Ensure right elements are properly aligned */

    .header-main .flex-right.sky_header-right {

        gap: 15px !important;

    }

}



/* ========================================

   ALTERNATIVE: HIDE SPECIFIC NAVIGATION ITEMS

   ======================================== */



/* If you want to hide just the navigation menu but keep the left section container */

@media (max-width: 849px) {

    .header-main .header-nav.sky_header-nav-left {

        display: none !important;

    }

}



/* ========================================

   MOBILE NAVIGATION ADJUSTMENTS

   ======================================== */



/* Make sure mobile navigation (if you have one) shows properly */

@media (max-width: 849px) {

    .header-main .show-for-medium {

        display: flex !important;

    }

    

    /* Adjust mobile menu button if needed */

    .header-main .mobile-nav-icon {

        display: block !important;

    }

}



/* ========================================

   FINE-TUNE RESPONSIVE BREAKPOINTS

   ======================================== */



/* Update existing responsive rules to use 849px instead of 768px */

@media (max-width: 849px) {

    .header-main .header-inner.sky_header-inner {

        padding: 0 15px !important;

        min-height: 70px !important;

        max-height:100px!important;

    }

    

    .header-main .logo.sky_header-logo {

        margin-right: 10px !important;

    }

    

    .header-main .logo.sky_header-logo img {

        max-height: 50px !important;

    }

    

    .header-main .flex-right.sky_header-right {

        gap: 10px !important;

    }

    

    /* Hide search bar on smaller screens if needed */

    .header-main .header-predict-search.sky_header-search {

        display: none !important;

    }

    

    /* Adjust currency switcher */

    .header-main .sky_currency-switcher {

        margin-right: 8px !important;

    }

    

    .header-main .sky_currency-switcher .aelia-cs-widget a {

        padding: 6px 8px !important;

        font-size: 12px !important;

    }

    

    /* Adjust cart styling */

    .header-main .header-cart-link.sky_header-cart-simple {

        padding: 8px !important;

    }

    

    .header-main .sky_cart-icon {

        width: 22px !important;

        height: 22px !important;

    }

    

    .header-main .sky_cart-count-badge {

        width: 18px !important;

        height: 18px !important;

        font-size: 11px !important;

        top: -6px !important;

        right: -6px !important;

    }

}



/* ========================================

   TABLET SPECIFIC (850px - 1024px)

   ======================================== */



/* Show navigation on larger tablets */

@media (min-width: 850px) and (max-width: 1024px) {

    .header-main .flex-left.sky_header-left {

        display: flex !important;

    }

    

    .header-main .header-nav.sky_header-nav-left > li > a.nav-top-link {

        padding: 10px 16px !important;

        font-size: 15px !important;

    }

    

    .header-main .header-nav.sky_header-nav-left .nav-dropdown {

        min-width: 220px !important;

    }

}



/* ========================================

   KEEP MOBILE NAVIGATION VISIBLE

   ======================================== */



/* Ensure mobile navigation elements are shown when main nav is hidden */

@media (max-width: 849px) {

    .header-main .show-for-medium.sky_header-mobile-left {

        display: flex !important;

    }

    

    .header-main .mobile-nav.sky_header-mobile-nav {

        display: flex !important;

    }



    .header-main .header-currency-switcher {display:none!important;}

}



/* ========================================

   ALTERNATIVE APPROACH: GRADUAL HIDING

   ======================================== */



/* If you want to gradually hide navigation elements instead of all at once */

/*

@media (max-width: 900px) {

    .header-main .header-nav.sky_header-nav-left > li:nth-child(n+4) {

        display: none !important;

    }

}



@media (max-width: 849px) {

    .header-main .header-nav.sky_header-nav-left {

        display: none !important;

    }

}

*/



/* Mobile Search Container Styles */

.mobile-search-container {

    background: #0b0b0b !important;

    border-bottom: 1px solid #333;

    padding: 15px 0;

}



.mobile-search-wrapper {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 0 20px; /* Left and right spacing */

}



.mobile-search-widget-area {

    width: 100%; /* Full width within the padding */

    max-width: none; /* Remove width limit */

    text-align: center;

}



/* Style the search form */

.mobile-search-container form {

    position: relative;

    width: 100%;

}



.mobile-search-container .search-field,

.mobile-search-container input[type="search"] {

    width: 100%;

    padding: 12px 15px;

    border: 1px solid #444;

    border-radius: 8px;

    font-size: 16px; /* Prevents zoom on iOS */

    background: #fff;

    color: #333;

    text-align: left; /* Keep text left-aligned inside the input */

}



.mobile-search-container .search-field:focus,

.mobile-search-container input[type="search"]:focus {

    outline: none;

    border-color: #667eea;

    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);

}



.mobile-search-container .search-field::placeholder,

.mobile-search-container input[type="search"]::placeholder {

    color: #999;

    text-align: left;

}



/* Style search submit button if present */

.mobile-search-container .search-submit,

.mobile-search-container input[type="submit"] {

    position: absolute;

    right: 5px;

    top: 50%;

    transform: translateY(-50%);

    background: #667eea;

    border: none;

    padding: 8px 12px;

    border-radius: 4px;

    color: white;

    cursor: pointer;

    font-size: 12px;

    transition: background 0.3s ease;

}



.mobile-search-container .search-submit:hover,

.mobile-search-container input[type="submit"]:hover {

    background: #5a6fd8;

}



/* Predictive search results styling */

.mobile-search-container .predict-results,

.mobile-search-container .search-results {

    position: absolute;

    top: 100%;

    left: 0;

    right: 0;

    background: white;

    border: 1px solid #ddd;

    border-top: none;

    border-radius: 0 0 8px 8px;

    max-height: 300px;

    overflow-y: auto;

    z-index: 1000;

    box-shadow: 0 4px 12px rgba(0,0,0,0.15);

}



.mobile-search-container .predict-results ul,

.mobile-search-container .search-results ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



.mobile-search-container .predict-results li,

.mobile-search-container .search-results li {

    border-bottom: 1px solid #f5f5f5;

}



.mobile-search-container .predict-results a,

.mobile-search-container .search-results a {

    display: block;

    padding: 10px 15px;

    color: #333;

    text-decoration: none;

    font-size: 14px;

    transition: background 0.2s ease;

    text-align: left;

}



.mobile-search-container .predict-results a:hover,

.mobile-search-container .search-results a:hover {

    background: #f8faff;

    color: #667eea;

}



/* Hide on desktop */

@media (min-width: 850px) {

    .mobile-search-container {

        display: none !important;

    }

}



/* Additional responsive adjustments */

@media (max-width: 480px) {

    .mobile-search-container {

        padding: 12px 0;

    }

    

    .mobile-search-wrapper {

        padding: 0 15px; /* Reduce spacing on very small screens */

    }

    

    .mobile-search-widget-area {

        max-width: none; /* Keep full width on mobile */

    }

    

    .mobile-search-container .search-field,

    .mobile-search-container input[type="search"] {

        padding: 10px 12px;

        font-size: 15px;

    }

}