/* ============================================
   VapeVex A-Site WooCommerce Dark Theme v2
   用于WordPress侧的全站深色主题
   配色：深炭黑#0a0a0a + 电橙#ff6b00 + 天际蓝#0ea5e9
   v2: 增加博客文章页深色主题 + 移动端修复
   ============================================ */
:root {
    --va-bg: #0a0a0a;
    --va-bg2: #111111;
    --va-card: #1a1a1a;
    --va-card-hover: #222222;
    --va-accent: #ff6b00;
    --va-accent-hover: #ff8c33;
    --va-blue: #0ea5e9;
    --va-blue-hover: #38bdf8;
    --va-text: #f5f5f5;
    --va-text2: #a0a0a0;
    --va-muted: #555555;
    --va-border: #2a2a2a;
    --va-success: #22c55e;
    --va-danger: #ef4444;
    --va-radius: 12px;
}

body { background: var(--va-bg) !important; color: var(--va-text) !important; font-family: 'Inter', -apple-system, sans-serif; }
h1,h2,h3,h4,h5,h6 { color: var(--va-text) !important; }
a { color: var(--va-accent); transition: all .2s; }
a:hover { color: var(--va-accent-hover); }

/* ===== Blog / Single Post Dark Theme ===== */
.single-post .site-content,
.blog .site-content,
.archive .site-content,
.search .site-content { background: var(--va-bg) !important; }

.single-post article { background: var(--va-card) !important; border: 1px solid var(--va-border) !important; border-radius: var(--va-radius) !important; padding: 32px !important; margin-bottom: 24px !important; }
.single-post .entry-title { color: var(--va-text) !important; font-size: 2em !important; margin-bottom: 16px !important; }
.single-post .entry-meta { color: var(--va-text2) !important; border-bottom: 1px solid var(--va-border) !important; padding-bottom: 16px !important; margin-bottom: 24px !important; }
.single-post .entry-meta a { color: var(--va-accent) !important; }
.single-post .entry-content { color: var(--va-text2) !important; line-height: 1.8 !important; }
.single-post .entry-content p { color: var(--va-text2) !important; margin-bottom: 16px !important; }
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4 { color: var(--va-text) !important; margin-top: 32px !important; margin-bottom: 12px !important; }
.single-post .entry-content ul,
.single-post .entry-content ol { color: var(--va-text2) !important; }
.single-post .entry-content a { color: var(--va-accent) !important; text-decoration: underline !important; }
.single-post .entry-content img { border-radius: 8px !important; margin: 16px 0 !important; }
.single-post .entry-content blockquote { border-left: 3px solid var(--va-accent) !important; background: var(--va-bg2) !important; padding: 16px 20px !important; margin: 20px 0 !important; border-radius: 0 8px 8px 0 !important; }
.single-post .entry-content blockquote p { color: var(--va-text) !important; }
.single-post .entry-content table { border: 1px solid var(--va-border) !important; border-radius: 8px !important; overflow: hidden !important; }
.single-post .entry-content table th { background: var(--va-bg2) !important; color: var(--va-accent) !important; padding: 10px 14px !important; border: 1px solid var(--va-border) !important; }
.single-post .entry-content table td { padding: 10px 14px !important; border: 1px solid var(--va-border) !important; color: var(--va-text2) !important; }

/* Blog listing */
.blog .ast-article-post,
.archive .ast-article-post { background: var(--va-card) !important; border: 1px solid var(--va-border) !important; border-radius: var(--va-radius) !important; padding: 20px !important; margin-bottom: 20px !important; transition: all .3s !important; }
.blog .ast-article-post:hover,
.archive .ast-article-post:hover { border-color: var(--va-accent) !important; transform: translateY(-2px) !important; }
.blog .entry-title a,
.archive .entry-title a { color: var(--va-text) !important; }
.blog .entry-title a:hover,
.archive .entry-title a:hover { color: var(--va-accent) !important; }
.blog .entry-meta,
.archive .entry-meta { color: var(--va-text2) !important; }
.blog .read-more a,
.archive .read-more a { color: var(--va-accent) !important; }
.blog .ast-blog-featured-section img,
.archive .ast-blog-featured-section img { border-radius: 8px !important; }

/* Post navigation */
.post-navigation { background: var(--va-card) !important; border: 1px solid var(--va-border) !important; border-radius: var(--va-radius) !important; padding: 20px !important; }
.post-navigation a { color: var(--va-text2) !important; }
.post-navigation a:hover { color: var(--va-accent) !important; }

/* Comments */
.comments-area { background: var(--va-card) !important; border: 1px solid var(--va-border) !important; border-radius: var(--va-radius) !important; padding: 24px !important; }
.comments-area .comment { border-bottom: 1px solid var(--va-border) !important; }
.comments-area .comment-author { color: var(--va-text) !important; }
.comments-area .comment-content p { color: var(--va-text2) !important; }

/* Sidebar */
.sidebar-main .widget { background: var(--va-card) !important; border: 1px solid var(--va-border) !important; border-radius: var(--va-radius) !important; padding: 20px !important; margin-bottom: 16px !important; }
.sidebar-main .widget-title { color: var(--va-accent) !important; }
.sidebar-main .widget a { color: var(--va-text2) !important; }
.sidebar-main .widget a:hover { color: var(--va-accent) !important; }

/* ===== WooCommerce Products ===== */
.woocommerce ul.products { display: grid !important; grid-template-columns: repeat(4,1fr) !important; gap: 20px !important; }
.woocommerce ul.products li.product { background: var(--va-card) !important; border: 1px solid var(--va-border) !important; border-radius: var(--va-radius) !important; padding: 16px !important; margin: 0 !important; width: 100% !important; transition: all .3s !important; }
.woocommerce ul.products li.product:hover { transform: translateY(-3px) !important; border-color: var(--va-accent) !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: var(--va-text) !important; font-size: 14px !important; }
.woocommerce ul.products li.product .price { color: var(--va-blue) !important; font-weight: 700 !important; font-size: 16px !important; }
.woocommerce ul.products li.product .price del { color: var(--va-muted) !important; }
.woocommerce ul.products li.product .price ins { color: var(--va-blue) !important; }
.woocommerce ul.products li.product .button { background: linear-gradient(135deg, var(--va-accent), #e55d00) !important; color: #fff !important; border: none !important; border-radius: 8px !important; font-weight: 600 !important; }
.woocommerce ul.products li.product .button:hover { transform: translateY(-1px) !important; box-shadow: 0 4px 15px rgba(255,107,0,.3) !important; }

/* Sale Badge */
.woocommerce span.onsale { background: linear-gradient(135deg, var(--va-accent), #e55d00) !important; border-radius: 6px !important; font-weight: 700 !important; font-size: 11px !important; padding: 4px 10px !important; min-width: auto !important; min-height: auto !important; }

/* Product Detail */
.woocommerce div.product .product_title { color: var(--va-text) !important; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--va-blue) !important; font-size: 24px !important; font-weight: 700 !important; }
.woocommerce div.product .woocommerce-product-details__short-description { color: var(--va-text2) !important; }
.woocommerce div.product .woocommerce-tabs { background: var(--va-card) !important; border: 1px solid var(--va-border) !important; border-radius: var(--va-radius) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs { background: var(--va-bg2) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { border: none !important; background: transparent !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: var(--va-text2) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--va-accent) !important; }
.woocommerce div.product .woocommerce-tabs .panel { color: var(--va-text2) !important; }
.woocommerce div.product form.variations_form { background: var(--va-card) !important; border: 1px solid var(--va-border) !important; border-radius: var(--va-radius) !important; padding: 20px !important; }
.woocommerce div.product form.variations_form label { color: var(--va-text2) !important; }
.woocommerce div.product form.variations_form select { background: var(--va-bg2) !important; color: var(--va-text) !important; border: 1px solid var(--va-border) !important; }

/* Cart */
.woocommerce-cart table.cart { border: 1px solid var(--va-border) !important; border-radius: var(--va-radius) !important; overflow: hidden; }
.woocommerce-cart table.cart td { border-bottom: 1px solid var(--va-border) !important; color: var(--va-text) !important; }
.woocommerce-cart table.cart img { border-radius: 8px !important; }
.woocommerce-cart .cart_totals { background: var(--va-card) !important; border: 1px solid var(--va-border) !important; border-radius: var(--va-radius) !important; padding: 24px !important; }
.woocommerce-cart .cart_totals th { color: var(--va-text2) !important; }
.woocommerce-cart .cart_totals td { color: var(--va-text) !important; }

/* Checkout */
.woocommerce-checkout #customer_details { background: var(--va-card) !important; border-radius: var(--va-radius) !important; padding: 30px !important; border: 1px solid var(--va-border); }
.woocommerce-checkout .form-row input, .woocommerce-checkout .form-row textarea, .woocommerce-checkout .form-row select { background: var(--va-bg2) !important; color: var(--va-text) !important; border: 1px solid var(--va-border) !important; border-radius: 6px !important; padding: 12px 16px !important; }
.woocommerce-checkout .form-row input:focus, .woocommerce-checkout .form-row textarea:focus { border-color: var(--va-accent) !important; box-shadow: 0 0 0 3px rgba(255,107,0,.2) !important; }
.woocommerce-checkout .form-row label { color: var(--va-text2) !important; font-weight: 600 !important; }
.woocommerce-checkout #order_review { background: var(--va-card) !important; border-radius: var(--va-radius) !important; padding: 24px !important; border: 2px solid var(--va-blue) !important; }
.woocommerce-checkout #order_review_heading { color: var(--va-blue) !important; }
.woocommerce-checkout .shop_table { border: 1px solid var(--va-border) !important; border-radius: 8px !important; overflow: hidden !important; }
.woocommerce-checkout .shop_table th { background: var(--va-bg2) !important; color: var(--va-text2) !important; padding: 12px !important; }
.woocommerce-checkout .shop_table td { color: var(--va-text) !important; padding: 12px !important; border-top: 1px solid var(--va-border) !important; }
#place_order { background: linear-gradient(135deg, var(--va-accent), #e55d00) !important; color: #fff !important; border: none !important; border-radius: var(--va-radius) !important; font-weight: 700 !important; font-size: 18px !important; padding: 18px 40px !important; width: 100% !important; }
.wc_payment_methods { background: var(--va-bg2) !important; border: 1px solid var(--va-border) !important; border-radius: 8px !important; padding: 16px !important; }
.wc_payment_method label { color: var(--va-text) !important; }
.wc_payment_method .payment_box { color: var(--va-text2) !important; background: var(--va-card) !important; border: 1px solid var(--va-border) !important; border-radius: 6px !important; }

/* My Account */
.woocommerce-MyAccount-content { color: var(--va-text2) !important; }
.woocommerce-MyAccount-navigation ul { background: var(--va-card) !important; border: 1px solid var(--va-border) !important; border-radius: var(--va-radius) !important; }
.woocommerce-MyAccount-navigation li a { color: var(--va-text2) !important; }
.woocommerce-MyAccount-navigation li.is-active a { color: var(--va-accent) !important; }

/* Buttons */
.button, button, input[type="submit"], .checkout-button, .button.alt { background: linear-gradient(135deg, var(--va-accent), #e55d00) !important; color: #fff !important; border: none !important; border-radius: 8px !important; font-weight: 600 !important; }
.button:hover, button:hover, input[type="submit"]:hover { transform: translateY(-1px) !important; box-shadow: 0 4px 15px rgba(255,107,0,.3) !important; }

/* Forms */
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="search"], textarea, select { background: var(--va-bg2) !important; color: var(--va-text) !important; border: 1px solid var(--va-border) !important; border-radius: 6px !important; padding: 12px 16px !important; }
input:focus, textarea:focus, select:focus { border-color: var(--va-accent) !important; outline: none !important; }

/* Breadcrumb */
.woocommerce .woocommerce-breadcrumb { color: var(--va-text2) !important; }
.woocommerce .woocommerce-breadcrumb a { color: var(--va-text2) !important; }

/* Pagination */
.woocommerce nav.woocommerce-pagination ul { border: none !important; }
.woocommerce nav.woocommerce-pagination ul li { border: none !important; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { color: var(--va-text) !important; border: 1px solid var(--va-border) !important; border-radius: 6px !important; background: var(--va-card) !important; }
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--va-accent) !important; color: #fff !important; border-color: var(--va-accent) !important; }

/* Notifications */
.woocommerce-message, .woocommerce-info { background: var(--va-card) !important; border-top-color: var(--va-success) !important; color: var(--va-text) !important; }
.woocommerce-error { background: var(--va-card) !important; border-top-color: var(--va-danger) !important; }

/* Astra overrides */
.site-header { background: rgba(10,10,10,.95) !important; backdrop-filter: blur(20px) !important; border-bottom: 1px solid var(--va-border) !important; }
.main-navigation a { color: var(--va-text) !important; font-weight: 600 !important; padding: 8px 14px !important; }
.main-navigation a:hover { color: var(--va-accent) !important; }
.site-footer { background: #050505 !important; border-top: 1px solid var(--va-border) !important; }
.ast-header-break-point .main-navigation a { padding: 10px 16px !important; letter-spacing: 0.5px !important; }

/* Mobile responsive */
@media (max-width: 768px) {
    .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
    .woocommerce ul.products li.product { padding: 10px !important; }
    .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 11px !important; }
    .woocommerce ul.products li.product .price { font-size: 13px !important; }
    .single-post article { padding: 16px !important; }
    .single-post .entry-title { font-size: 1.4em !important; }
    .ast-header-break-point .main-navigation a { padding: 12px 20px !important; letter-spacing: 1px !important; font-size: 15px !important; }
    .woocommerce-checkout #customer_details { padding: 16px !important; }
    .woocommerce-checkout #order_review { padding: 16px !important; }
}
/* ===== Tier Pricing Table Dark Theme ===== */
.tpt__tiered-pricing,
.tiered-pricing-table {
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin: 16px 0 !important;
}

.tpt__tiered-pricing table,
.tiered-pricing-table table {
    border-collapse: collapse !important;
    width: 100% !important;
}

.tpt__tiered-pricing th,
.tiered-pricing-table th {
    background: rgba(255,107,0,0.15) !important;
    color: #ff6b00 !important;
    padding: 10px 14px !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    font-family: 'Saira Condensed', sans-serif !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.tpt__tiered-pricing td,
.tiered-pricing-table td {
    color: #e2e8f0 !important;
    padding: 8px 14px !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
    font-family: 'JetBrains Mono', monospace !important;
}

.tpt__tiered-pricing tr:hover td,
.tiered-pricing-table tr:hover td {
    background: rgba(14,165,233,0.08) !important;
}

.tpt__tiered-pricing .amount,
.tiered-pricing-table .amount,
.tiered-pricing-table .woocommerce-Price-amount {
    color: #64ffda !important;
    font-weight: 600 !important;
}

.tpt__tiered-pricing .tpt__heading,
.tiered-pricing-table-heading {
    color: #e2e8f0 !important;
    font-family: 'Saira Condensed', sans-serif !important;
    font-size: 16px !important;
    margin-bottom: 8px !important;
}

.tpt__minimum-qty,
.tiered-pricing-table-minimum {
    color: #0ea5e9 !important;
    font-size: 13px !important;
    margin-top: 8px !important;
}

/* B2B Tools Dark Theme */
.vapevex-request-sample-btn {
    background: linear-gradient(135deg, #ff6b00, #ff8c42) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 10px 20px !important;
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    margin-top: 12px !important;
}

.vapevex-request-sample-btn:hover {
    background: linear-gradient(135deg, #ff8c42, #ff6b00) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(255,107,0,0.3) !important;
}

/* Currency Switcher Dark */
.woocs_converter_shortcode,
.woocs_currency_switcher {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 6px !important;
    color: #e2e8f0 !important;
}

.woocs_currency_switcher select {
    background: #1a1a2e !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 4px !important;
    padding: 4px 8px !important;
}

/* Polylang Language Switcher Dark */
.pll-switcher,
.widget_polylang {
    background: rgba(255,255,255,0.03) !important;
    border-radius: 6px !important;
}

.pll-switcher ul li a,
.widget_polylang ul li a {
    color: #e2e8f0 !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    transition: background 0.2s !important;
}

.pll-switcher ul li a:hover,
.widget_polylang ul li a:hover {
    background: rgba(255,107,0,0.15) !important;
    color: #ff6b00 !important;
}

.pll-switcher ul li.current-lang a {
    color: #ff6b00 !important;
    font-weight: 600 !important;
}