/*
 Theme Name:   WoodMart Child — VapeShop.bh
 Theme URI:    https://vapeshop.bh
 Description:  Custom child theme for VapeShop.bh — preserves customizations through WoodMart updates.
 Author:       VapeShop.bh
 Author URI:   https://vapeshop.bh
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart-child
*/

/* All custom CSS goes here — survives parent theme updates */

/* ══════════════════════════════════════════════════════════════
   VapeShop.bh — Complete Dark Mode Override
   Fixes ALL contrast issues caused by WoodMart's dark_version
   keeping light-theme text colors on dark backgrounds.
   
   Root cause: WoodMart dark mode sets --wd-title-color: #242424
   and --wd-text-color: #767676 which are invisible/dim on #0d0d0d
   ══════════════════════════════════════════════════════════════ */

/* ── CSS VARIABLE OVERRIDE (the nuclear fix) ── */
body,
.wd-page-wrapper,
.wd-page-content {
    --wd-text-color: #b0b0b0;
    --wd-title-color: #ffffff;
    --wd-entities-title-color: #f0e6d0;
    --wd-entities-title-color-hover: #DAB048;
    --wd-link-color: #DAB048;
    --wd-link-color-hover: #c49a3a;
    --wd-form-color: #e0e0e0;
    --wd-form-brd-color: #333;
    --wd-form-brd-color-focus: #DAB048;
    --wd-form-placeholder-color: #666;
    --wd-form-bg: #111;
}

/* ── HEADINGS ── */
h1, h2, h3, h4, h5, h6,
.entry-title,
.product_title,
.page-title,
.woocommerce-loop-product__title,
.wd-entities-title,
.wd-product-title {
    color: #ffffff !important;
}

/* ── BODY TEXT ── */
body,
p,
.entry-content,
.entry-content p,
.woocommerce-product-details__short-description,
.woocommerce-product-details__short-description p,
.term-description,
.term-description p,
.wd-tab-content,
.woocommerce-Tabs-panel,
.woocommerce-Tabs-panel p {
    color: #b8b8b8 !important;
}

/* ── PRODUCT PAGE ── */
.product_meta,
.product_meta span,
.product_meta a,
.sku_wrapper,
.posted_in,
.tagged_as {
    color: #999 !important;
}

.product_meta a:hover {
    color: #DAB048 !important;
}

.wd-stock-status {
    color: #4ade80 !important;
}

.quantity .qty-label,
.quantity label {
    color: #ccc !important;
}

/* ── FORMS & INPUTS (checkout, my account, contact) ── */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
select,
textarea,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: #111 !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}

input:focus, select:focus, textarea:focus,
.select2-container--default.select2-container--focus .select2-selection {
    border-color: #DAB048 !important;
    box-shadow: 0 0 0 2px rgba(218,176,72,0.12) !important;
}

::placeholder {
    color: #666 !important;
}

label,
.woocommerce form .form-row label,
.comment-form label {
    color: #ccc !important;
}

/* Select2 dropdowns */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #e0e0e0 !important;
}

.select2-dropdown {
    background-color: #1a1a1a !important;
    border-color: #333 !important;
}

.select2-results__option {
    color: #ccc !important;
}

.select2-results__option--highlighted {
    background-color: #DAB048 !important;
    color: #000 !important;
}

/* ── TABLES (cart, checkout, orders) ── */
table,
table.shop_table {
    border-color: #2a2a2a !important;
}

table th {
    color: #ddd !important;
    border-color: #2a2a2a !important;
}

table td {
    color: #bbb !important;
    border-color: #2a2a2a !important;
}

table.shop_table .product-name a {
    color: #f0e6d0 !important;
}

table.shop_table .product-name a:hover {
    color: #DAB048 !important;
}

.cart-subtotal td,
.order-total td {
    color: #DAB048 !important;
}

/* ── WOOCOMMERCE TABS ── */
.woocommerce-tabs .tabs li a,
.wd-nav-product-tabs li a,
.wd-product-tabs .tabs li a {
    color: #888 !important;
}

.woocommerce-tabs .tabs li.active a,
.wd-nav-product-tabs li.active a,
.wd-product-tabs .tabs li.active a {
    color: #DAB048 !important;
    border-bottom-color: #DAB048 !important;
}

/* ── REVIEWS ── */
.woocommerce-Reviews .comment-text p,
.woocommerce-Reviews .description p {
    color: #bbb !important;
}

.woocommerce-Reviews .meta,
.woocommerce-Reviews .woocommerce-review__author {
    color: #ddd !important;
}

.woocommerce-Reviews .woocommerce-review__published-date {
    color: #777 !important;
}

#review_form .comment-reply-title {
    color: #fff !important;
}

/* ── CHECKOUT & CART ── */
.woocommerce-checkout h3,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3 {
    color: #fff !important;
}

.payment_methods label,
.wc_payment_method label {
    color: #ccc !important;
}

.payment_box,
.wc_payment_method .payment_box {
    background-color: #1a1a1a !important;
    color: #bbb !important;
}

.woocommerce-terms-and-conditions-wrapper,
.woocommerce-privacy-policy-text p {
    color: #999 !important;
}

.woocommerce-form-coupon input {
    background: #111 !important;
    border-color: #333 !important;
    color: #ddd !important;
}

/* Shipping method options */
.woocommerce-shipping-methods label {
    color: #ccc !important;
}

/* ── MY ACCOUNT ── */
.woocommerce-MyAccount-navigation ul li a {
    color: #bbb !important;
    border-bottom-color: #2a2a2a !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
    color: #DAB048 !important;
}

.woocommerce-MyAccount-content,
.woocommerce-MyAccount-content p {
    color: #bbb !important;
}

.woocommerce-orders-table td,
.woocommerce-orders-table a {
    color: #ccc !important;
}

/* ── MOBILE MENU ── */
.wd-nav-mobile > li > a,
.wd-nav-mobile > li > ul li > a {
    color: #ddd !important;
    border-bottom-color: #2a2a2a !important;
}

.wd-nav-mobile > li > a:hover {
    color: #DAB048 !important;
}

.mobile-nav {
    background-color: #0d0d0d !important;
}

.mobile-nav .wd-nav-opener {
    border-color: #2a2a2a !important;
    color: #888 !important;
}

/* ── FOOTER ── */
.wd-footer,
.footer-widget,
.footer-widget p,
.copyrights-wrapper,
.copyrights-wrapper p {
    color: #999 !important;
}

.footer-widget .widget-title,
.wd-footer .widget-title {
    color: #DAB048 !important;
}

.footer-widget a,
.wd-footer a {
    color: #bbb !important;
}

.footer-widget a:hover,
.wd-footer a:hover {
    color: #DAB048 !important;
}

/* ── ELEMENTOR WIDGETS ── */
.elementor-widget-text-editor,
.elementor-widget-text-editor p {
    color: #b8b8b8 !important;
}

.elementor-heading-title {
    color: #ffffff !important;
}

.elementor-icon-list-text {
    color: #ccc !important;
}

.elementor-toggle-title,
.elementor-tab-title {
    color: #ddd !important;
}

.elementor-toggle-title.active,
.elementor-tab-title.active {
    color: #DAB048 !important;
}

.elementor-toggle-content,
.elementor-tab-content {
    color: #bbb !important;
}

.elementor-icon-box-title {
    color: #fff !important;
}

.elementor-icon-box-description {
    color: #aaa !important;
}

/* ── BREADCRUMBS ── */
.woocommerce-breadcrumb,
.wd-breadcrumbs {
    color: #555 !important;
}

.woocommerce-breadcrumb a,
.wd-breadcrumbs a {
    color: #777 !important;
}

.woocommerce-breadcrumb a:hover,
.wd-breadcrumbs a:hover {
    color: #DAB048 !important;
}

/* ── RESULTS COUNT & TOOLS ── */
.woocommerce-result-count {
    color: #888 !important;
}

.woocommerce-ordering select {
    background-color: #111 !important;
    border-color: #333 !important;
    color: #ccc !important;
}

/* ── PAGINATION ── */
.woocommerce-pagination a,
.page-numbers a,
.page-numbers span:not(.current) {
    color: #bbb !important;
    background: #1a1a1a !important;
    border-color: #333 !important;
}

.woocommerce-pagination a:hover,
.page-numbers a:hover {
    color: #DAB048 !important;
    border-color: #DAB048 !important;
}

.page-numbers .current {
    background: #DAB048 !important;
    color: #000 !important;
    border-color: #DAB048 !important;
}

/* ── NOTICES ── */
.woocommerce-info,
.woocommerce-message {
    background-color: #1a1a1a !important;
    color: #ccc !important;
    border-top-color: #DAB048 !important;
}

.woocommerce-error {
    background-color: #1a1a1a !important;
    color: #f87171 !important;
    border-top-color: #f87171 !important;
}

.woocommerce-info a,
.woocommerce-message a {
    color: #DAB048 !important;
}

/* ── ACCORDION / COLLAPSIBLE ── */
.wd-accordion-title,
.wd-collapsible-title {
    color: #ddd !important;
}

.wd-accordion-content,
.wd-collapsible-content {
    color: #bbb !important;
}

/* ── PRODUCT NAVIGATION ── */
.wd-product-nav a {
    color: #999 !important;
}

.wd-product-nav a:hover {
    color: #DAB048 !important;
}

/* ── WOODMART POPUP / SIDE PANELS ── */
.wd-dropdown,
.wd-dropdown-menu {
    background-color: #1a1a1a !important;
}

.wd-sub-menu li > a {
    color: #ccc !important;
}

.wd-sub-menu li > a:hover {
    color: #DAB048 !important;
}

/* ── SEARCH RESULTS DROPDOWN ── */
.wd-search-results,
.wd-dropdown-results {
    background-color: #1a1a1a !important;
}

.wd-search-results .wd-product-title a {
    color: #e0e0e0 !important;
}

.wd-search-results .price {
    color: #DAB048 !important;
}

/* ── CART SIDEBAR ── */
.cart-widget-side {
    background-color: #0d0d0d !important;
}

.cart-widget-side .widget_shopping_cart_content {
    color: #ccc !important;
}

/* ── 404 PAGE ── */
.page-404 h1 {
    color: #DAB048 !important;
}

.page-404 p {
    color: #bbb !important;
}

/* ── CONTACT FORM ── */
.wpcf7 label,
.wpcf7 p {
    color: #ccc !important;
}

.wpcf7 input,
.wpcf7 textarea {
    background: #111 !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}


/* ══════════════════════════════════════════════════════════
   VapeShop.bh — Product Card Glow Effects
   ══════════════════════════════════════════════════════════ */

/* Product title glow on hover */
.wd-entities-title a:hover,
.wd-product .wd-entities-title a:hover,
.wd-product-title a:hover {
    color: #DAB048 !important;
    text-shadow: 0 0 12px rgba(218, 176, 72, 0.4), 0 0 24px rgba(218, 176, 72, 0.15);
}

/* Product card hover lift */
.wd-product {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wd-product:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(218, 176, 72, 0.08);
}

/* Add to Cart button glow on hover */
.add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.button.product_type_variable:hover {
    box-shadow: 0 4px 15px rgba(218, 176, 72, 0.3);
}

/* Blog "CONTINUE READING" */
.wd-read-more a,
.wd-post-read-more a {
    color: #DAB048 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 600;
}

/* Category labels under product titles */
.wd-product-cats a,
.product-categories a {
    color: #DAB048 !important;
    opacity: 0.7;
    font-size: 12px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}


/* ══════════════════════════════════════════════════════════
   VapeShop.bh — Product Grid Alignment Fix
   Equal height cards, aligned titles/prices/buttons
   ══════════════════════════════════════════════════════════ */

/* Product grid — equal height rows */
.products.wd-products-grid,
.wd-products .products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    align-items: stretch;
}

/* Mobile: 2 columns */
@media (max-width: 768px) {
    .products.wd-products-grid,
    .wd-products .products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px;
    }
}

/* Tablet: 3 columns */
@media (min-width: 769px) and (max-width: 1024px) {
    .products.wd-products-grid,
    .wd-products .products {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 15px;
    }
}

/* Each product card — flex column to push price/button to bottom */
.wd-product,
.products .product,
.product-grid-item {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* Product content area — grows to fill space */
.wd-product .product-wrapper,
.wd-product .product-element-bottom,
.product .product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}

/* Product title — fixed height area (2 lines max) */
.wd-entities-title,
.wd-product-title,
.woocommerce-loop-product__title {
    min-height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
}

/* Category label — fixed height */
.wd-product-cats {
    min-height: 18px;
}

/* Star rating — fixed height even when empty */
.wd-product .star-rating,
.product .star-rating {
    min-height: 18px;
}

/* Price — pushed to bottom, consistent positioning */
.wd-product .price,
.product .price {
    margin-top: auto !important;
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Product image container — consistent aspect ratio */
.wd-product .product-image-link,
.product .product-thumbnail {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
}

.wd-product .product-image-link img,
.product .product-thumbnail img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

/* Add to cart / select options button — always at bottom */
.wd-product .wd-add-btn,
.wd-product .add_to_cart_button,
.product .add_to_cart_button,
.wd-product .wd-action-btn {
    margin-top: auto;
}

/* Remove WoodMart default float-based grid (conflicts with CSS grid) */
.products .product {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}

/* ══════════════════════════════════════════════════════════
   VapeShop.bh — Product Grid Alignment v2
   Works with WoodMart stretch_product, not against it
   ══════════════════════════════════════════════════════════ */

/* Product title — clamp to 2 lines max, consistent height */
.wd-product .wd-entities-title,
.wd-product .wd-product-title {
    min-height: 2.6em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
}

/* Category label — consistent */
.wd-product .wd-product-cats {
    min-height: 20px;
}

/* Star rating — reserve space even when no rating */
.wd-product .wd-product-rating-wrap,
.wd-product .star-rating-wrap {
    min-height: 22px;
}

/* Price — consistent height */
.wd-product .wrap-price,
.wd-product .price {
    min-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Product image — consistent square ratio */
.wd-product .product-image-link {
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #111;
}

.wd-product .product-image-link img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

/* Bordered grid on dark — gold subtle borders */
.wd-products-bordered-grid .wd-product::before,
.wd-products-bordered-grid .wd-product::after {
    border-color: #222 !important;
}

/* Mobile product spacing */
@media (max-width: 768px) {
    .wd-product .wd-entities-title {
        font-size: 13px;
        min-height: 2.4em;
    }
    
    .wd-product .price {
        font-size: 14px;
    }
}


/* ══════════════════════════════════════════════════════════
   VapeShop.bh — Cart Fix: Remove Button + Image Sizing
   ══════════════════════════════════════════════════════════ */

/* ── REMOVE (X) BUTTON — always visible ── */

/* Cart page remove button */
.woocommerce-cart-form .product-remove,
table.cart .product-remove {
    display: table-cell !important;
    visibility: visible !important;
}

.woocommerce-cart-form .product-remove a,
table.cart .product-remove a,
.remove_from_cart_button,
a.remove {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: rgba(248, 113, 113, 0.15) !important;
    color: #f87171 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
    border: 1px solid rgba(248, 113, 113, 0.3) !important;
}

.woocommerce-cart-form .product-remove a:hover,
table.cart .product-remove a:hover,
a.remove:hover {
    background: #f87171 !important;
    color: #fff !important;
}

/* Side cart / mini-cart remove button */
.cart-widget-side .product-remove,
.widget_shopping_cart .product-remove,
.mini-cart-item .product-remove {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.cart-widget-side .remove_from_cart_button,
.widget_shopping_cart .remove_from_cart_button,
.mini-cart-item .remove {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    background: rgba(248, 113, 113, 0.15) !important;
    color: #f87171 !important;
    font-size: 14px !important;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 5;
}

.cart-widget-side .remove_from_cart_button:hover {
    background: #f87171 !important;
    color: #fff !important;
}

/* ── PRODUCT IMAGES IN CART — smaller, proportional ── */

/* Side cart / mini-cart product images */
.cart-widget-side .product-thumbnail img,
.widget_shopping_cart .product-thumbnail img,
.mini-cart-item img,
.cart-widget-side img {
    width: 60px !important;
    height: 60px !important;
    max-width: 60px !important;
    object-fit: contain;
    border-radius: 6px;
}

.cart-widget-side .product-thumbnail,
.widget_shopping_cart .product-thumbnail,
.mini-cart-item .product-thumbnail {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    flex-shrink: 0;
}

/* Cart page product images */
table.cart .product-thumbnail img,
.woocommerce-cart-form .product-thumbnail img {
    width: 80px !important;
    height: 80px !important;
    max-width: 80px !important;
    object-fit: contain;
    border-radius: 6px;
}

table.cart .product-thumbnail,
.woocommerce-cart-form .product-thumbnail {
    width: 80px !important;
}

/* Checkout page product images */
.checkout-product-thumbnail img,
.woocommerce-checkout-review-order img {
    width: 50px !important;
    height: 50px !important;
    max-width: 50px !important;
    object-fit: contain;
    border-radius: 4px;
}

/* ── SIDE CART LAYOUT — compact, dark ── */
.cart-widget-side {
    background: #0d0d0d !important;
}

.cart-widget-side .shopping-cart-widget-body {
    background: #0d0d0d !important;
}

.cart-widget-side .mini_cart_item,
.cart-widget-side li {
    position: relative;
    padding: 12px 10px !important;
    border-bottom: 1px solid #222 !important;
}

.cart-widget-side .mini_cart_item a:not(.remove),
.cart-widget-side .product-name a {
    color: #e0e0e0 !important;
    font-size: 13px !important;
}

.cart-widget-side .quantity,
.cart-widget-side .mini-cart-item-quantity {
    color: #999 !important;
    font-size: 12px;
}

.cart-widget-side .amount {
    color: #DAB048 !important;
}

/* Side cart total */
.cart-widget-side .total,
.cart-widget-side .woocommerce-mini-cart__total {
    color: #fff !important;
    border-top: 1px solid #333 !important;
    padding: 12px 10px !important;
}

/* Side cart buttons */
.cart-widget-side .buttons a,
.cart-widget-side .woocommerce-mini-cart__buttons a {
    margin-bottom: 8px;
}

/* ── CART PAGE — dark styling ── */
table.cart th {
    color: #ddd !important;
    background: #111 !important;
}

table.cart td {
    color: #ccc !important;
    background: #0d0d0d !important;
}

table.cart .product-name a {
    color: #f0e6d0 !important;
}

table.cart .product-name a:hover {
    color: #DAB048 !important;
}

/* Quantity input in cart */
table.cart .quantity input,
.cart-widget-side .quantity input {
    background: #1a1a1a !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
    width: 50px !important;
    text-align: center;
}

/* Cart totals section */
.cart_totals {
    background: #111 !important;
    border-radius: 8px;
    padding: 15px;
}

.cart_totals th {
    color: #ccc !important;
}

.cart_totals td {
    color: #e0e0e0 !important;
}

.cart_totals .order-total .amount {
    color: #DAB048 !important;
    font-size: 18px;
}

/* Coupon input */
.cart .coupon input {
    background: #1a1a1a !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}


/* ══════════════════════════════════════════════════════════
   VapeShop.bh — Filter Visibility Fix v2
   ══════════════════════════════════════════════════════════ */

body .wd-sidebar li a,
body .wd-sidebar .wd-widget li a,
body .sidebar-container li a,
body .wd-scroll-content li a,
.vsf-widget li a {
    color: #e0e0e0 !important;
    font-size: 13px;
}

body .wd-sidebar li a:hover,
.vsf-widget li a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 6px rgba(218,176,72,0.3);
}

body .wd-sidebar li .count,
.vsf-widget .count {
    color: #888 !important;
}

body .wd-sidebar input[type="checkbox"],
.vsf-widget input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border: 2px solid #555 !important;
    border-radius: 3px;
    background: #1a1a1a !important;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    margin-right: 8px;
}

body .wd-sidebar input[type="checkbox"]:checked,
.vsf-widget input[type="checkbox"]:checked {
    background: #DAB048 !important;
    border-color: #DAB048 !important;
}

body .wd-sidebar input[type="checkbox"]:hover,
.vsf-widget input[type="checkbox"]:hover {
    border-color: #DAB048 !important;
}

body .wd-sidebar .widget-title,
.sidebar-container .widget-title {
    color: #DAB048 !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    padding-bottom: 10px !important;
    margin-bottom: 15px !important;
    border-bottom: 1px solid rgba(218,176,72,0.25) !important;
}

body .wd-sidebar li.chosen a,
body .wd-sidebar li.active a {
    color: #DAB048 !important;
    font-weight: 700;
}

body .wd-sidebar .wd-show-more a {
    color: #DAB048 !important;
    border: 1px solid rgba(218,176,72,0.3) !important;
    background: transparent !important;
    padding: 5px 12px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
}

.widget_price_filter .price_slider {
    background: #333 !important;
}

.widget_price_filter .ui-slider-range {
    background: #DAB048 !important;
}

.widget_price_filter .ui-slider-handle {
    background: #DAB048 !important;
    border-color: #DAB048 !important;
}



/* ══════════════════════════════════════════════════════════
   VapeShop.bh — Plugin Dark Mode Overrides v1.0
   Fixes white backgrounds from plugins that ignore theme color scheme.
   Affected: Accessories Box, B2BKing, WoodMart FBT, general WC elements
   ══════════════════════════════════════════════════════════ */

/* ─── Accessories Box — Cards ─── */
.vapeshop-accessories-box .vapeshop-acc-card {
    background: #1a1a1a !important;
    border-color: #2a2a2a !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
}

.vapeshop-accessories-box .vapeshop-acc-card:hover {
    box-shadow: 0 4px 14px rgba(218, 176, 72, 0.15), 0 2px 6px rgba(0, 0, 0, 0.3) !important;
    border-color: rgba(218, 176, 72, 0.3) !important;
}

/* ─── Accessories Box — Heading & Border ─── */
.vapeshop-accessories-heading {
    color: #DAB048 !important;
    border-bottom-color: rgba(218, 176, 72, 0.25) !important;
}

/* ─── Accessories Box — Scrollbar ─── */
.vapeshop-accessories-row {
    scrollbar-color: #444 transparent !important;
}

.vapeshop-accessories-row::-webkit-scrollbar-thumb {
    background: #444 !important;
}

/* ─── Accessories Box — Product Title & Price ─── */
.vapeshop-acc-title {
    color: #e0e0e0 !important;
}

.vapeshop-acc-title:hover {
    color: #DAB048 !important;
}

.vapeshop-acc-price,
.vapeshop-acc-price .woocommerce-Price-amount {
    color: #DAB048 !important;
}

/* ─── Accessories Box — Stock Badges ─── */
.vapeshop-acc-badge--instock {
    background: rgba(26, 122, 60, 0.2) !important;
    color: #4ade80 !important;
}

.vapeshop-acc-badge--outofstock {
    background: rgba(192, 57, 43, 0.2) !important;
    color: #f87171 !important;
}

/* ─── Accessories Box — Attribute Dropdowns ─── */
.vaposhop-attr-label {
    color: #999 !important;
}

.vaposhop-attr-select {
    background-color: #1a1a1a !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}

.vaposhop-attr-select:focus {
    outline-color: #DAB048 !important;
}

/* ─── Accessories Box — Quantity Buttons ─── */
.vapeshop-acc-qty-wrap,
.vaposhop-qty-wrap {
    border-color: #333 !important;
}

.vaposhop-qty-btn {
    background: #252525 !important;
    color: #ccc !important;
}

.vaposhop-qty-btn:hover {
    background: #333 !important;
    color: #DAB048 !important;
}

.vaposhop-qty-input {
    background: #1a1a1a !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}

/* ─── Accessories Box — Add to Cart Button ─── */
.vapeshop-acc-atc-btn.button,
button.vapeshop-acc-atc-btn {
    background: #DAB048 !important;
    color: #0d0d0d !important;
    border: none !important;
    font-weight: 700 !important;
}

.vapeshop-acc-atc-btn.button:hover,
button.vapeshop-acc-atc-btn:not(:disabled):hover {
    background: #c49a3a !important;
    opacity: 1 !important;
}

/* ─── B2BKing — Purchase Lists ─── */
div#b2bking_purchase_lists_table_wrapper {
    background: #1a1a1a !important;
    color: #e0e0e0 !important;
}

table#b2bking_purchase_lists_table:not(.has-background) tbody td {
    background: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-bottom-color: #2a2a2a !important;
}

#b2bking_purchase_lists_table_length select,
#b2bking_purchase_lists_table_filter input {
    background: #1a1a1a !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}

/* ─── B2BKing — File List ─── */
#b2bkingfilelist li {
    background: #1a1a1a !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
}

/* ─── B2BKing — Purchase List Widget ─── */
.b2bking_purchaselist_productpage_wrap select,
.b2bking_purchaselist_productpage_wrap input {
    background: #1a1a1a !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}

/* ─── B2BKing — Conversation/Messages ─── */
.b2bking_conversation_message_container {
    background: #1a1a1a !important;
    border-color: #2a2a2a !important;
}

.b2bking_conversation_reply_area textarea {
    background: #1a1a1a !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}

/* ─── WoodMart — Frequently Bought Together ─── */
.wd-fbt .wd-fbt-form {
    background-color: #1a1a1a !important;
    border: 1px solid #2a2a2a !important;
}

.wd-fbt .wd-fbt-product-heading label,
.wd-fbt .wd-entities-title {
    color: #e0e0e0 !important;
}

.wd-fbt .wd-fbt-purchase .price {
    color: #DAB048 !important;
}

.wd-fbt .wd-fbt-purchase-btn {
    background: #DAB048 !important;
    color: #0d0d0d !important;
}

/* ─── WoodMart — Age Verification (currently set to light) ─── */
.wd-age-verify {
    background: rgba(13, 13, 13, 0.95) !important;
    color: #e0e0e0 !important;
}

/* ─── General — Select2 Dropdowns (used by many plugins) ─── */
.select2-dropdown {
    background-color: #1a1a1a !important;
    border-color: #333 !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: #1a1a1a !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #e0e0e0 !important;
}

.select2-container--default .select2-results__option {
    color: #e0e0e0 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #DAB048 !important;
    color: #0d0d0d !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #252525 !important;
}

/* ─── General — WooCommerce Notices/Messages on dark bg ─── */
.woocommerce-message,
.woocommerce-info {
    background-color: #1a1a1a !important;
    border-top-color: #DAB048 !important;
    color: #e0e0e0 !important;
}

.woocommerce-error {
    background-color: #1a1a1a !important;
    border-top-color: #e74c3c !important;
    color: #e0e0e0 !important;
}

.woocommerce-message a,
.woocommerce-info a {
    color: #DAB048 !important;
}

/* ─── General — DataTables (used by B2BKing bulk order) ─── */
table.dataTable tbody tr {
    background-color: #1a1a1a !important;
}

table.dataTable tbody tr.odd {
    background-color: #151515 !important;
}

table.dataTable tbody tr:hover {
    background-color: #252525 !important;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #e0e0e0 !important;
}

/* ─── Omnisend — Newsletter Popup/Form Fix ─── */
.omnisend-form-container {
    color: inherit !important;
}

/* ─── Catch-all: Common white containers from misc plugins ─── */
.woocommerce-tabs .panel,
.woocommerce-Tabs-panel {
    background-color: transparent !important;
}

/* Review form */
#review_form_wrapper {
    background: transparent !important;
}

#review_form_wrapper textarea,
#review_form_wrapper input[type="text"],
#review_form_wrapper input[type="email"] {
    background: #1a1a1a !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}


/* ══════════════════════════════════════════════════════════
   VapeShop.bh — Additional Dark Mode Fixes v1.1
   Brands carousel, brand logos, remaining light elements
   ══════════════════════════════════════════════════════════ */

/* ─── Brand Logos on Product Page — white PNG fix ─── */
.wd-product-brands img {
    background: transparent !important;
    mix-blend-mode: screen;
    border-radius: 6px;
}

/* ─── Brands Carousel (Prefooter) — force dark ─── */
.elementor-element-43608bf {
    background-color: #111 !important;
}

.wd-brands .wd-brand-item,
.wd-brands-element .wd-brand-item {
    background-color: transparent !important;
}

.wd-brands .wd-brand-item img,
.wd-brands-element .wd-brand-item img {
    mix-blend-mode: screen;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.wd-brands .wd-brand-item:hover img,
.wd-brands-element .wd-brand-item:hover img {
    opacity: 1;
}

/* ─── Skip links (accessible, but should be dark when visible) ─── */
.wd-skip-links .btn {
    background: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}



/* ─── Product Hover Image — White BG Fix ─── */
.wd-product-img-hover {
    background-color: #0d0d0d !important;
}

/* ─── FAQ Accordion — Dark Theme Override ─── */
:root {
    --vsbfaq-accent: #DAB048;
    --vsbfaq-border: #2a2a2a;
    --vsbfaq-bg-q: #1a1a1a;
    --vsbfaq-bg-a: #111111;
    --vsbfaq-text: #e0e0e0;
}

.vsbfaq-section .vsbfaq-question-btn {
    background: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: #2a2a2a !important;
}

.vsbfaq-section .vsbfaq-question-btn:hover,
.vsbfaq-section .vsbfaq-question-btn:focus,
.vsbfaq-section .vsbfaq-item.vsbfaq-open .vsbfaq-question-btn {
    background: #252525 !important;
    color: #DAB048 !important;
}

.vsbfaq-section .vsbfaq-answer {
    background: #111 !important;
    color: #ccc !important;
}

.vsbfaq-section .vsbfaq-item {
    border-color: #2a2a2a !important;
}

.vsbfaq-section .vsbfaq-title {
    color: #DAB048 !important;
    border-bottom-color: #DAB048 !important;
}

.vsbfaq-section .vsbfaq-icon {
    border-color: #DAB048 !important;
}

.vsbfaq-section .vsbfaq-icon::before,
.vsbfaq-section .vsbfaq-icon::after {
    background: #DAB048 !important;
}

.vsbfaq-section .vsbfaq-answer a {
    color: #DAB048 !important;
}