@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//tereamall.ae/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.0.6") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//tereamall.ae/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//tereamall.ae/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//tereamall.ae/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//tereamall.ae/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//tereamall.ae/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//tereamall.ae/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//tereamall.ae/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//tereamall.ae/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(158, 121, 0);
	--wd-alternative-font: "Lato", 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: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(0,0,0);
	--wd-alternative-color: rgb(221,51,51);
	--wd-link-color: rgb(221,153,51);
	--wd-link-color-hover: rgb(58,188,78);
	--btn-default-bgcolor: rgb(0,0,0);
	--btn-default-bgcolor-hover: rgb(69,206,51);
	--btn-accented-bgcolor: rgb(0,0,0);
	--btn-accented-bgcolor-hover: rgb(56,183,63);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(224,178,82);
	--notices-warning-color: #fff;
	--wd-sticky-btn-height: 95px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 400px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(http://tereamall.ae/wp-content/uploads/2021/08/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-weight: 600;
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(221,51,51);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--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: 0px;
}

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

@media (min-width: 1222px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


/* মেইন প্রাইস এবং ডিসকাউন্ট প্রাইস লাল ও বোল্ড করার জন্য */
.price , .amount , .woocommerce-Price-amount { 
    color : #ff0000 !important ; 
    font-weight : bold !important ; 
}

/* আগের কেটে দেওয়া দামের (Old Price) কালার হালকা ধূসর এবং নরমাল রাখার জন্য */
del .amount , del .woocommerce-Price-amount { 
    color : #9c9c9c !important ; 
    font-weight : normal !important ; 
}

/* মেইন মেনু এবং ক্যাটাগরি মেনুর ড্রপডাউন অ্যারো বড় এবং কালার পরিবর্তন */
.wd-nav-main li.menu-item-has-children > a::after,
.wd-nav-vertical li.menu-item-has-children > a::after {
    color: #008000 !important; /* আপনার পছন্দের কালার */
    font-size: 14px !important;  /* আপনার পছন্দমতো সাইজ */
    transition: transform 0.3s ease !important; /* অ্যারোটি যেন স্মুথলি ঘোরে */
}

/* মাউস হোভার করলে অথবা ড্রপডাউন ওপেন হলে মেইন মেনু ও ক্যাটাগরি মেনুর অ্যারো ১৮০ ডিগ্রি ঘুরে যাবে */
.wd-nav-main li.menu-item-has-children:hover > a::after,
.wd-nav-main li.menu-item-has-children.wd-opened > a::after,
.wd-nav-vertical li.menu-item-has-children:hover > a::after,
.wd-nav-vertical li.menu-item-has-children.wd-opened > a::after {
    transform: rotate(180deg) !important;
    color: #ff0000 !important; /* হোভার অবস্থায় কালার */
}

/* মোবাইল ন্যাভবারের ব্যাকগ্রাউন্ড কালো এবং টেক্সট সাদা করার কোড */
.wd-toolbar, .woodmart-toolbar {
    background-color: #000000 !important;
}

.wd-toolbar a, .woodmart-toolbar a, 
.wd-toolbar .wd-tools-icon, .woodmart-toolbar .woodmart-tools-icon {
    color: #ffffff !important;
}

/* =========================================
   1. QUANTITY BOX
========================================= */

.single-product .quantity {
    border: none !important;
    border-radius: 0 !important;
    overflow: hidden;
}

/* =========================================
   2. QUANTITY MINUS BUTTON
========================================= */

.single-product .quantity .minus {
    background: #000000 !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 7px 0 0 7px !important;
    box-shadow: none !important;
}

/* =========================================
   3. QUANTITY PLUS BUTTON
========================================= */

.single-product .quantity .plus {
    background: #000000 !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 0 7px 7px 0 !important;
    box-shadow: none !important;
}

/* Quantity Hover */

.single-product .quantity .minus:hover,
.single-product .quantity .plus:hover {
    background: #333333 !important;
    color: #FFFFFF !important;
}

/* =========================================
   4. QUANTITY NUMBER INPUT
========================================= */

.single-product .quantity input.qty {
    border-top: 1px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* =========================================
   5. MOBILE BUTTONS SAME LINE
========================================= */

@media (max-width: 767px) {

    .single-product form.cart {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .single-product form.cart .quantity {
        flex-shrink: 0;
        margin: 0 !important;
    }

    .single-product form.cart .single_add_to_cart_button,
    .single-product form.cart .wd-buy-now-btn {
        flex: 1 1 0;
        min-width: 0;
        width: auto !important;
        margin: 0 !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        white-space: nowrap;
    }
}

/* =========================================
   6. BLACK - BROWN - BLACK GRADIENT
========================================= */

.single-product .single_add_to_cart_button,
.single-product .wd-buy-now-btn {
    background: linear-gradient(
        90deg,
        #000000 0%,
        #59351F 50%,
        #000000 100%
    ) !important;

    color: #FFFFFF !important;
    border: none !important;
}

/* Gradient Hover */

.single-product .single_add_to_cart_button:hover,
.single-product .wd-buy-now-btn:hover {
    background: linear-gradient(
        90deg,
        #1A100B 0%,
        #754528 50%,
        #1A100B 100%
    ) !important;
}

/* =========================================
   7. SMOOTH ZOOM IN-OUT ANIMATION
========================================= */

@keyframes button-breathing {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.045);
    }
}

.single-product .single_add_to_cart_button,
.single-product .wd-buy-now-btn {
    animation: button-breathing 2s ease-in-out infinite;
    transform-origin: center;
}

/* =========================================
   8. ACCESSIBILITY
========================================= */

@media (prefers-reduced-motion: reduce) {
    .single-product .single_add_to_cart_button,
    .single-product .wd-buy-now-btn {
        animation: none !important;
    }
}
