:root {
	--wd-text-font: "Electrolize", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 15px;
	--wd-title-font: "Electrolize", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Electrolize", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Electrolize", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Electrolize", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Electrolize", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(221,153,51);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(38,38,38);
	--btn-accented-bgcolor-hover: rgb(25,25,25);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.wd .product-label.onsale {
	background-color: rgb(135,135,135);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1600px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/* ==========================================================================
   MASTER RULES: APPLIES TO MAIN SHOP & ALL CATEGORY PAGES
   ========================================================================== */

/* 1. Remove card borders and shadows */
.post-type-archive-product .product-grid-item,
.tax-product_cat .product-grid-item,
.post-type-archive-product .product-wrapper,
.tax-product_cat .product-wrapper {
    box-shadow: none !important;
    border: none !important;
}

/* 2. BRUTE-FORCE ACTIVE PRICING TO BLACK */
.post-type-archive-product .price, .tax-product_cat .price,
.post-type-archive-product .price *, .tax-product_cat .price *,
.post-type-archive-product .amount, .tax-product_cat .amount,
.post-type-archive-product bdi, .tax-product_cat bdi,
.post-type-archive-product .woocommerce-Price-amount, .tax-product_cat .woocommerce-Price-amount {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* 3. Keep ONLY the original strikethrough (old retail price) a dim gray */
.post-type-archive-product del, .tax-product_cat del,
.post-type-archive-product del *, .tax-product_cat del *,
.post-type-archive-product del bdi, .tax-product_cat del bdi {
    color: #555555 !important;
    -webkit-text-fill-color: #555555 !important;
    text-decoration: line-through !important;
}

/* 4. Completely hide product category tags site-wide */
.wd-product-cats,
.product-cats,
.wd-product-cats *,
.product-cats * {
    display: none !important;
}


/* ==========================================================================
   HOME PAGE BACKGROUND
   ========================================================================== */
body.home,
body.home #wrapper,
body.home .website-wrapper,
body.home .main-page-wrapper {
    background-color: #000 !important;
}


/* ==========================================================================
   HEADER SEARCH BAR ICON COLOR FIX (BLACK)
   ========================================================================== */
.wd-header-search a,
.wd-search-opener,
.search-button {
    color: #000000 !important;
}

.wd-header-search svg,
.wd-search-opener svg,
.search-button svg,
.wd-header-search svg path,
.wd-search-opener svg path,
.search-button svg path {
    fill: #000000 !important;
    stroke: #000000 !important;
}

.wd-header-search a:hover svg path,
.wd-search-opener:hover svg path {
    fill: #333333 !important;
    stroke: #333333 !important;
}


/* ==========================================================================
   SINGLE PRODUCT PAGE STYLES (MAIN PRODUCT SUMMARY ONLY)
   ========================================================================== */
.single-product .elementor-widget-woocommerce-product-title {
    text-align: center;
}

/* Scoped strictly to the main product block so it doesn't inflate related products */
.single-product .summary .price,
.single-product .entry-summary .price {
    text-align: center;
    font-size: 34px !important;
    margin-bottom: 25px;
}

.single-product .woocommerce-product-details__short-description {
    text-align: center;
    line-height: 2;
    font-size: 17px;
}

.single-product .variations {
    justify-content: center;
}

.single-product .single_add_to_cart_button {
    background: #707070;
    padding: 15px 40px;
    border-radius: 0;
}

.single-product .quantity {
    margin-right: 15px;
}


/* ==========================================================================
   CUSTOM QUANTITY BUTTONS (+ / - PILL SHAPES IN BLACK)
   ========================================================================== */
.quantity {
    border: none !important;
    background: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
}

.quantity input[type="number"] {
    background: transparent !important;
    border: none !important;
    width: 35px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-align: center !important;
}

.quantity input.plus, 
.quantity input.minus,
.quantity .plus,
.quantity .minus {
    color: #ffffff !important;
    background-color: #000000 !important;
    border: none !important;
    border-radius: 50px !important;
    width: 42px !important;
    height: 42px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease-in-out !important;
}

.quantity input.plus:hover, 
.quantity input.minus:hover,
.quantity .plus:hover,
.quantity .minus:hover {
    background-color: #222222 !important;
}


/* ==========================================================================
   RELATED PRODUCTS PRICE & TEXT FIX (REDUCE OVERSIZED FONTS)
   ========================================================================== */
.single-product .related.products .price,
.single-product .related.products .price *,
.single-product .related.products .amount,
.single-product .related.products bdi {
    font-size: 18px !important;
    line-height: 1.3 !important;
}

.single-product .related.products del,
.single-product .related.products del * {
    font-size: 14px !important;
}

.single-product .related.products .wd-entities-title a {
    font-size: 14px !important;
}


/* ==========================================================================
   BULLETPROOF CENTER DESIGN FOR ALL PRODUCTS (DESKTOP, TABLET, PHONE)
   ========================================================================== */

/* 1. Force the main product info footer container to center everything block-by-block */
.product-grid-item .wd-product-footer,
.product-grid-item .wd-product-content,
.product-inner .wd-product-footer {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

/* 2. Force product title lines to snap directly into the center */
.product-grid-item .wd-entities-title,
.product-grid-item .wd-entities-title a {
    text-align: center !important;
    justify-content: center !important;
    display: flex !important;
    width: 100% !important;
    margin-bottom: 8px !important;
}

/* 3. RESET PRICING FLEX: Forces old price, currency symbols, and sale price to stick together in the center */
.product-grid-item .price,
.product-grid-item .price *,
.product-grid-item .amount {
    display: inline !important;
    text-align: center !important;
    float: none !important;
}

/* 4. Enforce clean centering and horizontal spacing between elements inside the pricing wrapper */
.product-grid-item .price {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
}

/* Keep the previous price (del) and the active price (ins) sitting side-by-side with a nice gap */
.product-grid-item .price del,
.product-grid-item .price ins {
    display: inline-block !important;
    margin: 0 6px !important;
    float: none !important;
}


/* ==========================================================================
   HEADER & NAVIGATION CLEANUP
   ========================================================================== */
.wd-page-title .wd-nav-product-cat,
.wd-products-tabs,
.wd-btn-show-cat {
    display: none !important;
}

.woocommerce-page .title-size-default {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.woocommerce-page .page-title {
    font-size: 60px !important;
    line-height: 1.1;
}


/* ==========================================================================
   MOBILE UNIFORM BUTTON SPACING FIX (SIMPLE + VARIABLE MATCH)
   ========================================================================== */
@media (max-width: 767px) {
    
    /* Force form blocks and sub-wrappers to use a vertical grid stack */
    form.cart,
    .single_variation_wrap,
    .woocommerce-variation-add-to-cart {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        max-width: 100% !important;
        justify-items: center !important;
        row-gap: 16px !important;
    }

    /* Completely collapse WoodMart's extra empty dynamic variation container box */
    .woocommerce-variation.single_variation {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Center the quantity pill selection row */
    form.cart .quantity,
    .woocommerce-variation-add-to-cart .quantity {
        display: inline-flex !important;
        margin: 0 auto !important;
    }

    /* Standardize the full width layout for ADD TO CART button on mobile */
    .single_add_to_cart_button,
    form.cart .single_add_to_cart_button,
    .woocommerce-variation-add-to-cart .single_add_to_cart_button {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        height: 48px !important;
    }

    /* Standardize the full width layout for BUY NOW button on mobile */
    .wd-buy-now-btn,
    .wd-buy-now-btn button,
    .single_variation_wrap .wd-buy-now-btn {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        height: 48px !important;
    }

    /* Product short description width fix */
    .elementor-widget-woocommerce-product-short-description,
    .elementor-widget-woocommerce-product-short-description p {
        width: 100% !important;
        max-width: 100% !important;
        white-space: normal !important;
        text-align: left;
        line-height: 1.8;
    }
}
















/* Strip theme wrapper spacing around Elementor Single Product layouts */
.single-product.elementor-page .main-page-wrapper,
.single-product .site-content,
.single-product article.product,
.single-product .entry-content,
.single-product .wd-layout-single-product,
.single-product [data-elementor-type="single-product"],
.single-product [data-elementor-type="wp-post"],
.single-product .elementor-location-single {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Remove default container padding injected above Elementor sections */
.single-product .main-page-wrapper > .container,
.single-product .site-content > .container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Force first Elementor section/container to stick directly under header */
.single-product [data-elementor-type="single-product"] > .elementor-element:first-child,
.single-product [data-elementor-type="wp-post"] > .elementor-element:first-child,
.single-product .elementor-section-wrap > .elementor-section:first-child {
    padding-top: 0 !important;
    margin-top: 0 !important;
}















/* Make product titles larger and bolder on Shop & Category pages */
.product-grid-item .wd-entities-title,
.product-grid-item .wd-entities-title a,
.post-type-archive-product .wd-entities-title a,
.tax-product_cat .wd-entities-title a {
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.5px !important;
}





/* Force Additional Information title and attribute text to black */
.single-product .shop_attributes::before,
.single-product .woocommerce-product-attributes::before,
.single-product .shop_attributes th,
.single-product .shop_attributes td,
.single-product .woocommerce-product-attributes-item__label,
.single-product .woocommerce-product-attributes-item__value,
.single-product .elementor-widget-woocommerce-product-additional-information,
.single-product .elementor-widget-woocommerce-product-additional-information h2,
.single-product .elementor-widget-woocommerce-product-additional-information * {
    color: #000000 !important;
}









/* Force-inject "Additional information" heading above product attributes */
.single-product .shop_attributes::before,
.single-product .woocommerce-product-attributes::before {
    content: "Additional information";
    display: block;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 12px;
    text-align: center;
}

/* Ensure table attribute labels (like "Color:") are visible */
.single-product .shop_attributes th,
.single-product .woocommerce-product-attributes-item__label {
    display: table-cell !important;
    padding-right: 8px;
    font-weight: 600;
}@media (max-width: 576px) {
	/* ==========================================================
   1. FORCE REMOVE TOP GAP ON MOBILE
   ========================================================== */
html body.single-product header.whb-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

html body.single-product .page-title-default,
html body.single-product .page-title-single-product,
html body.single-product .woodmart-page-title,
html body.single-product .woodmart-breadcrumbs-wrapper,
html body.single-product .woocommerce-notices-wrapper:empty {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

html body.single-product .website-wrapper,
html body.single-product .main-page-wrapper,
html body.single-product .site-content,
html body.single-product .site-content > .container,
html body.single-product article.product,
html body.single-product .wd-layout-single-product,
html body.single-product [data-elementor-type="single-product"],
html body.single-product [data-elementor-type="wp-post"],
html body.single-product .elementor-location-single,
html body.single-product .elementor-section:first-child,
html body.single-product .e-con:first-child {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Pull content up under header */
html body.single-product .main-page-wrapper {
    margin-top: -30px !important;
}


/* ==========================================================
   2. VARIABLE PRODUCTS RESPONSIVE LAYOUT
   ========================================================== */
table.variations,
table.variations tbody,
table.variations tr,
table.variations td {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto !important;
}

table.variations {
    margin-bottom: 28px !important; 
}

.variations td.value,
.wd-swatches-product,
.wd-swatches {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 auto !important;
}

.variations .reset_variations {
    display: block !important;
    text-align: center !important;
    margin: 10px auto 0 auto !important;
    width: 100% !important;
}

.woocommerce-variation-add-to-cart,
.single_variation_wrap,
form.cart .variations_button,
form.cart {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 0 !important;
}

.entry-summary .quantity,
form.cart .quantity,
.woocommerce-variation-add-to-cart .quantity {
    display: inline-flex !important;
    width: auto !important;
    min-width: 140px !important;
    margin: 0 auto 24px auto !important;
    float: none !important;
}

.single_add_to_cart_button,
form.cart .single_add_to_cart_button,
.woocommerce-variation-add-to-cart .single_add_to_cart_button,
button.wd-add-cart-btn {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
}

.wd-buy-now-btn,
.wd-buy-now-btn button,
div.wd-buy-now-btn,
.woocommerce-variation-add-to-cart + .wd-buy-now-btn,
.single_variation_wrap .wd-buy-now-btn {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-variation.single_variation {
    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   3. MOBILE FULL-WIDTH EDGE-TO-EDGE PRODUCT IMAGES
   ========================================================== */
.woocommerce-product-gallery,
.wd-single-images,
.product-images,
.single-product-page .col-md-6:first-child,
.single-product-page .col-sm-12:first-child {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.wd-carousel-inner,
.owl-stage-outer,
.slick-list,
.woocommerce-product-gallery__image img,
.wd-gallery-images img {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 0 !important;
}

.thumbnails,
.wd-images-thumbnails {
    width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}















/* ==========================================================
   ELEMENTOR MOBILE PADDING & GALLERY FIX
   ========================================================== */

/* 1. Force 16px side padding across all Elementor containers on mobile */
.single-product [data-elementor-type="single-product"],
.single-product [data-elementor-type="wp-post"],
.single-product .e-con-inner,
.single-product .site-content {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
}

/* 2. Fix top gap and center-align the main product content block */
.single-product .e-con {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 3. Fix squished gallery images (forces 1 full-width image instead of 3 squished) */
.single-product .woocommerce-product-gallery__image,
.single-product .wd-gallery-images .wd-carousel-item,
.single-product .owl-item {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

.single-product .woocommerce-product-gallery__wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
}

/* 4. Ensure short description text has readable margins */
.single-product .elementor-widget-woocommerce-product-short-description {
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-top: 20px !important;
}
}