:root {
	--wd-text-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-transform: inherit;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-transform: inherit;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(255,117,31);
	--wd-alternative-color: rgb(4,170,109);
	--btn-default-font-family: Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 700;
	--btn-default-transform: uppercase;
	--btn-default-font-size: 15px;
	--btn-default-bgcolor: rgb(255,117,31);
	--btn-default-bgcolor-hover: rgb(116,163,47);
	--btn-default-padding: 10px 20px 10px 20px;
	--btn-accented-font-family: Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 700;
	--btn-accented-transform: uppercase;
	--btn-accented-font-size: 12px;
	--btn-accented-bgcolor: rgb(255,117,31);
	--btn-accented-bgcolor-hover: #74a32f;
	--btn-accented-padding: 10px 20px 10px 20px;
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(131,183,53);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(255,102,102);
	--notices-warning-color: #fff;
	--wd-link-color: rgb(255,117,31);
	--wd-link-color-hover: rgb(4,170,109);
}
.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(255,255,255);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(23,32,48);
	--wd-form-placeholder-color: rgb(117,117,117);
	--wd-form-brd-color: rgb(239,239,240);
	--wd-form-brd-color-focus: rgb(255,117,31);
	--wd-form-bg: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 30px;
	--wd-arrow-icon-size: 20px;
	--wd-arrow-offset-h: -20px;
	--wd-arrow-offset-v: 0px;
	--wd-arrow-color: #FFFFFF;
	--wd-arrow-color-hover: #FFFFFF;
	--wd-arrow-color-dis: #FFFFFF;
	--wd-arrow-bg: rgb(255,117,31);
	--wd-arrow-bg-hover: rgb(4,170,109);
	--wd-arrow-bg-dis: rgb(117,117,117);
	--wd-arrow-radius: 5px;
}
.wd-nav-pagin-wrap:not(.wd-custom-style) {
	--wd-pagin-size: 60px;
	--wd-pagin-bg: rgb(255,117,31);
	--wd-pagin-bg-hover: rgb(4,170,109);
	--wd-pagin-bg-act: rgb(117,117,117);
	--wd-pagin-radius: 5px;
	--wd-pagin-brd-color: rgb(255,255,255);
	--wd-pagin-brd-color-hover: rgb(255,255,255);
	--wd-pagin-brd-color-act: rgb(255,255,255);
	--wd-pagin-brd-width: 5px;
	--wd-pagin-brd-style: solid;
}
.wd-nav-scroll {
	--wd-nscroll-height: 30px;
	--wd-nscroll-width: 100%;
	--wd-nscroll-bg: rgb(255,117,31);
	--wd-nscroll-drag-bg: rgb(117,117,117);
	--wd-nscroll-drag-bg-hover: rgb(4,170,109);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--btn-default-padding: 10px 20px 10px 20px;
	--btn-accented-padding: 10px 20px 10px 20px;
	}
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-offset-h: -20px;
	--wd-arrow-offset-v: 0px;
	}
	.wd-nav-pagin-wrap:not(.wd-custom-style) {
		--wd-pagin-size: 50px;
	}
	.wd-nav-scroll {
		--wd-nscroll-height: 30px;
	--wd-nscroll-width: 100%;
	}

}

@media (max-width: 768.98px) {
	:root {
		--btn-default-padding: 10px 20px 10px 20px;
	--btn-accented-padding: 10px 20px 10px 20px;
	}
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-offset-h: -20px;
	--wd-arrow-offset-v: 0px;
	}
	.wd-nav-pagin-wrap:not(.wd-custom-style) {
		--wd-pagin-size: 40px;
	}
	.wd-nav-scroll {
		--wd-nscroll-height: 25px;
	--wd-nscroll-width: 100%;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 5px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: rgb(238,238,238);
}

/* =========================================================
   1. HEADER — SEARCH FORM
   ========================================================= */
.wd-header-search-form {
    margin-left: auto;
    margin-right: auto;
}

/* =========================================================
   2. HEADER — ORDER TACK BUTTON
   ========================================================= */
.custom-order-tracking-button {
    max-width: 45px;
    padding: 5px;
    border: 1px solid #eee;
}

/* =========================================================
   3. HEADER — CUSTOM HAMBURGER MENU
   ========================================================= */
.more-hamburger-icon span.nav-link-text {
    display: none;
}

.more-hamburger-icon a::after {
    font-size: 0 !important;
}
.more-hamburger-icon .fa-bars {
    border: 1px solid #eee;
    padding: 12px;
    border-radius: 50px;
}

/* =========================================================
   4. FOOTER - CASH ON DELIVERY DESIGN
   ========================================================= */
.cod-footer-text{
		align-items: center;
		position:relative;
		gap: 12px;
		font-size:16px;
		padding: 10px 10px 10px 55px;
		background-color: #ffffff;
		border: 2px solid rgb(255,117,31);
		border-radius: 5px;
		cursor: pointer;
		font-weight: 600;
		color: #2d3748;
		transition: all 0.2s ease-in-out;
}
.cod-footer-text:hover {
 	 border: 2px solid rgb(116,163,47);
}
.cod-footer-text::before {
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\e2e6";
    padding: 7px 15px 7px 15px;
    border-top-left-radius: 2px;
		border-bottom-left-radius: 2px;
    color: #fff;
    background-color: #ff751f;
		font-size:18px;
		top:0px;
		left:0px;
		max-height:42px;
		height:auto;
}
.cod-footer-text:hover::before {
    background-color: #7aa51c;
}
@media (max-width: 768.98px) {
		.cod-footer-text::before{
				top:-1.4px;
	}
}
/* =========================================================
   5. PAYMENT PAGE - CASH ON DELIVERY DESIGN
   ========================================================= */
.payment-page .cod-footer-text::before{
		padding: 12px 15px 6px 15px;
}
@media (max-width: 768.98px) {
		.payment-page .cod-footer-text::before{
				top:0px;
				padding: 12px 15px 6px 15px;
	}
}
/* =========================================================
   6. CART AND CHECKOUT PAGE
   ========================================================= */
/* CASH ON DELIVERY */
/* Highlight Cash on Delivery payment box */
.wc_payment_method.payment_method_cod {
    background: #ffffff;
    padding: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

.wc_payment_method.payment_method_cod label {
    font-weight: bold;
    color: #333;
}
/* Hide Billing Country / Region */
#billing_country_field {
    display: none !important;
}

/* Hide Shipping Country / Region */
#shipping_country_field {
    display: none !important;
}

/* Remove / Delete product button */
.wd-checkout-remove-btn,
.product-remove a {
    color: #ff0000;
    background-color: #f5f5f5;
    padding: 4px 8px;
    border-radius: 5px;
    font-weight: bold;
    text-decoration: none;
}

/* Hover */
.wd-checkout-remove-btn:hover {
    color: #ffffff;
    background-color: #ff0000;
}
/* =========================================================
   7. MY ACCOUNT PAGE FORM MODIFICATION
   ========================================================= */
/*WooCommerce MY Account Page Modification*/
/* Hide City/Town field on My Account address form */
body.woocommerce-account .woocommerce-address-fields__field-wrapper #billing_city_field,
body.woocommerce-account .woocommerce-address-fields__field-wrapper #shipping_city_field ,#billing_postcode_field,
#shipping_postcode_field{
    display: none !important;
}
/* WooCommerce My Account - Address Form */

/* Street Address + District */
.woocommerce-MyAccount-content #billing_address_1_field,
.woocommerce-MyAccount-content #billing_state_field {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

.woocommerce-MyAccount-content #billing_address_1_field {
    margin-right: 3.5%;
}

/* Phone + Email */
.woocommerce-MyAccount-content #billing_phone_field,
.woocommerce-MyAccount-content #billing_email_field {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

.woocommerce-MyAccount-content #billing_phone_field {
    margin-right: 3.5%;
}

/* Mobile */
@media (max-width: 767px) {
    .woocommerce-MyAccount-content #billing_address_1_field,
    .woocommerce-MyAccount-content #billing_state_field,
    .woocommerce-MyAccount-content #billing_phone_field,
    .woocommerce-MyAccount-content #billing_email_field {
        width: 100%;
        margin-right: 0;
    }
}
/* Shipping Address - Street Address + District in one line */
.woocommerce-MyAccount-content #shipping_address_1_field,
.woocommerce-MyAccount-content #shipping_state_field {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

.woocommerce-MyAccount-content #shipping_address_1_field {
    margin-right: 3.5%;
}

/* Mobile */
@media (max-width: 767px) {
    .woocommerce-MyAccount-content #shipping_address_1_field,
    .woocommerce-MyAccount-content #shipping_state_field {
        width: 100%;
        margin-right: 0;
    }
}
/* =========================================================
   8. FREE SHIPPING PROGRESS BAR GREEN
   ========================================================= */
.progress-bar[style*="width: 100%"] {
    background: #28a745 !important;
}
/* =========================================================
   9. FREE SHIPPING — GREEN
   ========================================================= */
/* Cart */
body.woocommerce-cart
.woocommerce-shipping-methods
li:has(input[value^="free_shipping"])
label {
    color: #83b735 !important;
    font-weight: 700 !important;
}

/* Checkout */
body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.woocommerce-shipping-methods
li:has(input[value^="free_shipping"])
label {
    color: #83b735 !important;
    font-weight: 700 !important;
}
/* =========================================================
   10. WOODMART + WOOCOMMERCE — SHIPPING
   CART + CHECKOUT
   ========================================================= */

/* ---------------------------------------------------------
   10.1 Change "Shipment" to "Shipping"
   --------------------------------------------------------- */
body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.woocommerce-shipping-totals th,
body.woocommerce-cart
.woocommerce-shipping-totals th {
    font-size: 0 !important;
}

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.woocommerce-shipping-totals th::after,
body.woocommerce-cart
.woocommerce-shipping-totals th::after {
    content: "Shipping";
    font-size: 16px;
    font-weight: 600;
    color: #172033;
}


/* ---------------------------------------------------------
   10.2 Paid Shipping — Hide Method Name
   --------------------------------------------------------- */

/* Checkout */
body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.woocommerce-shipping-methods
li:not(:has(input[value^="free_shipping"]))
label {
    font-size: 0 !important;
}

/* Cart */
body.woocommerce-cart
.woocommerce-shipping-methods
li:not(:has(input[value^="free_shipping"]))
label {
    font-size: 0 !important;
}


/* ---------------------------------------------------------
   10.3 Paid Shipping — Show Only Price
   --------------------------------------------------------- */

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.woocommerce-shipping-methods
li:not(:has(input[value^="free_shipping"]))
label .woocommerce-Price-amount,

body.woocommerce-cart
.woocommerce-shipping-methods
li:not(:has(input[value^="free_shipping"]))
label .woocommerce-Price-amount {
    font-size: 16px !important;
    color: #ff6b00 !important;
}

/* Currency symbol */
body.woocommerce-checkout
.woocommerce-shipping-methods
.woocommerce-Price-currencySymbol,

body.woocommerce-cart
.woocommerce-shipping-methods
.woocommerce-Price-currencySymbol {
    font-size: inherit !important;
}


/* ---------------------------------------------------------
   10.4 Free Shipping — Keep "Free Shipping" Visible
   --------------------------------------------------------- */

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.woocommerce-shipping-methods
li:has(input[value^="free_shipping"])
label,

body.woocommerce-cart
.woocommerce-shipping-methods
li:has(input[value^="free_shipping"])
label {
    font-size: 16px !important;
    color: inherit !important;
}


/* ---------------------------------------------------------
   10.5 Free Shipping — Hide 0৳
   --------------------------------------------------------- */

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.woocommerce-shipping-methods
li:has(input[value^="free_shipping"])
label .woocommerce-Price-amount,

body.woocommerce-cart
.woocommerce-shipping-methods
li:has(input[value^="free_shipping"])
label .woocommerce-Price-amount {
    display: none !important;
}


/* ---------------------------------------------------------
   10.6 Keep Shipping Radio Buttons Visible
   --------------------------------------------------------- */

body.woocommerce-checkout
.woocommerce-shipping-methods
li input[type="radio"],

body.woocommerce-cart
.woocommerce-shipping-methods
li input[type="radio"] {
    font-size: initial !important;
    opacity: 1 !important;
}


/* ---------------------------------------------------------
   10.7 Shipping Vertical Alignment
   --------------------------------------------------------- */

body.woocommerce-checkout
.woocommerce-checkout-review-order-table
.woocommerce-shipping-totals td,

body.woocommerce-cart
.woocommerce-shipping-totals td {
    vertical-align: middle;
}


/* ---------------------------------------------------------
   10.8 Cart — Default Shipping Area Text
   --------------------------------------------------------- */

/* Hide the actual shipping cell text */
body.woocommerce-cart
.woocommerce-shipping-totals td {
    font-size: 0 !important;
}

/* Default text when no shipping method is available */
body.woocommerce-cart
.woocommerce-shipping-totals td::after {
    content: "Continue To Checkout";
    font-size: 16px;
    font-weight: light;
    color: #172033;
}

/* When shipping method exists, remove default text */
body.woocommerce-cart
.woocommerce-shipping-totals td:has(.woocommerce-shipping-methods)::after {
    content: none !important;
}
/* =========================================================
   11. RESPONSIVE — MOBILE / TABLET
   ========================================================= */

@media (max-width: 1200px) {

    /* Custom product layout */
    .custom-layout .wd-product {
        padding: 5px;
    }

    .custom-layout .wp-block-wd-container {
        margin-top: 10px;
    }

    .custom-layout .wp-block-wd-container img {
        max-width: 150px;
    }

    .custom-layout .wd-loop-prod-thumb {
        width: 30%;
    }

    .custom-layout .wp-block-post-title {
        font-size: 15px;
    }
}


@media (max-width: 768.98px) {

    /* Custom product layout */
    .custom-layout .products.wd-products {
        display: block !important;
    }

    .custom-layout .wd-product {
        margin-bottom: 10px;
    }
}


@media (max-width: 768px) {

    /* Shipping heading */
    body.woocommerce-checkout
    .woocommerce-checkout-review-order-table
    .woocommerce-shipping-totals th::after,

    body.woocommerce-cart
    .woocommerce-shipping-totals th::after {
        font-size: 15px;
    }

    /* Paid shipping price */
    body.woocommerce-checkout
    .woocommerce-checkout-review-order-table
    .woocommerce-shipping-methods
    li:not(:has(input[value^="free_shipping"]))
    label .woocommerce-Price-amount,

    body.woocommerce-cart
    .woocommerce-shipping-methods
    li:not(:has(input[value^="free_shipping"]))
    label .woocommerce-Price-amount {
        font-size: 15px !important;
    }

    /* Free shipping */
    body.woocommerce-checkout
    .woocommerce-checkout-review-order-table
    .woocommerce-shipping-methods
    li:has(input[value^="free_shipping"])
    label,

    body.woocommerce-cart
    .woocommerce-shipping-methods
    li:has(input[value^="free_shipping"])
    label {
        font-size: 15px !important;
    }
}
/* =========================================================
   12. CHECKOUT PAGE
   ========================================================= */
/* Textarea */
.woocommerce-checkout textarea {
    height: 90px;
    min-height: 90px;
    padding: 15px 16px;
    resize: vertical;
}

/* Billing section heading */
.woocommerce-checkout .woocommerce-billing-fields > h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    color: #172033;
    margin: 0 0 28px;
    padding-left: 12px;
    border-left: 3px solid #ff6b00;
}