/*
Theme Name: Hello Elementor Dark Pro
Theme URI: https://nifty500ai.com
Description: Professional dark trading theme - child of Hello Elementor
Author: Nifty500AI
Template: hello-elementor
Version: 1.0.0
License: GPLv2 or later
Text Domain: hello-elementor-dark-pro
*/

/* ── Google Font: Inter ── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* ══════════════════════════════════════════
   CSS VARIABLES - Dark / Light Mode
══════════════════════════════════════════ */
:root,
[data-theme="dark"] {
    --bg:           #070a10;
    --bg-card:      rgba(13, 18, 30, 0.85);
    --bg-nav:       rgba(5, 7, 12, 0.97);
    --border:       rgba(255,255,255,0.07);
    --text:         #f1f5f9;
    --text-muted:   #94a3b8;
    --gold:         #f59e0b;
    --green:        #10b981;
    --red:          #f43f5e;
    --blue:         #3b82f6;
    --cyan:         #22d3ee;
    --purple:       #a78bfa;
    --shadow:       0 10px 40px rgba(0,0,0,0.5);
    --radius:       16px;
    --radius-sm:    8px;
}
[data-theme="light"] {
    --bg:           #f0f4f8;
    --bg-card:      rgba(255,255,255,0.9);
    --bg-nav:       rgba(255,255,255,0.97);
    --border:       rgba(0,0,0,0.08);
    --text:         #0f172a;
    --text-muted:   #475569;
    --gold:         #d97706;
    --green:        #059669;
    --red:          #dc2626;
    --blue:         #2563eb;
    --cyan:         #0891b2;
    --purple:       #7c3aed;
    --shadow:       0 4px 20px rgba(0,0,0,0.1);
}

/* ══════════════════════════════════════════
   BASE & BODY
══════════════════════════════════════════ */
html { transition: background 0.3s; }
body {
    background: var(--bg) !important;
    color: var(--text) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
}
body::before {
    content: '';
    position: fixed;
    inset: 0;
    background:
        radial-gradient(ellipse 80% 50% at 50% -10%, rgba(59,130,246,0.06) 0%, transparent 60%),
        radial-gradient(ellipse 50% 40% at 90% 80%,  rgba(245,158,11,0.04) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}

/* ══════════════════════════════════════════
   MARKET TICKER BAR
══════════════════════════════════════════ */
#n5-ticker-wrap {
    background: rgba(245,158,11,0.05);
    border-bottom: 1px solid var(--border);
    padding: 0.35rem 0;
    overflow: hidden;
    position: relative;
    z-index: 9998;
}
@keyframes n5-ticker {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}
#n5-ticker-inner {
    display: flex;
    gap: 2.5rem;
    width: max-content;
    animation: n5-ticker 50s linear infinite;
    font-size: 0.75rem;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    color: var(--text-muted);
}
#n5-ticker-inner span { white-space: nowrap; }
#n5-ticker-inner .up   { color: var(--green); }
#n5-ticker-inner .down { color: var(--red); }

/* ══════════════════════════════════════════
   NAVIGATION / HEADER
══════════════════════════════════════════ */
.site-header,
.elementor-location-header,
header.elementor-section-wrap {
    background: var(--bg-nav) !important;
    border-bottom: 1px solid var(--border) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    box-shadow: 0 1px 0 var(--border), 0 4px 20px rgba(0,0,0,0.3) !important;
}

/* Nav links */
.site-header a,
.elementor-nav-menu a,
.elementor-location-header a {
    color: var(--text-muted) !important;
    transition: color 0.2s !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
}
.site-header a:hover,
.elementor-nav-menu a:hover,
.elementor-location-header a:hover {
    color: var(--text) !important;
}

/* Logo text */
.site-title a,
.custom-logo-link { color: var(--gold) !important; }

/* Dropdown submenus - fix z-index & visibility */
.elementor-nav-menu--main .elementor-item-active,
.elementor-nav-menu--main .elementor-item:hover {
    color: var(--text) !important;
}
.elementor-nav-menu .sub-menu,
.elementor-nav-menu--main .sub-menu {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow) !important;
    backdrop-filter: blur(20px) !important;
    padding: 0.5rem !important;
    z-index: 99999 !important;
}
.elementor-nav-menu .sub-menu a,
.elementor-nav-menu--main .sub-menu a {
    color: var(--text-muted) !important;
    border-radius: var(--radius-sm) !important;
    padding: 0.5rem 0.85rem !important;
}
.elementor-nav-menu .sub-menu a:hover,
.elementor-nav-menu--main .sub-menu a:hover {
    background: rgba(255,255,255,0.05) !important;
    color: var(--text) !important;
}

/* ══════════════════════════════════════════
   ELEMENTOR SECTIONS & CONTAINERS
══════════════════════════════════════════ */
.elementor-section,
.e-con,
.elementor-widget-wrap,
.elementor-container {
    color: var(--text) !important;
}

/* Section backgrounds */
.elementor-section.elementor-section-boxed > .elementor-container,
section.elementor-section {
    background-color: transparent !important;
}

/* Dark card sections */
.elementor-widget-wrap > .elementor-element {
    color: var(--text) !important;
}

/* ══════════════════════════════════════════
   TYPOGRAPHY
══════════════════════════════════════════ */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title {
    color: var(--text) !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}
p, .elementor-widget-text-editor p, li {
    color: var(--text-muted) !important;
    font-family: 'Inter', sans-serif !important;
}
a { color: var(--cyan) !important; }
a:hover { color: var(--gold) !important; }

/* ══════════════════════════════════════════
   BUTTONS
══════════════════════════════════════════ */
.elementor-button,
.elementor-button-wrapper .elementor-button,
.woocommerce .button,
.woocommerce button.button,
button.button,
.wp-block-button__link {
    background: linear-gradient(135deg, var(--gold), #f97316) !important;
    color: #000 !important;
    border: none !important;
    border-radius: var(--radius-sm) !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    transition: opacity 0.2s, transform 0.15s !important;
    letter-spacing: 0.02em !important;
}
.elementor-button:hover,
.woocommerce .button:hover,
button.button:hover {
    opacity: 0.9 !important;
    transform: translateY(-1px) !important;
    color: #000 !important;
}

/* ══════════════════════════════════════════
   CARDS / WIDGET BOXES
══════════════════════════════════════════ */
.elementor-widget-wrap,
.n5-card,
.woocommerce .product {
    position: relative;
    z-index: 1;
}
/* Glassmorphism card effect for bordered sections */
[class*="elementor-element-"].e-con,
[class*="elementor-element-"].e-con-boxed {
    transition: border-color 0.2s !important;
}

/* ══════════════════════════════════════════
   FORMS & INPUTS
══════════════════════════════════════════ */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="tel"],
select,
textarea {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-sm) !important;
    color: var(--text) !important;
    font-family: 'Inter', sans-serif !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}
input:focus, select:focus, textarea:focus {
    outline: none !important;
    border-color: var(--gold) !important;
    box-shadow: 0 0 0 3px rgba(245,158,11,0.12) !important;
}
::placeholder { color: var(--text-muted) !important; opacity: 0.7 !important; }

/* ══════════════════════════════════════════
   WOOCOMMERCE
══════════════════════════════════════════ */
.woocommerce-page,
.woocommerce { color: var(--text) !important; }
.woocommerce-Price-amount, .price { color: var(--gold) !important; font-weight: 700 !important; }
.woocommerce-message { background: rgba(16,185,129,0.1) !important; border-color: var(--green) !important; color: var(--green) !important; }
.woocommerce-error { background: rgba(244,63,94,0.1) !important; border-color: var(--red) !important; color: var(--red) !important; }
.woocommerce .star-rating span::before { color: var(--gold) !important; }
.woocommerce ul.products li.product a { color: var(--text) !important; }
.woocommerce ul.products li.product .price { color: var(--gold) !important; }

/* Product cards */
.woocommerce ul.products li.product {
    background: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius) !important;
    padding: 1.25rem !important;
    transition: border-color 0.2s, transform 0.2s !important;
}
.woocommerce ul.products li.product:hover {
    border-color: rgba(245,158,11,0.25) !important;
    transform: translateY(-3px) !important;
}

/* ══════════════════════════════════════════
   TABLES
══════════════════════════════════════════ */
table { border-collapse: collapse; width: 100%; }
th {
    background: rgba(255,255,255,0.04) !important;
    color: var(--text-muted) !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    padding: 0.75rem 1rem !important;
    border-bottom: 1px solid var(--border) !important;
    font-family: 'Inter', sans-serif !important;
}
td {
    padding: 0.7rem 1rem !important;
    border-bottom: 1px solid var(--border) !important;
    color: var(--text) !important;
}
tr:hover td { background: rgba(255,255,255,0.015) !important; }

/* ══════════════════════════════════════════
   BADGES & LABELS
══════════════════════════════════════════ */
.badge-up   { color:var(--green);background:rgba(16,185,129,0.1);padding:0.15rem 0.6rem;border-radius:999px;font-size:0.75rem;font-weight:600; }
.badge-down { color:var(--red);  background:rgba(244,63,94,0.1); padding:0.15rem 0.6rem;border-radius:999px;font-size:0.75rem;font-weight:600; }

/* ══════════════════════════════════════════
   FOOTER
══════════════════════════════════════════ */
.elementor-location-footer,
footer, .site-footer {
    background: var(--bg-nav) !important;
    border-top: 1px solid var(--border) !important;
    color: var(--text-muted) !important;
}
.elementor-location-footer a,
footer a, .site-footer a { color: var(--text-muted) !important; }
.elementor-location-footer a:hover,
footer a:hover { color: var(--gold) !important; }

/* ══════════════════════════════════════════
   DARK MODE TOGGLE BUTTON
══════════════════════════════════════════ */
#n5-theme-toggle {
    position: fixed !important;
    bottom: 1.5rem !important;
    right: 1.5rem !important;
    z-index: 10000 !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    border: 1px solid var(--border) !important;
    background: var(--bg-card) !important;
    backdrop-filter: blur(10px) !important;
    cursor: pointer !important;
    font-size: 1.15rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: var(--shadow) !important;
    transition: transform 0.2s !important;
    color: var(--text) !important;
}
#n5-theme-toggle:hover { transform: scale(1.1) !important; }

/* ══════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════ */
@media (max-width: 768px) {
    #n5-ticker-wrap { font-size: 0.7rem; }
    #n5-theme-toggle { bottom: 1rem !important; right: 1rem !important; width: 40px !important; height: 40px !important; }
}

/* ══════════════════════════════════════════
   WOOCOMMERCE ACCOUNT SUB-MENU CLEAN-UP
   ══════════════════════════════════════════ */
.woocommerce-MyAccount-navigation {
    display: none !important;
}
.woocommerce-MyAccount-content {
    width: 100% !important;
    float: none !important;
    background: rgba(13, 20, 38, 0.75) !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 16px !important;
    padding: 35px !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.4) !important;
}
.woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content h3 {
    margin-bottom: 20px !important;
    color: #fff !important;
}
.woocommerce-MyAccount-content form {
    margin-top: 15px !important;
}

/* ══════════════════════════════════════════
   WOOCOMMERCE CART, CHECKOUT & PAYMENT PAGE DARK OVERRIDES
   ══════════════════════════════════════════ */
html body.woocommerce-cart,
html body.woocommerce-checkout,
html body.woocommerce-account,
html body.woocommerce-order-pay,
html body.woocommerce-page,
html[data-theme="dark"] body.woocommerce-cart,
html[data-theme="dark"] body.woocommerce-checkout,
html[data-theme="dark"] body.woocommerce-account,
html[data-theme="dark"] body.woocommerce-order-pay,
html[data-theme="dark"] body.woocommerce-page {
    background: #050811 !important;
    color: #f1f5f9 !important;
}

/* Force ALL inner wrappers, Gutenberg blocks, and Elementor sections to be transparent on payment pages */
body.woocommerce-cart #page,
body.woocommerce-cart #content,
body.woocommerce-cart #primary,
body.woocommerce-cart main,
body.woocommerce-cart article,
body.woocommerce-cart .entry-content,
body.woocommerce-cart .site-main,
body.woocommerce-cart .elementor-section,
body.woocommerce-cart .elementor-column,
body.woocommerce-cart .elementor-container,
body.woocommerce-cart .elementor-widget-wrap,
body.woocommerce-cart .e-con,
body.woocommerce-cart .e-con-inner,
body.woocommerce-cart .e-con-boxed,
body.woocommerce-checkout #page,
body.woocommerce-checkout #content,
body.woocommerce-checkout #primary,
body.woocommerce-checkout main,
body.woocommerce-checkout article,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout .elementor-section,
body.woocommerce-checkout .elementor-column,
body.woocommerce-checkout .elementor-container,
body.woocommerce-checkout .elementor-widget-wrap,
body.woocommerce-checkout .e-con,
body.woocommerce-checkout .e-con-inner,
body.woocommerce-checkout .e-con-boxed,
body.woocommerce-account #page,
body.woocommerce-account #content,
body.woocommerce-account #primary,
body.woocommerce-account main,
body.woocommerce-account article,
body.woocommerce-account .entry-content,
body.woocommerce-account .site-main,
body.woocommerce-account .elementor-section,
body.woocommerce-account .elementor-column,
body.woocommerce-account .elementor-container,
body.woocommerce-account .elementor-widget-wrap,
body.woocommerce-account .e-con,
body.woocommerce-account .e-con-inner,
body.woocommerce-account .e-con-boxed {
    background-color: transparent !important;
    background: transparent !important;
}

.n5-crt-hero,
.n5-ck-hero {
    background: linear-gradient(135deg, rgba(255, 153, 51, 0.08), rgba(19, 136, 8, 0.08)) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.5) !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    border-radius: 16px !important;
}

.n5-crt-title,
.n5-ck-title {
    color: #fff !important;
}

.n5-crt-stat,
.n5-ck-stat {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.n5-crt-stat__label,
.n5-ck-stat__label {
    color: #94a3b8 !important;
}

.n5-crt-stat__value,
.n5-ck-stat__value {
    color: #ff9933 !important;
}

body.woocommerce-cart .woocommerce,
body.woocommerce-checkout .woocommerce {
    background: transparent !important;
}

body.woocommerce-cart .n5-cart-items-card,
body.woocommerce-cart form.woocommerce-cart-form {
    background: rgba(13, 20, 38, 0.75) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.4) !important;
}

body.woocommerce-cart table.shop_table {
    background: transparent !important;
    border: none !important;
}

body.woocommerce-cart table.shop_table tr {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.woocommerce-cart table.shop_table td,
body.woocommerce-cart table.shop_table th {
    color: #f1f5f9 !important;
    border: none !important;
}

body.woocommerce-cart table.shop_table td.product-name a {
    color: #fff !important;
    font-weight: 700 !important;
}

body.woocommerce-cart .quantity input.qty {
    background: rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
}

body.woocommerce-cart .actions .coupon {
    background: transparent !important;
    border: none !important;
}

body.woocommerce-cart .cart-collaterals,
body.woocommerce-cart .cart_totals {
    background: rgba(13, 20, 38, 0.75) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 16px !important;
    padding: 28px !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.4) !important;
}

body.woocommerce-cart .cart_totals h2 {
    color: #fff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.woocommerce-cart .cart_totals table tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.woocommerce-cart .cart_totals table td,
body.woocommerce-cart .cart_totals table th {
    color: #94a3b8 !important;
}

body.woocommerce-cart .cart_totals .order-total td,
body.woocommerce-cart .cart_totals .order-total th {
    color: #ff9933 !important;
}

body.woocommerce-checkout form.checkout,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout #payment {
    background: rgba(13, 20, 38, 0.75) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 16px !important;
    padding: 32px !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.4) !important;
    margin-bottom: 24px !important;
}

body.woocommerce-checkout h3#order_review_heading {
    color: #fff !important;
    margin-bottom: 16px !important;
}

body.woocommerce-checkout table.shop_table {
    background: transparent !important;
}

body.woocommerce-checkout table.shop_table tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.woocommerce-checkout table.shop_table td,
body.woocommerce-checkout table.shop_table th {
    color: #f1f5f9 !important;
}

body.woocommerce-checkout #payment ul.payment_methods {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.woocommerce-checkout #payment div.payment_box {
    background: rgba(0, 0, 0, 0.3) !important;
    color: #94a3b8 !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

body.woocommerce-checkout .payment_method_razorpay p {
    color: #94a3b8 !important;
}

body.woocommerce-order-pay .woocommerce,
.n5-op-panel {
    background: rgba(13, 20, 38, 0.75) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 16px !important;
    padding: 32px !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.4) !important;
}

.n5-op-pay-badge {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.n5-op-pay-badge strong {
    color: #ff9933 !important;
}

.n5-op-pay-badge em {
    color: #94a3b8 !important;
}

body.woocommerce-cart .checkout-button,
body.woocommerce-checkout #place_order,
body.woocommerce-order-pay #btn-razorpay,
.woocommerce-Button,
.woocommerce-button {
    background: linear-gradient(135deg, #ff9933, #f97316) !important;
    color: #000 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    box-shadow: 0 10px 30px rgba(255, 153, 51, 0.22) !important;
    border-radius: 8px !important;
    padding: 14px 28px !important;
    transition: all 0.2s !important;
    border: none !important;
}

body.woocommerce-cart .checkout-button:hover,
body.woocommerce-checkout #place_order:hover,
body.woocommerce-order-pay #btn-razorpay:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 15px 40px rgba(255, 153, 51, 0.32) !important;
    opacity: 0.95 !important;
}

body.woocommerce-cart .wc-empty-cart-message::before {
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ══════════════════════════════════════════
   UNIVERSAL FULL-WIDTH OVERRIDES FOR MODULE & SCANNER PAGES
   ══════════════════════════════════════════ */
body.page-template-default .site-main,
body.page-template-default .entry-content,
body.page-template-default .elementor-container,
body.page-template-default .e-con,
body.page-template-default .elementor-section,
body.page-template-default #primary,
body.page-template-default #content,
body.page .site-main,
body.page .entry-content,
body.page .elementor-container,
body.page .elementor-section {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Pad the custom ZTH module tables nicely on 100% width screens */
.zth-scanner-module-table,
.woocommerce-AccountDetails-form,
.woocommerce-EditAccountForm,
.woocommerce-Orders-table {
    padding: 24px 32px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ══════════════════════════════════════════
   WOOCOMMERCE CART TEXT & ACTIONS STYLING
   ══════════════════════════════════════════ */
body.woocommerce-cart table.shop_table td.product-name a,
body.woocommerce-cart table.shop_table td.product-subtotal span,
body.woocommerce-cart table.shop_table td.product-price span,
body.woocommerce-cart table.shop_table thead th,
body.woocommerce-checkout table.shop_table td.product-name,
body.woocommerce-checkout table.shop_table td.product-total span,
body.woocommerce-checkout table.shop_table thead th,
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    color: #ffffff !important;
}

body.woocommerce-cart table.shop_table th {
    color: #94a3b8 !important;
}

body.woocommerce-cart .coupon input[type="text"],
body.woocommerce-checkout input[type="text"],
body.woocommerce-checkout input[type="email"],
body.woocommerce-checkout select,
body.woocommerce-checkout textarea {
    background: rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}

body.woocommerce-cart .coupon input[type="text"]::placeholder,
body.woocommerce-checkout input::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

/* Coupon Button & Update Cart Button adjustments */
body.woocommerce-cart button[name="apply_coupon"] {
    background: linear-gradient(135deg, #ff9933, #f97316) !important;
    color: #000 !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
}

body.woocommerce-cart button[name="update_cart"] {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}

body.woocommerce-cart button[name="update_cart"]:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

body.woocommerce-cart td.actions {
    background: transparent !important;
}

/* ══════════════════════════════════════════
   WOOCOMMERCE GUBENBERG BLOCKS CHECKOUT CUSTOM OVERRIDES
   ══════════════════════════════════════════ */

/* Target the dark address display card text (Sanjoy Podder) */
.wc-block-components-address-card,
.wc-block-components-address-card__address,
.wc-block-components-address-card address,
.wc-block-components-address-card__address p,
.wc-block-components-address-card address p {
    color: #f1f5f9 !important;
    font-size: 0.9rem !important;
    line-height: 1.6 !important;
    font-weight: 500 !important;
    text-shadow: none !important;
}

/* Force Edit link inside the address card to be bright saffron */
.wc-block-components-address-card__edit-button,
.wc-block-components-address-card__edit-button a {
    color: #ff9933 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* Styling for WooCommerce Blocks Checkout Action Buttons (Return to Cart & Place Order) */
.wc-block-checkout__actions,
.wc-block-checkout__actions-row {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    margin-top: 28px !important;
}

/* Base style for BOTH buttons (Return to Cart & Place Order) to make them the same size */
.wc-block-checkout__actions button,
button.wc-block-components-checkout-button,
.wc-block-components-checkout-button button,
.wc-block-checkout__actions-row button,
button#place_order,
.wc-block-checkout__actions a,
.wc-block-components-checkout-button__back,
a.wc-block-components-checkout-button__back,
.wc-block-checkout__actions-row a {
    width: auto !important;
    min-width: 190px !important;
    max-width: 230px !important;
    height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    font-size: 0.85rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    transition: all 0.2s !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    text-decoration: none !important;
    margin: 0 !important;
}

/* Place Order (Glowing Saffron Gradient) */
.wc-block-checkout__actions button,
button.wc-block-components-checkout-button,
.wc-block-components-checkout-button button,
.wc-block-checkout__actions-row button,
button#place_order {
    background: linear-gradient(135deg, #ff9933, #f97316) !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: 0 10px 25px rgba(255, 153, 51, 0.2) !important;
}

.wc-block-checkout__actions button:hover,
button.wc-block-components-checkout-button:hover,
button#place_order:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 15px 35px rgba(255, 153, 51, 0.3) !important;
    opacity: 0.95 !important;
}

/* Return to Cart (Sleek Glassmorphic with Saffron border) */
.wc-block-checkout__actions a,
.wc-block-components-checkout-button__back,
a.wc-block-components-checkout-button__back,
.wc-block-checkout__actions-row a {
    background: rgba(255, 255, 255, 0.03) !important;
    color: #ff9933 !important;
    border: 1px solid rgba(255, 153, 51, 0.4) !important;
    box-shadow: none !important;
}

.wc-block-checkout__actions a:hover,
.wc-block-components-checkout-button__back:hover,
a.wc-block-components-checkout-button__back:hover,
.wc-block-checkout__actions-row a:hover {
    background: rgba(255, 153, 51, 0.08) !important;
    border-color: #ff9933 !important;
    transform: translateY(-2px) !important;
}

/* Clean up Razorpay secure payment option frame styling */
.wc-block-components-radio-control,
.wc-block-components-radio-control__label-group,
.wc-block-components-radio-control__label {
    color: #ffffff !important;
    font-weight: 600 !important;
}

.wc-block-components-radio-control-description {
    color: #94a3b8 !important;
    font-size: 0.85rem !important;
}

/* Border card styling for Gutenberg blocks checkouts */
.wc-block-components-checkout-step,
.wc-block-checkout__step,
.wc-block-components-sidebar,
.wc-block-components-order-summary {
    background: rgba(13, 20, 38, 0.75) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4) !important;
    margin-bottom: 20px !important;
    color: #f1f5f9 !important;
}

.wc-block-components-checkout-step__title,
.wc-block-components-sidebar h3,
.wc-block-components-order-summary h2 {
    color: #ffffff !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    margin-bottom: 12px !important;
}

/* Force checkout totals to be white/saffron */
.wc-block-components-totals-item,
.wc-block-components-totals-item span,
.wc-block-components-totals-item__value,
.wc-block-components-product-name,
.wc-block-components-product-metadata,
.wc-block-components-totals-subtotal,
.wc-block-components-totals-footer-item,
.wc-block-components-totals-footer-item span,
.wc-block-components-order-summary-item__quantity {
    color: #ffffff !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: #ff9933 !important;
    font-weight: 800 !important;
    font-size: 1.2rem !important;
}

/* Force dark input placeholders and border fixes */
.wc-block-components-text-input input,
.wc-block-components-text-input select,
.wc-block-components-combobox input,
.wc-block-components-combobox select {
    background: rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}

.wc-block-components-text-input label,
.wc-block-components-combobox label {
    color: #94a3b8 !important;
}

/* ══════════════════════════════════════════
   ZTH SCANNER DARK MODE REFINEMENTS & TEXT VISIBILITY FIXES
   ══════════════════════════════════════════ */

/* Core container styles for dark mode */
[data-theme="dark"] .zth-module-wrap,
[data-theme="dark"] .zth-dashboard,
[data-theme="dark"] .zth-outcomes-wrap,
[data-theme="dark"] .zth-active-wrap,
[data-theme="dark"] .zth-live-scan-wrap,
[data-theme="dark"] .zth-my-access {
    --zth-bg:        #060913 !important;
    --zth-card:      rgba(13, 18, 30, 0.85) !important;
    --zth-border:    rgba(255, 255, 255, 0.08) !important;
    --zth-text:      #f1f5f9 !important;
    --zth-muted:     #94a3b8 !important;
    --zth-long-bg:   rgba(16, 185, 129, 0.1) !important;
    --zth-short-bg:  rgba(244, 63, 94, 0.1) !important;
    background: var(--zth-bg) !important;
    border-color: var(--zth-border) !important;
    color: var(--zth-text) !important;
}

/* Force dark mode styles on table, rows, headers, hover states */
[data-theme="dark"] .zth-table thead th {
    background: rgba(13, 20, 38, 0.95) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .zth-table tbody tr {
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .zth-table tbody tr:hover {
    background: rgba(255, 255, 255, 0.02) !important;
}

/* Fix light yellow background of PE 14+ extra setups in dark mode */
[data-theme="dark"] tr.is-extra {
    background: rgba(245, 158, 11, 0.07) !important;
}

[data-theme="dark"] tr.is-extra:hover {
    background: rgba(245, 158, 11, 0.12) !important;
}

/* Fix light background of locked/unpurchased cards */
[data-theme="dark"] .zth-locked-card {
    background: rgba(245, 158, 11, 0.04) !important;
    border-color: rgba(245, 158, 11, 0.2) !important;
}

[data-theme="dark"] .zth-locked-card h3 {
    color: #ffffff !important;
}

[data-theme="dark"] .zth-locked-card p {
    color: #94a3b8 !important;
}

[data-theme="dark"] .zth-locked-card a {
    color: #3b82f6 !important;
    text-decoration: underline !important;
}

[data-theme="dark"] .zth-locked-card a:hover {
    color: #22d3ee !important;
}

/* Fix stats bar & status tags background and borders */
[data-theme="dark"] .zth-stats-bar {
    background: rgba(0, 0, 0, 0.2) !important;
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .zth-location,
[data-theme="dark"] .zth-pe.pe-silver,
[data-theme="dark"] .zth-tf-tag {
    background: rgba(255, 255, 255, 0.04) !important;
    color: #94a3b8 !important;
}

/* Dashboard Dark Theme Overrides */
[data-theme="dark"] .zth-dash-header {
    background: rgba(13, 20, 38, 0.95) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .zth-dash-card {
    border-right-color: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .zth-dash-card:hover {
    background: rgba(255, 255, 255, 0.015) !important;
}

[data-theme="dark"] .zth-dash-stats,
[data-theme="dark"] .zth-stat-box {
    border-color: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .zth-stat-box:hover {
    background: rgba(255, 255, 255, 0.01) !important;
}

/* Outcomes and stats borders */
[data-theme="dark"] .zth-outcomes-stats,
[data-theme="dark"] .os-box {
    border-color: rgba(255, 255, 255, 0.06) !important;
}

/* Upcoming blurred teaser cards */
[data-theme="dark"] .zth-upcoming-header {
    background: rgba(245, 158, 11, 0.08) !important;
    border-color: rgba(245, 158, 11, 0.15) !important;
    color: #f59e0b !important;
}

[data-theme="dark"] .zth-upcoming-blurred {
    border-color: rgba(245, 158, 11, 0.15) !important;
}

[data-theme="dark"] .zth-upcoming-overlay {
    background: rgba(6, 9, 19, 0.85) !important;
}

[data-theme="dark"] .zth-upcoming-row {
    border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

/* Live Scan Container Elements */
[data-theme="dark"] .zth-ls-header h2 {
    color: #ffffff !important;
}

[data-theme="dark"] .zth-ls-form {
    background: rgba(13, 18, 30, 0.85) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .zth-ls-signal-header {
    background: rgba(0, 0, 0, 0.2) !important;
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .zth-ls-level {
    border-right-color: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .zth-ls-reasons {
    background: rgba(0, 0, 0, 0.1) !important;
}

[data-theme="dark"] .zth-ls-offline,
[data-theme="dark"] .zth-ls-login-notice {
    background: rgba(255, 255, 255, 0.02) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Global high-specificity override to force black text on all saffron buy buttons & unlock links */
[data-theme="dark"] .zth-buy-btn,
[data-theme="dark"] .zth-buy-btn-sm,
[data-theme="dark"] .zth-module-wrap a.zth-buy-btn-sm,
[data-theme="dark"] .zth-module-wrap a.zth-buy-btn,
[data-theme="dark"] .zth-module-wrap tr.is-extra a.zth-buy-btn-sm,
[data-theme="dark"] .zth-locked-card a.zth-buy-btn,
[data-theme="dark"] .zth-upcoming-cta a.zth-buy-btn {
    background: linear-gradient(135deg, #ff9933, #f97316) !important;
    color: #000000 !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 12px rgba(255, 153, 51, 0.3) !important;
    text-shadow: none !important;
    border: none !important;
}