/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Purp Oz
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1763867353
Updated: 2025-11-23 03:09:13

*/

/**
 * AJAX Page Transitions CSS
 * Add this to your child theme's style.css
 */

/* Loading Bar Base Styles */
#ajax-loading-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 3px;
    background: linear-gradient(90deg, #d8d8d8, #c8c8c8);
    z-index: 999999;
    transition: width 0.3s ease, opacity 0.3s ease;
    opacity: 0;
    box-shadow: 0 0 10px rgba(216, 216, 216, 0.5);
}

/* Page Transition Animations */
#content,
main,
#primary {
    transition: opacity 300ms ease-in-out;
}

/* Ensure sticky player stays on top */
.sticky-audio-player,
#sticky-player,
[class*="sticky-player"] {
    position: fixed !important;
    z-index: 99999 !important;
    pointer-events: auto !important;
}

/* Smooth scrolling for page transitions */
html {
    scroll-behavior: smooth;
}

/* Optional: Add a subtle fade effect to page changes */
body.page-transitioning #content,
body.page-transitioning main,
body.page-transitioning #primary {
    opacity: 0.7;
}

/* Loading state cursor */
body.loading {
    cursor: wait;
}

/* Prevent content flash during transition */
#content > *,
main > *,
#primary > * {
    animation: fadeInContent 0.3s ease-in-out;
}

@keyframes fadeInContent {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile optimizations */
@media (max-width: 768px) {
    #ajax-loading-bar {
        height: 4px;
    }
}

/* ==========================================================
   AJAX LOADING BAR - MOBILE SAFARI / iOS FIX
   Ensures loading indicator is visible on iPhone/iPad
   ========================================================== */

#ajax-loading-bar {
    /* Force GPU acceleration for iOS Safari */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Ensure visibility on iOS */
    -webkit-appearance: none;
    appearance: none;
    /* Force the element to be painted */
    will-change: width, opacity;
    /* Ensure it's above iOS Safari UI */
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 2147483647 !important; /* Maximum z-index for iOS */
    /* Prevent iOS from hiding thin elements */
    min-height: 3px;
    /* Ensure touch events don't interfere */
    pointer-events: none;
}

/* iOS Safari specific - use env() for safe area */
@supports (padding-top: env(safe-area-inset-top)) {
    #ajax-loading-bar {
        top: env(safe-area-inset-top) !important;
    }
}

/* Increase visibility on touch devices */
@media (hover: none) and (pointer: coarse) {
    #ajax-loading-bar {
        height: 4px !important;
        min-height: 4px !important;
        box-shadow: 0 0 8px rgba(216, 216, 216, 0.8), 0 0 2px rgba(216, 216, 216, 1) !important;
    }
}

/* ==========================================================
   WOO COMMERCE DARK THEME & BRAND COLORS - GLOBAL STYLES
   Add to: Child Theme style.css OR Customizer Additional CSS
   ========================================================== */

/* --- 1. GLOBAL BACKGROUND & TEXT COLOR OVERRIDES --- */
/* Scope note: all selectors below are wrapped with WooCommerce body classes to avoid affecting non-Woo pages. */
body.woocommerce,
body.woocommerce-page,
body.woocommerce-cart,
body.woocommerce-account,
body.single-product,
body.post-type-archive-product {
    background: #0A0A0A;
    color: #d8d8d8 !important;
}
/* CHECKOUT EXCLUDED: Removed body.woocommerce-checkout to allow default WooCommerce styling for Elementor rebuild */
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product) :is(.woocommerce, .woocommerce-page) {
    color: #d8d8d8 !important;
}
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product) :is(.woocommerce a, .woocommerce-page a) {
    color: #d8d8d8;
}
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product) :is(.woocommerce a:hover, .woocommerce-page a:hover) {
    color: #b3b3b3;
}

/* --- 2. BUTTONS --- */
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    :is(
        .woocommerce a.button,
        .woocommerce button.button,
        .woocommerce input.button,
        .woocommerce #respond input#submit,
        .woocommerce #payment #place_order,
        .woocommerce .woocommerce-cart .button,
        .woocommerce .woocommerce-message .button,
        .woocommerce .woocommerce-error .button,
        .woocommerce .woocommerce-info .button,
        .woocommerce .single_add_to_cart_button,
        .woocommerce .add_to_cart_button,
        .woocommerce .checkout-button,
        .woocommerce .return-to-shop .button,
        .woocommerce .woocommerce-form-login__submit,
        .woocommerce .woocommerce-Button,
        .woocommerce .woocommerce-form-register__submit
    ) {
    background: #d8d8d8 !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 2px !important;
    transition: background 0.2s;
    box-shadow: none !important;
    font-weight: 600;
}
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    :is(
        .woocommerce a.button:hover,
        .woocommerce button.button:hover,
        .woocommerce input.button:hover,
        .woocommerce #respond input#submit:hover,
        .woocommerce #payment #place_order:hover,
        .woocommerce .woocommerce-cart .button:hover,
        .woocommerce .woocommerce-message .button:hover,
        .woocommerce .woocommerce-error .button:hover,
        .woocommerce .woocommerce-info .button:hover,
        .woocommerce .single_add_to_cart_button:hover,
        .woocommerce .add_to_cart_button:hover,
        .woocommerce .checkout-button:hover,
        .woocommerce .return-to-shop .button:hover,
        .woocommerce .woocommerce-form-login__submit:hover,
        .woocommerce .woocommerce-Button:hover,
        .woocommerce .woocommerce-form-register__submit:hover
    ) {
    background: #b3b3b3 !important;
    color: #000000 !important;
}

/* --- 3. FORM INPUTS, SELECTS, TEXTAREAS --- */
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    :is(
        .woocommerce input[type="text"],
        .woocommerce input[type="email"],
        .woocommerce input[type="password"],
        .woocommerce input[type="number"],
        .woocommerce input[type="tel"],
        .woocommerce input[type="search"],
        .woocommerce select,
        .woocommerce textarea
    ) {
    background: #141414 !important;
    color: #d8d8d8 !important;
    border: 1px solid #383838 !important;
    border-radius: 2px !important;
    box-shadow: none !important;
}
/* Edit Account page fields */
body.woocommerce-account
    :is(
        .woocommerce-MyAccount-content input[type="text"],
        .woocommerce-MyAccount-content input[type="email"],
        .woocommerce-MyAccount-content input[type="password"],
        .woocommerce-MyAccount-content input[type="number"],
        .woocommerce-MyAccount-content input[type="tel"],
        .woocommerce-MyAccount-content input[type="search"],
        .woocommerce-MyAccount-content select,
        .woocommerce-MyAccount-content textarea
    ) {
    background: #141414 !important;
    color: #d8d8d8 !important;
    border: 1px solid #383838 !important;
    border-radius: 2px !important;
    box-shadow: none !important;
}

body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    :is(.woocommerce input:focus, .woocommerce select:focus, .woocommerce textarea:focus) {
    border-color: #d8d8d8 !important;
    outline: none !important;
}

/* --- 4. PRODUCT CARDS (ARCHIVE/LISTINGS) --- */
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    :is(.woocommerce ul.products li.product, .woocommerce-page ul.products li.product) {
    background: #121212 !important;
    border-radius: 2px !important;
    border: 1px solid #121212 !important;
    box-shadow: 0 1px 6px rgba(0,0,0,0.07);
    color: #d8d8d8;
}
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    :is(.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .price) {
    color: #d8d8d8 !important;
}
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    .woocommerce ul.products li.product .button {
    margin-top: 10px;
}

/* --- 5. SINGLE PRODUCT PAGE --- 
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    .woocommerce div.product {
    background: #181a1b !important;
    color: #d8d8d8 !important;
    border-radius: 2px;
}
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    :is(.woocommerce div.product .product_title, .woocommerce div.product .price) {
    color: #d8d8d8 !important;
}
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    .woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: #232526 !important;
    border-radius: 2px 2px 0 0 !important;
}
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #d8d8d8 !important;
    color: #000000 !important;
}
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    .woocommerce div.product .woocommerce-tabs .panel {
    background: #232526 !important;
    color: #d8d8d8 !important;
    border-radius: 0 0 2px 2px !important;
} */

/* --- 6. CART PAGE --- Removed: Now handled by OZ Custom WC UI plugin */

/* --- 7. CHECKOUT PAGE --- Removed: Now handled by OZ Custom WC UI plugin */

/* --- 8. MY ACCOUNT PAGE --- Removed: Now handled by OZ Custom WC UI plugin */

/* --- 9. NOTICES (SUCCESS, ERROR, INFO) --- */
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    :is(.woocommerce-message, .woocommerce-error, .woocommerce-info) {
    background: #121212 !important;
    color: #d8d8d8 !important;
    border-radius: 2px !important;
    border: none !important;
    box-shadow: none !important;
}
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    .woocommerce-message {
    border-left: 4px solid #d8d8d8 !important;
}
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    .woocommerce-error {
    border-left: 4px solid #e74c3c !important;
}
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    .woocommerce-info {
    border-left: 4px solid #b3b3b3 !important;
}

/* --- 10. BREADCRUMBS --- */
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    .woocommerce-breadcrumb {
    color: #b0b0b0 !important;
}
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    .woocommerce-breadcrumb a {
    color: #d8d8d8 !important;
}
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    .woocommerce-breadcrumb a:hover {
    color: #b3b3b3 !important;
}

/* --- 11. PRICES --- */
/* Price color overrides removed to use default #d8d8d8 (inherited from body). */
/* No specific price color set here. */

/* --- 12. SALE BADGE --- */
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    .woocommerce span.onsale {
    background: #d8d8d8 !important;
    color: #000000 !important;
    border-radius: 2px !important;
}

/* --- 13. PAGINATION --- */
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    :is(.woocommerce nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a) {
    background: #121212 !important;
    color: #d8d8d8 !important;
    border-radius: 2px !important;
}
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    :is(.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover) {
    background: #d8d8d8 !important;
    color: #000000 !important;
}

/* --- 14. MOBILE RESPONSIVENESS --- */
@media (max-width: 768px) {
    body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
        .woocommerce ul.products li.product,
    body.woocommerce-cart :is(table.cart, .cart-collaterals),
    body.woocommerce-account :is(.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content) {
        border-radius: 2px !important;
        font-size: 0.97em;
    }
    body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
        .woocommerce ul.products li.product {
        margin-bottom: 18px !important;
    }
    body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
        .woocommerce div.product {
        padding: 10px !important;
    }
    /* Responsive fix for cart content padding */
    body.woocommerce-cart .cart-collaterals {
        padding: 12px !important;
    }
}

/* --- REQUIRED FIELD ASTERISKS COLOR --- */
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    :is(.woocommerce form .required, .woocommerce form label .required, .woocommerce-MyAccount-content .required) {
    color: #d8d8d8 !important;
    opacity: 1 !important;
}

/* --- SHOW/HIDE PASSWORD TOGGLE ICON COLOR (ALL SELECTORS) --- */
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    :is(
        .woocommerce form .show-password-input,
        .woocommerce form .show-password-input:after,
        .woocommerce form .show-password-input:before,
        .woocommerce-password-toggle,
        .woocommerce-password-toggle button,
        .woocommerce-password-toggle svg,
        .password-input + button,
        .password-input + button svg
    ) {
    color: #d8d8d8 !important;
    fill: #d8d8d8 !important;
    opacity: 0.88 !important;
    stroke: #d8d8d8 !important;
}
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    :is(
        .woocommerce form .show-password-input:hover,
        .woocommerce form .show-password-input:after:hover,
        .woocommerce form .show-password-input:before:hover,
        .woocommerce-password-toggle:hover,
        .woocommerce-password-toggle button:hover,
        .woocommerce-password-toggle svg:hover,
        .password-input + button:hover,
        .password-input + button svg:hover
    ) {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
    opacity: 1 !important;
}


/* --- MY ACCOUNT LOGIN/REGISTER CONTAINER --- Removed: Now handled by OZ Custom WC UI plugin */


/* --- MY ACCOUNT NAVIGATION --- Removed: Now handled by OZ Custom WC UI plugin
   Note: Address tab hiding kept if needed */
body.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address {
    display: none !important;
}

/* --- VIEW CART PAGE FIXES --- Removed: Now handled by OZ Custom WC UI plugin */

/* --- CHECKOUT PAGE CONTENT PADDING & UI --- Removed: Now handled by OZ Custom WC UI plugin */


/* --- 15. ELEMENTOR COMPATIBILITY --- */
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    :is(
        .elementor-widget-woocommerce,
        .elementor-widget-woocommerce-products,
        .elementor-widget-woocommerce-cart
    ) {
    background: transparent !important;
    color: inherit !important;
}
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    :is(
        .elementor .woocommerce a.button,
        .elementor .woocommerce button.button,
        .elementor .woocommerce input.button
    ) {
    background: #d8d8d8 !important;
    color: #000000 !important;
    border-radius: 2px !important;
}
body:where(.woocommerce, .woocommerce-page, .woocommerce-cart, .woocommerce-account, .single-product, .post-type-archive-product)
    :is(
        .elementor .woocommerce a.button:hover,
        .elementor .woocommerce button.button:hover,
        .elementor .woocommerce input.button:hover
    ) {
    background: #b3b3b3 !important;
    color: #000000 !important;
}

/* My Account Wrapper & Navigation --- Removed: Now handled by OZ Custom WC UI plugin */

/* ==========================================================
   AUTOFILL STYLING FIX FOR DARK THEME
   Prevents browser autofill from showing ugly white backgrounds
   ========================================================== */

/* WebKit browsers (Chrome, Safari, Edge) autofill fix */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #141414 inset !important;
    -webkit-text-fill-color: #d8d8d8 !important;
    transition: background-color 5000s ease-in-out 0s !important;
    caret-color: #d8d8d8 !important;
}

/* WooCommerce checkout specific autofill fix */
.woocommerce-checkout input:-webkit-autofill,
.woocommerce-checkout input:-webkit-autofill:hover,
.woocommerce-checkout input:-webkit-autofill:focus,
.woocommerce-checkout input:-webkit-autofill:active,
.woocommerce-checkout textarea:-webkit-autofill,
.woocommerce-checkout select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #141414 inset !important;
    -webkit-text-fill-color: #d8d8d8 !important;
    transition: background-color 5000s ease-in-out 0s !important;
    caret-color: #d8d8d8 !important;
}

/* Billing fields autofill (Email, Name, Artist Name, etc.) */
#billing_first_name:-webkit-autofill,
#billing_last_name:-webkit-autofill,
#billing_email:-webkit-autofill,
#billing_stage_name:-webkit-autofill,
#billing_city:-webkit-autofill,
#billing_country:-webkit-autofill,
#billing_state:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #141414 inset !important;
    -webkit-text-fill-color: #d8d8d8 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

/* My Account page autofill fix */
.woocommerce-account input:-webkit-autofill,
.woocommerce-account input:-webkit-autofill:hover,
.woocommerce-account input:-webkit-autofill:focus,
.woocommerce-account input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #141414 inset !important;
    -webkit-text-fill-color: #d8d8d8 !important;
    transition: background-color 5000s ease-in-out 0s !important;
    caret-color: #d8d8d8 !important;
}

/* Firefox autofill fix */
input:autofill,
textarea:autofill,
select:autofill {
    background-color: #141414 !important;
    color: #d8d8d8 !important;
}

/* ==========================================================
   SELECT2 DARK THEME STYLING FOR CHECKOUT
   Styles country/state dropdowns to match dark theme
   ========================================================== */

/* Select2 container - main selection box */
.woocommerce-checkout .select2-container--default .select2-selection--single,
.woocommerce-account .select2-container--default .select2-selection--single {
    background-color: #141414 !important;
    border: 1px solid #383838 !important;
    border-radius: 2px !important;
    height: 45px !important;
    padding: 8px 12px !important;
}

/* Selected text color */
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #d8d8d8 !important;
    line-height: 28px !important;
    padding-left: 0 !important;
}

/* Dropdown arrow */
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow,
.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 43px !important;
    right: 8px !important;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow b,
.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #d8d8d8 transparent transparent transparent !important;
}

/* Dropdown arrow when open */
.woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.woocommerce-account .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #d8d8d8 transparent !important;
}

/* Focus state */
.woocommerce-checkout .select2-container--default.select2-container--focus .select2-selection--single,
.woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--single,
.woocommerce-account .select2-container--default.select2-container--focus .select2-selection--single,
.woocommerce-account .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #d8d8d8 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(216, 216, 216, 0.2) !important;
}

/* Dropdown menu container */
.select2-container--default .select2-dropdown,
.select2-dropdown {
    background-color: #1a1a1a !important;
    border: 1px solid #383838 !important;
    border-radius: 2px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

/* Search box inside dropdown */
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-search--dropdown .select2-search__field {
    background-color: #141414 !important;
    border: 1px solid #383838 !important;
    border-radius: 2px !important;
    color: #d8d8d8 !important;
    padding: 8px 12px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus,
.select2-search--dropdown .select2-search__field:focus {
    border-color: #d8d8d8 !important;
    outline: none !important;
}

/* Dropdown options */
.select2-container--default .select2-results__option,
.select2-results__option {
    background-color: #1a1a1a !important;
    color: #d8d8d8 !important;
    padding: 10px 12px !important;
}

/* Highlighted option (hover/keyboard) */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted,
.select2-results__option--highlighted {
    background-color: #d8d8d8 !important;
    color: #000000 !important;
}

/* Selected option */
.select2-container--default .select2-results__option[aria-selected=true],
.select2-results__option[aria-selected=true] {
    background-color: #2a2a2a !important;
    color: #d8d8d8 !important;
}

/* No results message */
.select2-container--default .select2-results__message,
.select2-results__message {
    color: #888888 !important;
}

/* Placeholder text */
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__placeholder,
.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #888888 !important;
}

/* Native select fallback styling (when Select2 not loaded) */
.woocommerce-checkout select,
.woocommerce-account select,
#billing_country,
#billing_state {
    background-color: #141414 !important;
    color: #d8d8d8 !important;
    border: 1px solid #383838 !important;
    border-radius: 2px !important;
    padding: 10px 12px !important;
    height: auto !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d8d8d8' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 12px !important;
    padding-right: 36px !important;
}

.woocommerce-checkout select:focus,
.woocommerce-account select:focus,
#billing_country:focus,
#billing_state:focus {
    border-color: #d8d8d8 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(216, 216, 216, 0.2) !important;
}

/* Select option styling (limited browser support) */
.woocommerce-checkout select option,
.woocommerce-account select option {
    background-color: #1a1a1a !important;
    color: #d8d8d8 !important;
}

/* ==========================================================
   ORDER RECEIVED / THANK YOU PAGE - BILLING ADDRESS VISIBILITY
   Ensures billing address section is always visible
   ========================================================== */

/* Force visibility of customer details section on Thank You page */
.woocommerce-order-received .woocommerce-customer-details,
.woocommerce-order-received .woocommerce-columns--addresses,
.woocommerce-order-received .woocommerce-column--billing-address,
.woocommerce-order-received .woocommerce-column--1,
.woocommerce-order-received address {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
}

/* Elementor Purchase Summary widget - ensure billing details visible */
.elementor-widget-woocommerce-purchase-summary .woocommerce-customer-details,
.elementor-widget-woocommerce-purchase-summary .woocommerce-columns--addresses,
.elementor-widget-woocommerce-purchase-summary .woocommerce-column--billing-address,
.elementor-widget-woocommerce-purchase-summary address {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Style billing address section for dark theme */
.woocommerce-order-received .woocommerce-customer-details {
    margin-top: 2em;
}

.woocommerce-order-received .woocommerce-customer-details h2,
.woocommerce-order-received .woocommerce-column--billing-address h2 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.woocommerce-order-received address {
    background: #1a1a1a;
    border: 1px solid #333333;
    border-radius: 8px;
    padding: 20px;
    color: #d8d8d8;
    font-style: normal;
    line-height: 1.8;
}

.woocommerce-order-received address p {
    margin: 0 0 5px;
    color: #d8d8d8;
}

/* ==========================================================
   ORDER RECEIVED / THANK YOU PAGE - DOWNLOADS SECTION
   Fix text colors to be readable on dark theme
   ========================================================== */

/* Downloads section heading */
.woocommerce-order-received .woocommerce-order-downloads h2,
.woocommerce-order-received section.woocommerce-order-downloads h2 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

/* Downloads table styling */
.woocommerce-order-received .woocommerce-order-downloads table,
.woocommerce-order-received .woocommerce-table--order-downloads {
    background: #1a1a1a;
    border: 1px solid #333333;
    border-radius: 8px;
}

/* Downloads table headers */
.woocommerce-order-received .woocommerce-order-downloads th,
.woocommerce-order-received .woocommerce-table--order-downloads th {
    color: #ffffff !important;
    background: #252525;
    border-bottom: 1px solid #333333;
    padding: 12px 15px;
}

/* Downloads table cells - Product, Downloads remaining, Expires labels and values */
.woocommerce-order-received .woocommerce-order-downloads td,
.woocommerce-order-received .woocommerce-table--order-downloads td,
.woocommerce-order-received .woocommerce-order-downloads td *,
.woocommerce-order-received .woocommerce-table--order-downloads td * {
    color: #d8d8d8 !important;
    border-bottom: 1px solid #333333;
    padding: 12px 15px;
}

/* Download link styling */
.woocommerce-order-received .woocommerce-order-downloads a,
.woocommerce-order-received .woocommerce-table--order-downloads a,
.woocommerce-order-received .woocommerce-order-downloads .download-file a,
.woocommerce-order-received .woocommerce-order-downloads td a {
    color: #d8d8d8 !important;
    text-decoration: underline;
    transition: color 0.2s ease;
}

.woocommerce-order-received .woocommerce-order-downloads a:hover,
.woocommerce-order-received .woocommerce-table--order-downloads a:hover {
    color: #ffffff !important;
}

/* Responsive list view for downloads (mobile) */
.woocommerce-order-received .woocommerce-order-downloads .download-product,
.woocommerce-order-received .woocommerce-order-downloads .download-remaining,
.woocommerce-order-received .woocommerce-order-downloads .download-expires,
.woocommerce-order-received .woocommerce-order-downloads .download-file {
    color: #d8d8d8 !important;
}

/* ==========================================================
   CHECKOUT PAGE - CHECKBOX STYLING (Dark Theme)
   Fix 4: Match checkbox styling to auth modal checkboxes
   ========================================================== */

/* Target checkout checkboxes - create account and terms */
.woocommerce-checkout input[type="checkbox"],
.woocommerce form.checkout input[type="checkbox"],
#createaccount,
#terms,
.woocommerce-form__input-checkbox {
    /* Hide default checkbox */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px;
    min-height: 18px;
    margin: 0 8px 0 0 !important;
    cursor: pointer;
    /* Dark theme unchecked state */
    background-color: #1a1a1a !important;
    border: 1px solid #3a3a3a !important;
    border-radius: 3px !important;
    position: relative;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    vertical-align: middle;
}

/* Checked state - light background */
.woocommerce-checkout input[type="checkbox"]:checked,
.woocommerce form.checkout input[type="checkbox"]:checked,
#createaccount:checked,
#terms:checked,
.woocommerce-form__input-checkbox:checked {
    background-color: #d8d8d8 !important;
    border-color: #d8d8d8 !important;
}

/* Checkmark */
.woocommerce-checkout input[type="checkbox"]:checked::after,
.woocommerce form.checkout input[type="checkbox"]:checked::after,
#createaccount:checked::after,
#terms:checked::after,
.woocommerce-form__input-checkbox:checked::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #000000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Focus state */
.woocommerce-checkout input[type="checkbox"]:focus,
#createaccount:focus,
#terms:focus {
    outline: 2px solid #d8d8d8;
    outline-offset: 2px;
}

/* Hover state */
.woocommerce-checkout input[type="checkbox"]:hover,
#createaccount:hover,
#terms:hover {
    border-color: #d8d8d8 !important;
}

/* ==========================================================
   CHECKOUT PAGE - HIDE NEWSLETTER SUBSCRIPTION TEXT
   Fix 5: Hide "Subscribe to our newsletter" section
   ========================================================== */

/* Hide newsletter subscription field/text on checkout */
.woocommerce-checkout .mc4wp-checkbox,
.woocommerce-checkout .mc4wp-checkbox-wrap,
.woocommerce-checkout [class*="newsletter"],
.woocommerce-checkout [class*="subscribe"],
.woocommerce-checkout .mailchimp-newsletter,
.woocommerce-checkout #mc4wp-checkbox,
.woocommerce-checkout label[for*="newsletter"],
.woocommerce-checkout label[for*="subscribe"],
.woocommerce-checkout p:has(input[name*="newsletter"]),
.woocommerce-checkout p:has(input[name*="subscribe"]),
/* Brevo/Sendinblue newsletter checkbox */
.woocommerce-checkout .sib-checkout-optin,
.woocommerce-checkout [class*="sib-"],
.woocommerce-checkout label[for*="sib_"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================
   CHECKOUT PAGE - COUPON CODE UNDERLINE ON HOVER
   Fix 6: Add underline on hover for coupon code link
   ========================================================== */

/* Coupon code toggle link */
.woocommerce-checkout .showcoupon,
.woocommerce-checkout a.showcoupon,
.woocommerce-info a.showcoupon,
a.showcoupon {
    text-decoration: none;
    transition: text-decoration 0.2s ease;
}

.woocommerce-checkout .showcoupon:hover,
.woocommerce-checkout a.showcoupon:hover,
.woocommerce-info a.showcoupon:hover,
a.showcoupon:hover {
    text-decoration: underline !important;
}