/* Premium Dark Theme Overrides for Header, Footer, and Global Typography Contrast */

/* ==========================================
   GLOBAL DARK THEME RESET & CONTRAST FIXES
   ========================================== */
body, 
html, 
#main-container {
    background-color: #03070a !important;
    color: #e2e8f0 !important;
}

/* General Headings */
h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title {
    color: #ffffff !important;
}

/* General Paragraphs & Body text */
p, 
li, 
label, 
.entry-content,
.ct-entry-summary,
.widget p {
    color: #cbd5e0 !important;
}

/* Global Link Styles */
a {
    color: #e2e8f0;
    transition: color 0.3s ease;
}

a:hover {
    color: #d4af37 !important; /* Gold */
}

/* Breadcrumbs contrast */
.ct-breadcrumbs {
    color: #a0aec0 !important;
}
.ct-breadcrumbs a {
    color: #a0aec0 !important;
}
.ct-breadcrumbs a:hover {
    color: #d4af37 !important;
}

/* ==========================================
   FORM & INPUT CONTRAST FIXES
   ========================================== */
input[type="text"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="password"],
input[type="url"],
select,
textarea {
    background-color: #0b1219 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
    transition: border-color 0.3s, box-shadow 0.3s !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    border-color: #d4af37 !important;
    box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2) !important;
    outline: none !important;
}

/* Form labels text color */
form label,
.wpforms-field-label {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* ==========================================
   WOOCOMMERCE CONTRAST & IMAGE SIZE FIXES
   ========================================== */
/* Product titles and catalog elements */
.woocommerce-loop-product__title,
.woocommerce-loop-category__title,
.product_title,
.woocommerce-tabs h2,
.woocommerce-Reviews-title,
.wc-block-grid__product-title {
    color: #ffffff !important;
}

/* Prices */
.price,
.price *,
.amount,
.wc-block-grid__product-price {
    color: #d4af37 !important; /* Gold pricing */
}

/* Original price crossed out in grey */
.price del,
.price del *,
.wc-block-grid__product-price del {
    color: #718096 !important;
    text-decoration: line-through !important;
}

/* Cart & Checkout tables */
.shop_table {
    border-color: rgba(255, 255, 255, 0.05) !important;
    background-color: #080d12 !important;
}

.shop_table th {
    color: #ffffff !important;
    background-color: #0b1219 !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    letter-spacing: 1px !important;
}

.shop_table td {
    border-color: rgba(255, 255, 255, 0.05) !important;
    color: #cbd5e0 !important;
}

.shop_table td * {
    color: #e2e8f0 !important;
}

/* WooCommerce notices & info boxes */
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
    background-color: #0b1219 !important;
    border-top-color: #d4af37 !important;
    color: #ffffff !important;
}

/* Standard WooCommerce / Form Buttons */
.button,
.added_to_cart,
button[type="submit"],
input[type="submit"],
.wc-block-grid__product-add-to-cart a,
.woocommerce-Button {
    background-color: rgba(255, 255, 255, 0.02) !important;
    color: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.08) !important;
    padding: 14px 28px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    cursor: pointer !important;
    display: inline-block !important;
}

.button:hover,
.added_to_cart:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.wc-block-grid__product-add-to-cart a:hover,
.woocommerce-Button:hover {
    background-color: #d4af37 !important;
    color: #03070a !important;
    border-color: #d4af37 !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}

/* WooCommerce Mini-Cart widget text colors */
.widget_shopping_cart_content,
.ct-mini-cart,
.woocommerce-mini-cart-item,
.woocommerce-mini-cart__total,
.woocommerce-mini-cart__buttons {
    color: #e2e8f0 !important;
}

.woocommerce-mini-cart-item a {
    color: #ffffff !important;
}

.woocommerce-mini-cart-item a:hover {
    color: #d4af37 !important;
}

/* --- FORCE UNIFORM ASPECT RATIO AND SIZES ON WOOCOMMERCE PRODUCT CARDS --- */
.woocommerce ul.products li.product .ct-media-container,
.woocommerce ul.products li.product .woocommerce-loop-product__link,
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img,
.products .product img,
.wc-block-grid__product-image,
.wc-block-grid__product img,
.ct-woo-card-extra img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important; /* Force square container ratio */
    object-fit: cover !important; /* Contain without stretching/distorting */
    object-position: center !important;
    border-radius: 12px !important;
}

/* Ensure clean grid card alignments */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.products .product {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    background: rgba(255, 255, 255, 0.01) !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    border-radius: 16px !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s !important;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover,
.products .product:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(212, 175, 55, 0.25) !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5) !important;
}

/* Push elements to align buttons at the bottom */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.products .product .woocommerce-loop-product__title {
    margin-bottom: 8px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.woocommerce ul.products li.product .price,
.products .product .price {
    margin-bottom: 16px !important;
}

.woocommerce ul.products li.product .button,
.products .product .button {
    margin-top: auto !important;
}

/* ==========================================
   HEADER STYLING
   ========================================== */
header,
.ct-header,
.ct-header-row,
[data-row^="top"],
[data-row^="middle"],
[data-row^="bottom"] {
    background-color: #03070a !important;
    color: #e2e8f0 !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
}

/* Header Text elements */
.ct-header-text,
.ct-header-text *,
.site-description {
    color: #a0aec0 !important;
}

/* Navigation Menu Links */
.ct-header [data-device="desktop"] .menu-item > a,
.ct-header [data-device="desktop"] .ct-menu-link {
    color: #e2e8f0 !important;
    transition: color 0.3s ease;
}

.ct-header [data-device="desktop"] .menu-item:hover > a,
.ct-header [data-device="desktop"] .menu-item > a:hover,
.ct-header [data-device="desktop"] .ct-menu-link:hover {
    color: #d4af37 !important; /* Premium Gold */
}

/* Current Page Item Accent */
.ct-header [data-device="desktop"] .current-menu-item > a,
.ct-header [data-device="desktop"] .current-menu-ancestor > a {
    color: #d4af37 !important;
}

/* Dropdown Menu / Sub-menu panels */
.ct-header .sub-menu,
.ct-header .ct-sub-menu,
.ct-header-account-dropdown,
.ct-cart-content {
    background-color: #0b1219 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}

.ct-header .sub-menu .menu-item > a,
.ct-header .ct-sub-menu a {
    color: #a0aec0 !important;
    border-color: rgba(255, 255, 255, 0.03) !important;
}

.ct-header .sub-menu .menu-item:hover > a,
.ct-header .sub-menu .menu-item > a:hover,
.ct-header .ct-sub-menu a:hover {
    color: #d4af37 !important;
    background-color: rgba(255, 255, 255, 0.01) !important;
}

/* Cart & Account Icons */
.ct-header-cart svg,
.ct-header-account svg,
.ct-header-search svg,
.ct-header-trigger svg {
    fill: #e2e8f0 !important;
    stroke: #e2e8f0 !important;
    transition: fill 0.3s, stroke 0.3s;
}

.ct-header-cart:hover svg,
.ct-header-account:hover svg,
.ct-header-search:hover svg,
.ct-header-trigger:hover svg {
    fill: #d4af37 !important;
    stroke: #d4af37 !important;
}

/* Cart Counter Bubble */
.ct-cart-badge,
.ct-header-cart .ct-cart-content::after {
    background-color: #d4af37 !important;
    color: #03070a !important;
    font-weight: 700 !important;
}

/* Off-canvas / Mobile Menu drawer */
.ct-panel,
.ct-panel-content,
[id="offcanvas"],
[id="offcanvas"] .ct-panel-content-inner {
    background-color: #03070a !important;
    color: #e2e8f0 !important;
}

[id="offcanvas"] .menu-item > a,
[id="offcanvas"] .ct-menu-link {
    color: #e2e8f0 !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
}

[id="offcanvas"] .menu-item:hover > a,
[id="offcanvas"] .menu-item > a:hover {
    color: #d4af37 !important;
}

/* Mobile trigger icon */
.ct-header-trigger {
    border-color: rgba(255, 255, 255, 0.08) !important;
}


/* ==========================================
   FOOTER STYLING
   ========================================== */
footer,
.ct-footer,
.ct-footer-row,
.ct-footer [data-row="main"],
footer [data-row="main"] {
    background: #03070a !important; /* Matte dark black background */
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(212, 175, 55, 0.25) !important; /* Gold border accent at top */
    padding-top: 60px !important;
    color: #ffffff !important; /* White text throughout */
}

/* Ensure intermediate theme rows inherit the dark background */
footer .ct-footer-row,
footer [data-row],
.ct-footer-row,
[data-row="main"] {
    background: #03070a !important;
}

/* Subtle glowing gold line overlay at the top of the footer */
footer::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 1.5px !important;
    background: linear-gradient(90deg, transparent 0%, #d4af37 50%, transparent 100%) !important;
    z-index: 2 !important;
    display: block !important;
}

/* Row wrapper sizing */
.ct-footer [data-row="main"] {
    grid-row-gap: 40px !important;
    grid-column-gap: 45px !important;
    padding-bottom: 50px !important;
}

/* Footer Widget Headings with Gold Border */
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
footer .widget-title,
footer .ct-widget-title {
    color: #d4af37 !important; /* Gold headings */
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    border-bottom: 2px solid #d4af37 !important; /* Gold accent border line */
    display: inline-block !important;
    padding-bottom: 8px !important;
    margin-bottom: 25px !important;
}

/* Reset Lists & Margins inside widgets */
footer ul,
footer ol {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

footer li,
footer .widget_block li,
footer .widget_nav_menu li {
    margin-bottom: 12px !important;
    position: relative !important;
    padding-left: 18px !important;
    color: #ffffff !important; /* White list text */
    font-weight: 500 !important;
}

/* Elegant gold chevron indicator for navigation link lists */
footer li::before,
footer .widget_block li::before,
footer .widget_nav_menu li::before {
    content: '→' !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #d4af37 !important; /* Gold chevron */
    font-size: 11px !important;
    font-weight: 800 !important;
    transition: transform 0.3s ease !important;
}

footer li:hover::before {
    transform: translateY(-50%) translateX(3px) !important;
}

/* Footer Links & Text */
footer a,
footer .menu-item a,
footer .widget_block a,
footer .widget_nav_menu a,
footer .wp-block-navigation-item__content {
    color: #ffffff !important; /* White links */
    font-size: 14.5px !important;
    font-weight: 500 !important;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    text-decoration: none !important;
    display: inline-block !important;
    padding-left: 0 !important;
}

/* Premium hover translation: turns gold on hover */
footer a:hover,
footer .menu-item a:hover,
footer .widget_block a:hover,
footer .widget_nav_menu a:hover,
footer .wp-block-navigation-item__content:hover {
    color: #d4af37 !important; /* Hover highlight turns gold */
    transform: translateX(3px) !important;
}

/* Specific overrides to allow clean layout in Column 4 (Get In Touch / Contact Details) */
footer .widget:last-child p,
footer .widget_block:last-child p,
footer .ct-footer-main-column:last-child li {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #ffffff !important;
    font-weight: 500 !important;
}

/* Modern minimal social media icons container styling */
footer .wp-block-social-links,
footer .ct-social-box {
    display: flex !important;
    gap: 12px !important;
    margin-top: 24px !important;
}

footer .wp-block-social-link,
footer .ct-social-box a {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important; /* Gold icon frame border */
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #d4af37 !important; /* Gold icon symbol */
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    padding: 0 !important;
    text-decoration: none !important;
}

footer .wp-block-social-link:hover,
footer .ct-social-box a:hover {
    background: #d4af37 !important; /* Swaps to gold background on hover */
    color: #03070a !important; /* Dark black icon inside on hover */
    border-color: #d4af37 !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 6px 18px rgba(212, 175, 55, 0.35) !important;
}

/* Footer Bottom / Copyright Row - styled in dark black/gold theme */
footer [data-row="bottom"] {
    background-color: #010406 !important; /* Deepest black background */
    border-top: 1px solid rgba(212, 175, 55, 0.2) !important; /* Gold divider border */
    padding: 24px 0 !important;
    color: #ffffff !important; /* White copyright text */
    font-size: 13.5px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}

footer [data-row="bottom"] a {
    color: #ffffff !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

footer [data-row="bottom"] a:hover {
    color: #d4af37 !important; /* Gold links hover */
}



/* ==========================================
   PAGE BUILDER (ELEMENTOR) OVERRIDES
   ========================================== */
.elementor-widget-heading .elementor-heading-title {
    color: #ffffff !important;
}
.elementor-widget-text-editor {
    color: #cbd5e0 !important;
}

/* ==========================================
   MOBILE Polish & RESPONSIVENESS FIXES
   ========================================== */
html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* Off-canvas Close Button */
.ct-panel .close-button,
.ct-panel .ct-panel-close,
.ct-panel-close svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

.ct-panel .close-button:hover,
.ct-panel .ct-panel-close:hover {
    color: #d4af37 !important;
}

/* Mobile menu items */
.ct-panel .menu-item a {
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 12px 0 !important;
    color: #cbd5e0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
}

.ct-panel .menu-item a:hover {
    color: #d4af37 !important;
}

/* WooCommerce loop alignments on small screens */
@media (max-width: 480px) {
    .woocommerce ul.products[data-columns="2"] {
        grid-template-columns: 1fr !important; /* Single column on tiny screens */
    }
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product,
    .products .product {
        padding: 12px !important;
    }
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .products .product .woocommerce-loop-product__title {
        font-size: 16px !important;
    }
}

/* ==========================================
   ACCOUNT LOGIN MODAL CONTRAST FIXES
   ========================================== */
#account-modal,
.ct-account-modal,
.ct-modal-inner,
[id="account-modal"] .ct-panel-content-inner,
[id="account-modal"] .ct-panel-content {
    background-color: #03070a !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8) !important;
}

/* Modal Title */
#account-modal h3,
#account-modal .ct-modal-title,
[id="account-modal"] h3,
[id="account-modal"] .ct-modal-title {
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
}

/* Close Button */
#account-modal .close-button,
#account-modal .ct-panel-close,
#account-modal .close-button svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}
#account-modal .close-button:hover,
#account-modal .ct-panel-close:hover,
#account-modal .close-button:hover svg {
    color: #d4af37 !important;
    fill: #d4af37 !important;
}

/* Form Labels */
#account-modal label,
[id="account-modal"] label,
[id="account-modal"] .woocommerce-form-row label {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    display: inline-block !important;
    margin-bottom: 8px !important;
}

/* Inputs inside Account Modal */
#account-modal input[type="text"],
#account-modal input[type="email"],
#account-modal input[type="password"],
[id="account-modal"] input[type="text"],
[id="account-modal"] input[type="email"],
[id="account-modal"] input[type="password"] {
    background-color: #0b1219 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    width: 100% !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
}

#account-modal input[type="text"]:focus,
#account-modal input[type="email"]:focus,
#account-modal input[type="password"]:focus,
[id="account-modal"] input[type="text"]:focus,
[id="account-modal"] input[type="email"]:focus,
[id="account-modal"] input[type="password"]:focus {
    border-color: #d4af37 !important;
    box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2) !important;
    outline: none !important;
}

/* Remember Me Checkbox styling */
#account-modal .woocommerce-form-login__rememberme,
[id="account-modal"] .woocommerce-form-login__rememberme,
[id="account-modal"] .woocommerce-form-login__rememberme span {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 10px !important;
    color: #cbd5e0 !important;
}

#account-modal .woocommerce-form-login__rememberme input[type="checkbox"],
[id="account-modal"] .woocommerce-form-login__rememberme input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    background-color: #0b1219 !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    accent-color: #d4af37 !important;
    cursor: pointer !important;
    margin: 0 !important;
}

/* Lost Password Link */
#account-modal .lost_password,
#account-modal .woocommerce-LostPassword,
#account-modal .lost_password a,
#account-modal .woocommerce-LostPassword a,
[id="account-modal"] .lost_password a,
[id="account-modal"] .woocommerce-LostPassword a {
    color: #d4af37 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: color 0.3s !important;
}

#account-modal .lost_password a:hover,
#account-modal .woocommerce-LostPassword a:hover,
[id="account-modal"] .lost_password a:hover,
[id="account-modal"] .woocommerce-LostPassword a:hover {
    color: #ffffff !important;
}

/* Login Submit Button */
#account-modal button[type="submit"],
#account-modal .button,
[id="account-modal"] button[type="submit"],
[id="account-modal"] .button {
    background-color: #d4af37 !important;
    color: #03070a !important;
    border: 1px solid #d4af37 !important;
    width: 100% !important;
    padding: 14px 20px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    margin-top: 15px !important;
    display: block !important;
}

#account-modal button[type="submit"]:hover,
#account-modal .button:hover,
[id="account-modal"] button[type="submit"]:hover,
[id="account-modal"] .button:hover {
    background-color: #ffffff !important;
    color: #03070a !important;
    border-color: #ffffff !important;
    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.2) !important;
}

/* Tabs for switching between Login and Register if Blocksy uses tabs */
.ct-login-tabs,
.ct-account-tabs,
[id="account-modal"] .ct-login-tabs,
[id="account-modal"] .ct-account-tabs {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 25px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.ct-login-tabs span,
.ct-login-tabs a,
.ct-account-tabs a,
.ct-account-tabs span,
[id="account-modal"] .ct-login-tabs span,
[id="account-modal"] .ct-login-tabs a {
    padding: 12px 24px !important;
    color: #cbd5e0 !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    border-bottom: 2px solid transparent !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.ct-login-tabs .active,
.ct-account-tabs .active,
.ct-login-tabs span:hover,
.ct-account-tabs a:hover,
[id="account-modal"] .ct-login-tabs span.active,
[id="account-modal"] .ct-login-tabs a:hover {
    color: #d4af37 !important;
    border-bottom-color: #d4af37 !important;
}

/* Sub-text links for registration if displayed as link */
#account-modal .register-link,
#account-modal .login-link,
[id="account-modal"] .create-account-link {
    color: #d4af37 !important;
    font-weight: 600 !important;
}

/* Hide default Blocksy shop and product archive page hero headers */
.post-type-archive-product .hero-section,
.tax-product_cat .hero-section,
.post-type-archive-product .entry-header,
.tax-product_cat .entry-header {
    display: none !important;
}

/* WooCommerce Sorting Dropdown styling overrides */
.woocommerce-ordering select,
.woocommerce-ordering .orderby,
select.orderby {
    background-color: #0b1219 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 10px 16px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
    transition: all 0.3s ease !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    padding-right: 40px !important;
}

.woocommerce-ordering select:hover,
.woocommerce-ordering select:focus,
select.orderby:hover,
select.orderby:focus {
    border-color: #d4af37 !important;
    box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2) !important;
}

/* Styling for the dropdown options inside select */
.woocommerce-ordering select option,
.woocommerce-ordering .orderby option,
select.orderby option {
    background-color: #0b1219 !important;
    color: #ffffff !important;
    padding: 10px !important;
    font-weight: 500 !important;
}