/*
Theme Name:   Storefront Child Dark Premium
Theme URI:    http://example.com/storefront-child/
Description:  Storefront Child Theme with a premium Dark Mode, Glassmorphism, and smooth animations.
Author:       Antigravity
Template:     storefront
Version:      1.0.0
Text Domain:  storefront-child-dark
*/

/* --- CORE DESIGN SYSTEM --- */
:root {
    --bg-primary: #0a090e;
    --bg-secondary: #12101a;
    --bg-glass: rgba(30, 27, 46, 0.45);
    --border-glass: rgba(255, 255, 255, 0.08);
    --text-primary: #ffffff;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --accent: #ff9900; /* Bitcoin Orange */
    --accent-glow: rgba(255, 153, 0, 0.15);
    --primary-gradient: linear-gradient(135deg, #ff9900 0%, #ff5e00 100%);
    --font-main: 'Outfit', sans-serif;
}

/* --- BASE & WRAPPER --- */
body, 
#page {
    background-color: var(--bg-primary) !important;
    background-image: 
        radial-gradient(circle at 10% 20%, rgba(255, 153, 0, 0.03) 0%, transparent 40%),
        radial-gradient(circle at 90% 80%, rgba(99, 102, 241, 0.04) 0%, transparent 40%) !important;
    color: var(--text-primary) !important;
    font-family: var(--font-main) !important;
}

.site-content {
    background-color: transparent !important;
}

/* --- HEADER & NAVIGATION --- */
.site-header {
    background-color: rgba(10, 9, 14, 0.8) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border-glass) !important;
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
}

.site-header a,
.main-navigation ul li a,
.site-title a,
.site-description {
    color: var(--text-primary) !important;
}

.main-navigation ul li a:hover,
.site-header a:hover {
    color: var(--accent) !important;
    text-shadow: 0 0 10px var(--accent-glow);
}

/* Fix overlapping search icon and style search fields */
body .site-search form input[type="search"],
body .site-search form input[type="text"],
body .site-search input.search-field,
body .site-search .search-field,
body .widget_product_search form input[type="search"] {
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-glass) !important;
    color: var(--text-primary) !important;
    border-radius: 20px !important;
    padding: 10px 20px 10px 50px !important;
}

/* Position and style the search icon magnifier */
body .site-search form::before,
body .widget_product_search form::before {
    left: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
    color: var(--text-muted) !important;
}

/* Cart in header */
.site-header-cart .cart-contents {
    background-color: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid var(--border-glass) !important;
    border-radius: 20px !important;
    color: var(--text-primary) !important;
    padding: 8px 16px !important;
}

/* Header Cart Dropdown Preview (Mini-Cart) */
body .site-header-cart .widget_shopping_cart {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

body .site-header-cart .widget_shopping_cart_content {
    background-color: #12101a !important;
    background: #12101a !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 18px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6) !important;
    padding: 24px !important;
}

/* Force all other inner containers to be transparent */
body .site-header-cart ul.cart_list,
body .site-header-cart .woocommerce-mini-cart,
body .site-header-cart .woocommerce-mini-cart__total,
body .site-header-cart .woocommerce-mini-cart__buttons,
body .site-header-cart .widget_shopping_cart .total,
body .site-header-cart .widget_shopping_cart .buttons,
body .site-header-cart .widget_shopping_cart_content p,
body .site-header-cart .widget_shopping_cart_content div {
    background-color: transparent !important;
    background: transparent !important;
}

body .site-header-cart ul.cart_list li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding-bottom: 12px !important;
    margin-bottom: 12px !important;
    color: var(--text-primary) !important;
}

body .site-header-cart ul.cart_list li a {
    color: var(--text-primary) !important;
    font-weight: 500 !important;
}

body .site-header-cart ul.cart_list li a:hover {
    color: var(--accent) !important;
}

body .site-header-cart ul.cart_list li .quantity,
body .site-header-cart ul.cart_list li .quantity .amount {
    color: var(--text-secondary) !important;
}

body .site-header-cart .widget_shopping_cart .total {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-top: 15px !important;
    margin-top: 15px !important;
    color: var(--text-primary) !important;
}

body .site-header-cart .widget_shopping_cart .total strong {
    color: var(--text-primary) !important;
}

body .site-header-cart .widget_shopping_cart .total .amount {
    color: var(--accent) !important;
    font-weight: 700 !important;
}

body .site-header-cart ul.cart_list li a.remove {
    color: #ef4444 !important;
    background-color: rgba(239, 68, 68, 0.1) !important;
    border-radius: 50% !important;
    width: 22px !important;
    height: 22px !important;
    line-height: 20px !important;
    text-align: center !important;
    display: inline-block !important;
}

body .site-header-cart ul.cart_list li a.remove:hover {
    background-color: #ef4444 !important;
    color: #ffffff !important;
}

/* Dropdown buttons styling */
body .site-header-cart .widget_shopping_cart .buttons a {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 8px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid var(--border-glass) !important;
    color: var(--text-primary) !important;
    border-radius: 20px !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

body .site-header-cart .widget_shopping_cart .buttons a.checkout {
    background: var(--primary-gradient) !important;
    color: #0a090e !important;
    border: none !important;
}

body .site-header-cart .widget_shopping_cart .buttons a:hover {
    background: var(--accent) !important;
    color: #0a090e !important;
    border-color: var(--accent) !important;
    box-shadow: 0 5px 15px var(--accent-glow) !important;
}

body .site-header-cart .widget_shopping_cart .buttons a.checkout:hover {
    background: var(--primary-gradient) !important;
    color: #0a090e !important;
    box-shadow: 0 5px 15px rgba(255, 153, 0, 0.3) !important;
}

/* Dropdown submenus styling */
body .main-navigation ul.menu ul,
body .main-navigation ul.nav-menu ul,
body .main-navigation ul li ul,
body .main-navigation ul li ul.sub-menu {
    background-color: #12101a !important;
    background: #12101a !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
    padding: 10px 0 !important;
}

body .main-navigation ul.menu ul li a,
body .main-navigation ul.nav-menu ul li a,
body .main-navigation ul li ul li a,
body .main-navigation ul li ul.sub-menu li a {
    color: #94a3b8 !important;
    background-color: transparent !important;
    background: transparent !important;
    font-size: 14px !important;
    padding: 8px 20px !important;
    display: block !important;
    transition: all 0.2s ease !important;
}

body .main-navigation ul.menu ul li a:hover,
body .main-navigation ul.nav-menu ul li a:hover,
body .main-navigation ul li ul li a:hover,
body .main-navigation ul li ul.sub-menu li a:hover {
    background-color: rgba(255, 255, 255, 0.04) !important;
    color: var(--accent) !important;
}

/* --- BUTTONS --- */
body button,
body .button,
body a.button,
body input[type="button"],
body input[type="reset"],
body input[type="submit"],
body .woocommerce-Button,
body .woocommerce-button,
body .wp-block-button__link,
body .wc-block-grid__product-add-to-cart a {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid var(--border-glass) !important;
    color: var(--text-primary) !important;
    border-radius: 24px !important;
    padding: 12px 28px !important;
    font-family: var(--font-main) !important;
    font-weight: 600 !important;
    text-shadow: none !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    display: inline-block !important;
}

body button:hover,
body .button:hover,
body a.button:hover,
body input[type="submit"]:hover,
body .wp-block-button__link:hover,
body .wc-block-grid__product-add-to-cart a:hover,
body .wc-block-grid__product-add-to-cart:hover a,
body .wp-block-button__link:hover a,
body .wp-block-button:hover a,
body .button:hover a,
body button:hover a,
body .wp-block-button__link:hover span,
/* High Specificity overrides for parent theme block selectors */
body .site-main ul.products li.product .button:hover,
body .site-main ul.products li.product a.button:hover,
body .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover,
body .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-add-to-cart a:hover,
body .wc-block-grid__product .wp-block-button__link:hover,
body .wc-block-grid__product .wc-block-grid__product-add-to-cart a:hover,
body .wc-block-grid__products li .wp-block-button__link:hover,
body .wc-block-grid__products li .wc-block-grid__product-add-to-cart a:hover {
    background: var(--accent) !important;
    color: #0a090e !important;
    border-color: var(--accent) !important;
    box-shadow: 0 8px 24px var(--accent-glow) !important;
    transform: translateY(-2px) !important;
}

/* Ensure all child elements inside any hovered button have correct contrast color */
body button:hover *,
body .button:hover *,
body a.button:hover *,
body .wp-block-button__link:hover *,
body .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover *,
body .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-add-to-cart a:hover *,
body .site-main ul.products li.product .button:hover * {
    color: #0a090e !important;
}

/* Reset outer WooCommerce Block button container / block wrappers */
body .wc-block-grid__product-add-to-cart,
body .wp-block-button {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 15px 0 0 0 !important;
    box-shadow: none !important;
    display: block !important;
    border-radius: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Primary / Alt button (Add to Cart, Checkout) */
body .button.alt,
body button.alt,
body input[type="submit"].alt,
body a.button.alt,
body .checkout-button {
    background: var(--primary-gradient) !important;
    color: #0a090e !important;
    border: none !important;
}

body .button.alt:hover,
body button.alt:hover,
body input[type="submit"].alt:hover,
body a.button.alt:hover,
body .checkout-button:hover,
body .button.alt:hover *,
body button.alt:hover *,
body a.button.alt:hover *,
body .checkout-button:hover * {
    background: var(--primary-gradient) !important;
    color: #0a090e !important;
    box-shadow: 0 8px 30px rgba(255, 153, 0, 0.3) !important;
    transform: translateY(-2px) !important;
}

/* --- PRODUCT GRID (SHOP PAGE & HOMEPAGE BLOCKS) --- */
body ul.products li.product,
body .wc-block-grid__product,
body .wc-block-grid__products li {
    background: var(--bg-glass) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid var(--border-glass) !important;
    border-radius: 24px !important;
    padding: 20px !important;
    box-sizing: border-box;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4) !important;
    display: flex !important;
    flex-direction: column !important;
}

body ul.products li.product:hover,
body .wc-block-grid__product:hover,
body .wc-block-grid__products li:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(255, 153, 0, 0.25) !important;
    box-shadow: 0 20px 40px rgba(255, 153, 0, 0.06), 0 15px 30px rgba(0, 0, 0, 0.6) !important;
}

/* Framed product photo to make white JPG backgrounds look premium */
body ul.products li.product a img,
body .wc-block-grid__product a img,
body .wc-block-grid__product-link img {
    background-color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 18px !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    transition: transform 0.4s ease !important;
    margin-bottom: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
}

body ul.products li.product:hover a img,
body .wc-block-grid__product:hover a img,
body .wc-block-grid__product:hover .wc-block-grid__product-link img {
    transform: scale(1.02) !important;
    border-color: rgba(255, 153, 0, 0.2) !important;
}

/* Specific product titles */
body ul.products li.product a,
body ul.products li.product h2,
body ul.products li.product h3,
body ul.products li.product .woocommerce-loop-product__title,
body .wc-block-grid__product a,
body .wc-block-grid__product h2,
body .wc-block-grid__product h3,
body .wc-block-grid__product .wc-block-grid__product-title {
    color: var(--text-primary) !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    transition: color 0.3s ease !important;
}

body ul.products li.product a:hover,
body ul.products li.product a:hover h2,
body ul.products li.product a:hover .woocommerce-loop-product__title,
body .wc-block-grid__product a:hover,
body .wc-block-grid__product a:hover h2,
body .wc-block-grid__product a:hover .wc-block-grid__product-title {
    color: var(--accent) !important;
}

/* Prices */
body .price,
body ul.products li.product .price,
body .wc-block-grid__product-price,
body .wc-block-grid__product .price {
    color: var(--accent) !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    margin-bottom: 12px !important;
}

/* Sales badge */
body ul.products li.product .onsale,
body .onsale,
body .wc-block-grid__product-onsale {
    background-color: var(--accent) !important;
    color: #0a090e !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    padding: 4px 10px !important;
    font-size: 12px !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1.4 !important;
    top: 10px !important;
    right: 10px !important;
}

/* Strikethrough for sale items */
body .price del,
body .price del .amount {
    color: var(--text-muted) !important;
    font-size: 14px !important;
    text-decoration: line-through !important;
    opacity: 0.6 !important;
    display: inline-block !important;
    margin-right: 6px !important;
}

body .price ins,
body .price ins .amount {
    color: var(--accent) !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    display: inline-block !important;
}

/* --- SINGLE PRODUCT PAGE --- */
.product .summary {
    background: var(--bg-glass) !important;
    border: 1px solid var(--border-glass) !important;
    border-radius: 28px !important;
    padding: 40px !important;
}

.product_title {
    color: var(--text-primary) !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
}

.woocommerce-product-details__short-description {
    color: var(--text-secondary) !important;
    line-height: 1.6 !important;
}

.quantity input.qty {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-glass) !important;
    color: var(--text-primary) !important;
    border-radius: 12px !important;
    padding: 10px !important;
}

/* Tab contents */
.woocommerce-tabs .panel {
    background: var(--bg-glass) !important;
    border: 1px solid var(--border-glass) !important;
    border-radius: 24px !important;
    padding: 30px !important;
    margin-top: 20px !important;
}

.woocommerce-tabs ul.tabs li {
    background-color: rgba(255,255,255,0.02) !important;
    border: 1px solid var(--border-glass) !important;
    border-radius: 12px 12px 0 0 !important;
}

.woocommerce-tabs ul.tabs li.active {
    background-color: var(--bg-glass) !important;
    border-bottom: 1px solid transparent !important;
}

.woocommerce-tabs ul.tabs li a {
    color: var(--text-secondary) !important;
}

.woocommerce-tabs ul.tabs li.active a {
    color: var(--text-primary) !important;
}

/* --- FORMS & INPUTS --- */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
textarea,
select {
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-glass) !important;
    color: var(--text-primary) !important;
    border-radius: 14px !important;
    padding: 12px 18px !important;
    font-family: var(--font-main) !important;
    transition: all 0.3s ease !important;
}

input:focus,
textarea:focus,
select:focus {
    outline: none !important;
    border-color: var(--accent) !important;
    box-shadow: 0 0 12px var(--accent-glow) !important;
}

/* --- CART & CHECKOUT PAGE --- */
.woocommerce-cart-form,
.cart-collaterals .cart_totals,
form.checkout_coupon,
form.login,
form.register,
#customer_details,
#order_review {
    background: var(--bg-glass) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid var(--border-glass) !important;
    border-radius: 28px !important;
    padding: 30px !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.3) !important;
}

/* Tables */
table.shop_table {
    border: none !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

table.shop_table th {
    background-color: rgba(255, 255, 255, 0.03) !important;
    border-bottom: 1px solid var(--border-glass) !important;
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    padding: 16px !important;
}

table.shop_table td {
    background-color: rgba(255, 255, 255, 0.01) !important;
    border-bottom: 1px solid var(--border-glass) !important;
    color: var(--text-secondary) !important;
    padding: 18px !important;
}

table.shop_table tr:last-child td {
    border-bottom: none !important;
}

.cart-collaterals {
    margin-top: 30px !important;
}

/* Payment Gateways box in Checkout */
#order_review_heading,
#order_review {
    margin-top: 20px !important;
}

body .woocommerce-checkout #payment,
body #payment,
body .checkout #payment,
body #order_review #payment {
    background: var(--bg-glass) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid var(--border-glass) !important;
    border-radius: 18px !important;
    padding: 24px !important;
}

body .woocommerce-checkout #payment ul.payment_methods,
body #payment ul.payment_methods,
body .woocommerce-checkout #payment ul.payment_methods li,
body #payment ul.payment_methods li {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

body .woocommerce-checkout #payment ul.payment_methods,
body #payment ul.payment_methods {
    border-bottom: 1px solid var(--border-glass) !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
}

body .woocommerce-checkout #payment ul.payment_methods li label,
body #payment ul.payment_methods li label,
body .woocommerce-checkout #payment ul.payment_methods li label a,
body #payment ul.payment_methods li label a {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
}

body .woocommerce-checkout #payment div.payment_box,
body #payment div.payment_box {
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-glass) !important;
    border-radius: 12px !important;
    color: var(--text-secondary) !important;
}

body .woocommerce-checkout #payment div.payment_box p,
body #payment div.payment_box p {
    color: var(--text-secondary) !important;
}

body .woocommerce-checkout #payment div.payment_box::before,
body #payment div.payment_box::before {
    border-bottom-color: var(--bg-secondary) !important;
}

body .woocommerce-checkout #payment .form-row.place-order,
body #payment .place-order,
body #payment .form-row {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 15px 0 0 0 !important;
}

/* --- FOOTER --- */
.site-footer {
    background-color: rgba(10, 9, 14, 0.95) !important;
    border-top: 1px solid var(--border-glass) !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    color: var(--text-muted) !important;
}

.site-footer a {
    color: var(--text-secondary) !important;
}

.site-footer a:hover {
    color: var(--accent) !important;
}

/* --- MISC OVERRIDES --- */
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
    background-color: var(--bg-secondary) !important;
    border-top-color: var(--accent) !important;
    color: var(--text-primary) !important;
    border-radius: 16px !important;
    border-left: 1px solid var(--border-glass) !important;
    border-right: 1px solid var(--border-glass) !important;
    border-bottom: 1px solid var(--border-glass) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2) !important;
}

a {
    color: var(--accent) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

a:hover {
    color: #ffb84d !important;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--text-primary) !important;
    font-family: var(--font-main) !important;
}

/* Hide unused Menu toggle button completely on desktop/tablet viewports */
@media (min-width: 768px) {
    body button.menu-toggle,
    body #site-navigation-menu-toggle,
    body .menu-toggle,
    body button.handheld-navigation-toggle,
    body .handheld-navigation-toggle,
    body button.menu-toggle[aria-controls="site-navigation"] {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        pointer-events: none !important;
        position: absolute !important;
        z-index: -9999 !important;
    }
}

/* Hide WooCommerce category/catalog page title headers to save vertical space */
body .woocommerce-products-header {
    display: none !important;
}

/* Hide page headers on Cart and Checkout pages */
body.woocommerce-cart .entry-header,
body.woocommerce-checkout .entry-header,
body.woocommerce-cart .entry-title,
body.woocommerce-checkout .entry-title {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Reduce spacing between breadcrumbs and main page content (Cart, Checkout, Categories) */
body .woocommerce-breadcrumb {
    margin-bottom: 8px !important;
    padding-bottom: 0 !important;
}

body.woocommerce-cart .site-main,
body.woocommerce-checkout .site-main,
body.archive.tax-product_cat .site-main {
    margin-top: -24px !important;
    padding-top: 0 !important;
}

body .site-main,
body .content-area,
body article.page,
body article.page .entry-content,
body .category-description {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* --- ORDER RECEIVED / THANK YOU PAGE --- */
body.woocommerce-order-received p.woocommerce-thankyou-order-received,
p.woocommerce-thankyou-order-received {
    background-color: rgba(16, 185, 129, 0.1) !important;
    border: 1px solid rgba(16, 185, 129, 0.25) !important;
    color: #10b981 !important;
    padding: 18px 24px !important;
    border-radius: 16px !important;
    font-weight: 600 !important;
    margin-bottom: 30px !important;
    text-align: center !important;
    font-size: 16px !important;
}

body.woocommerce-order-received ul.order_details,
ul.order_details,
ul.woocommerce-order-overview {
    background-color: var(--bg-glass) !important;
    background: var(--bg-glass) !important;
    background-image: none !important;
    border: 1px solid var(--border-glass) !important;
    border-radius: 20px !important;
    padding: 24px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    margin: 0 0 35px 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    list-style: none !important;
}

body.woocommerce-order-received ul.order_details::before,
body.woocommerce-order-received ul.order_details::after,
ul.order_details::before,
ul.order_details::after,
ul.woocommerce-order-overview::before,
ul.woocommerce-order-overview::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    height: 0 !important;
}

body.woocommerce-order-received ul.order_details li,
ul.order_details li,
ul.woocommerce-order-overview li {
    flex: 1 1 200px !important;
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    border-color: var(--border-glass) !important;
    border-right: 1px dashed var(--border-glass) !important;
    padding: 12px 24px !important;
    color: var(--text-muted) !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
}

body.woocommerce-order-received ul.order_details li:last-child,
ul.order_details li:last-child,
ul.woocommerce-order-overview li:last-child {
    border-right: none !important;
}

body.woocommerce-order-received ul.order_details li strong,
ul.order_details li strong,
ul.woocommerce-order-overview li strong {
    color: var(--text-primary) !important;
    display: block !important;
    font-size: 18px !important;
    margin-top: 6px !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

@media (max-width: 767px) {
    body.woocommerce-order-received ul.order_details,
    ul.order_details,
    ul.woocommerce-order-overview {
        flex-direction: column !important;
        padding: 16px !important;
    }
    body.woocommerce-order-received ul.order_details li,
    ul.order_details li,
    ul.woocommerce-order-overview li {
        border-right: none !important;
        border-bottom: 1px dashed var(--border-glass) !important;
        width: 100% !important;
        padding: 12px 16px !important;
    }
    body.woocommerce-order-received ul.order_details li:last-child,
    ul.order_details li:last-child,
    ul.woocommerce-order-overview li:last-child {
        border-bottom: none !important;
    }
}

/* Order Details Table */
body.woocommerce-order-received table.woocommerce-table--order-details.shop_table,
body.woocommerce-order-received table.shop_table.order_details,
table.woocommerce-table--order-details.shop_table,
table.shop_table.order_details,
.woocommerce-order-details table.shop_table {
    background-color: var(--bg-glass) !important;
    background: var(--bg-glass) !important;
    background-image: none !important;
    border: 1px solid var(--border-glass) !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    margin-bottom: 40px !important;
    width: 100% !important;
}

body.woocommerce-order-received table.woocommerce-table--order-details.shop_table th,
body.woocommerce-order-received table.woocommerce-table--order-details.shop_table td,
body.woocommerce-order-received table.shop_table.order_details th,
body.woocommerce-order-received table.shop_table.order_details td,
table.woocommerce-table--order-details.shop_table th,
table.woocommerce-table--order-details.shop_table td,
table.shop_table.order_details th,
table.shop_table.order_details td,
.woocommerce-order-details table.shop_table th,
.woocommerce-order-details table.shop_table td {
    background-color: transparent !important;
    background: transparent !important;
    border-bottom: 1px solid var(--border-glass) !important;
    color: var(--text-secondary) !important;
    padding: 18px 24px !important;
}

body.woocommerce-order-received table.woocommerce-table--order-details.shop_table thead th,
body.woocommerce-order-received table.shop_table.order_details thead th,
table.woocommerce-table--order-details.shop_table thead th,
table.shop_table.order_details thead th,
.woocommerce-order-details table.shop_table thead th {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 0.05em !important;
    border-bottom: 2px solid var(--border-glass) !important;
}

body.woocommerce-order-received table.woocommerce-table--order-details.shop_table td a,
body.woocommerce-order-received table.shop_table.order_details td a,
table.woocommerce-table--order-details.shop_table td a,
table.shop_table.order_details td a,
.woocommerce-order-details table.shop_table td a {
    color: var(--accent) !important;
}

body.woocommerce-order-received table.woocommerce-table--order-details.shop_table td a:hover,
body.woocommerce-order-received table.shop_table.order_details td a:hover,
table.woocommerce-table--order-details.shop_table td a:hover,
table.shop_table.order_details td a:hover,
.woocommerce-order-details table.shop_table td a:hover {
    color: #ffb84d !important;
}

body.woocommerce-order-received table.woocommerce-table--order-details.shop_table tfoot th,
body.woocommerce-order-received table.woocommerce-table--order-details.shop_table tfoot td,
body.woocommerce-order-received table.shop_table.order_details tfoot th,
body.woocommerce-order-received table.shop_table.order_details tfoot td,
table.woocommerce-table--order-details.shop_table tfoot th,
table.woocommerce-table--order-details.shop_table tfoot td,
table.shop_table.order_details tfoot th,
table.shop_table.order_details tfoot td,
.woocommerce-order-details table.shop_table tfoot th,
.woocommerce-order-details table.shop_table tfoot td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

body.woocommerce-order-received table.woocommerce-table--order-details.shop_table tfoot tr:last-child th,
body.woocommerce-order-received table.woocommerce-table--order-details.shop_table tfoot tr:last-child td,
body.woocommerce-order-received table.shop_table.order_details tfoot tr:last-child th,
body.woocommerce-order-received table.shop_table.order_details tfoot tr:last-child td,
table.woocommerce-table--order-details.shop_table tfoot tr:last-child th,
table.woocommerce-table--order-details.shop_table tfoot tr:last-child td,
table.shop_table.order_details tfoot tr:last-child th,
table.shop_table.order_details tfoot tr:last-child td,
.woocommerce-order-details table.shop_table tfoot tr:last-child th,
.woocommerce-order-details table.shop_table tfoot tr:last-child td {
    border-bottom: none !important;
}

body.woocommerce-order-received table.woocommerce-table--order-details.shop_table tfoot tr:last-child td .amount,
body.woocommerce-order-received table.shop_table.order_details tfoot tr:last-child td .amount,
table.woocommerce-table--order-details.shop_table tfoot tr:last-child td .amount,
table.shop_table.order_details tfoot tr:last-child td .amount,
.woocommerce-order-details table.shop_table tfoot tr:last-child td .amount {
    color: var(--accent) !important;
    font-weight: 700 !important;
    font-size: 20px !important;
}

/* Addresses */
body.woocommerce-order-received .woocommerce-customer-details address,
.woocommerce-customer-details address {
    background-color: var(--bg-glass) !important;
    background: var(--bg-glass) !important;
    background-image: none !important;
    border: 1px solid var(--border-glass) !important;
    border-radius: 20px !important;
    padding: 24px !important;
    color: var(--text-secondary) !important;
    font-style: normal !important;
    line-height: 1.6 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column__title,
.woocommerce-customer-details .woocommerce-column__title {
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
    color: var(--text-primary) !important;
}