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

.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: none;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
}

.page-title-default{
	background-color:#0a0a0a;
	background-image: none;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:rgb(34,34,34);
	background-image: none;
}

:root{
--wd-text-font:Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:rgb(34,34,34);
--wd-text-font-size:15px;
}
:root{
--wd-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-title-font-weight:600;
--wd-title-color:#242424;
}
:root{
--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(51 51 51 / 65%);
}
:root{
--wd-alternative-font:Arial, Helvetica, sans-serif;
}
:root{
--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;
}
:root{
--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;
}
:root{
--wd-primary-color:rgb(34,34,34);
}
:root{
--wd-alternative-color:rgb(255,85,0);
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
:root{
--btn-default-bgcolor:rgb(34,34,34);
}
:root{
--btn-default-bgcolor-hover:rgb(255,85,0);
}
:root{
--btn-accented-bgcolor:rgb(34,34,34);
}
:root{
--btn-accented-bgcolor-hover:rgb(255,85,0);
}
:root{
--btn-transform:uppercase;
--btn-color:rgb(255,255,255);
--btn-bgcolor:rgb(34,34,34);
--btn-color-hover:rgb(255,255,255);
--btn-bgcolor-hover:rgb(255,85,0);
}
html .wd-sticky-btn-cart .single_add_to_cart_button, html .wd-sticky-add-to-cart, html .wd-sticky-btn.wd-quantity-overlap div.quantity input[type]{
	text-transform: uppercase;color: rgb(255,255,255);background: rgb(34,34,34);
}

html .wd-sticky-btn-cart .single_add_to_cart_button:hover, html .wd-sticky-add-to-cart:hover, html .wd-sticky-btn.wd-quantity-overlap .cart:hover > div.quantity input[type], html .wd-sticky-btn.wd-quantity-overlap .cart:hover > div.quantity+.button{
	color: rgb(255,255,255);background: rgb(255,85,0);
}

:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}

	:root{
					
			
							--wd-form-brd-radius: 0px;
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #fff;
		
					--btn-default-color-hover: #fff;
		
					--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-sticky-btn-height: 95px;
					
					--wd-brd-radius: 12px;
		
			}

			@media (max-width: 1024px) {
			:root {
				--wd-sticky-btn-height: 95px;
			}
		}
	
			@media (max-width: 768px) {
			:root {
				--wd-sticky-btn-height: 42px;
			}
		}
	
			:root{
			--wd-container-w: 1222px;
		}
	
			@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;
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 223px;
		}
	
	
@media (min-width: 1025px) {
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery.thumbs-position-left>.col-lg-9 .woocommerce-product-gallery__wrapper {
    margin-inline-start: 0 !important;
	}}

.product-image-thumbnail {
	margin-right: 5px;
}

.woocommerce-product-gallery .wd-owl {
	padding-top: 5px;
}

div.quantity input, div.quantity input[type="button"] {
	border-radius: 0 !important;
	font-size: 16px;
}

.elementor-kit-6 button:hover, .elementor-kit-6 button:focus {
	background-color: unset;
}

.woocommerce-product-gallery .product-image-thumbnail.active-thumb {
	border: 2px solid #FF5500;
}

.product-image-thumbnail img {
	object-fit: contain !important;
}

@media (min-width: 1025px) {
	.woocommerce-product-gallery .col-lg-3 {
		max-width: 20%;
	}
}

.trp-language-switcher > div {
	border: none;
}

.trp-ls-shortcode-current-language {
	width: 110px !important;
}

.searchform input[type="text"] {
	border-radius: 25px;
}

.wd-accordion-title.wd-opener-pos-right .wd-accordion-opener {
    border: 1px solid;
    border-radius: 50%;
    padding: 3px 3px 1px 3px;
    color: #f5f5f5;
    background: #000;
}
/*----------accordion-------------*/
.wd-accordion.wd-style-shadow>.wd-accordion-item>:is(.wd-accordion-title,.wd-accordion-content) {
    background: #f5f5f5;
	  padding-top: 15px;
    padding-bottom: 10px;
}

.wd-accordion-item {
	margin-bottom: 20px !important;
}

.woolentor-checkout__logo img {
    max-width: 60px;
}

.woolentor-checkout__order-summary-section {
	display: none;
}

.star-rating {
	color: var(--e-global-color-secondary);
}

.cutom-icon ul { 
	list-style-type: "▶";
}

ol, ul {
	margin-bottom: 10px;
}

 /*----------button styling-------------*/
.elementor-button:not(.elementor-size-sm) {
overflow: hidden;
position: relative;
transition: 0.8s;
}

.elementor-button:hover:not(.elementor-size-sm) {
background: #ffffff00 !important;
}

.elementor-button:not(.elementor-size-sm)::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
transition: 0.8s;
background: var(--e-global-color-secondary);
z-index: 0;
border-radius: 50% 50% 0 0;
}

.elementor-button:hover::before {
bottom: 0;
height: 180%;
}

.elementor-button span {
z-index: 1;
}





/* WoodMart Add to Cart & Buy Now Button Customization */
/* ১. বাটন দুটির বেসিক ডিজাইন */
.single_add_to_cart_button, 
.wd-buy-now-btn {
    background-color: #1a1a1a !important; /* ডিফল্ট কালো রঙ */
    color: #ffffff !important;           /* সাদা টেক্সট */
    border: none !important;
    border-radius: 5px !important;
    min-height: 50px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

/* ২. Add to Cart - সিম্পল হোভার (কোনো এনিমেশন ছাড়া) */
.single_add_to_cart_button:hover {
    background-color: #FF5500 !important; /* শুধু অরেঞ্জ হয়ে যাবে */
    color: #ffffff !important;
}

/* ৩. Buy Now - স্পেশাল এনিমেশন (Slide-up Orange) */
.orange-layer {
    position: absolute !important;
    bottom: -100% !important; /* শুরুতে নিচে থাকবে */
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #FF5500 !important;
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    z-index: 2 !important; /* টেক্সটের নিচে থাকবে */
    border-radius: 50% 50% 0 0 !important; /* আপনার আগের কার্ভ ইফেক্ট */
}

/* হোভার করলে অরেঞ্জ লেয়ার উপরে আসবে */
.wd-buy-now-btn:hover .orange-layer {
    bottom: 0 !important;
    border-radius: 0 !important;
}

/* ৪. Buy Now টেক্সট ফিক্স (যাতে ঢাকা না পড়ে) */
.btn-text-fix {
    position: relative !important;
    z-index: 10 !important; /* অরেঞ্জ লেয়ারের অনেক উপরে থাকবে */
    color: #ffffff !important;
    pointer-events: none;
}

.wd-buy-now-btn:hover .btn-text-fix {
    color: #ffffff !important;
}

/* ৫. এক্সট্রা স্টাইলিং */
form.cart {
    display: flex !important;
    gap: 10px !important;
}

.single_add_to_cart_button::before, 
.single_add_to_cart_button::after {
    display: none !important;
}

/* Docci homepage responsive polish — page 1983 only */
@media (max-width: 1024px) {
  body.page-id-1983 .dc-video-overlay-bottom {
    height: 48% !important;
    background: linear-gradient(
      to top,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 1) 50%,
      rgba(0, 0, 0, 0.82) 72%,
      rgba(0, 0, 0, 0) 100%
    ) !important;
  }

  body.page-id-1983 .dc-bottom-left-text {
    right: 20px;
    line-height: 1.2;
    text-wrap: balance;
  }
}


/* Hide homepage hero title */
body.page-id-1983 .dc-bottom-left-text {
  display: none !important;
}


/* Unified action buttons — homepage KOOP standard */
body .main-page-wrapper .elementor-button,
body .main-page-wrapper a.button:not(.remove),
body .main-page-wrapper button.button,
body .main-page-wrapper input.button {
  min-height: 47px !important;
  padding: 15px 30px !important;
  border-radius: 25px !important;
  font-size: 15px !important;
  line-height: 15px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  position: relative !important;
  overflow: hidden !important;
  transition: 0.8s !important;
}

body .main-page-wrapper a.button:not(.remove),
body .main-page-wrapper button.button,
body .main-page-wrapper input.button {
  background-color: #222222 !important;
  color: #ffffff !important;
  border: 1px solid #222222 !important;
}

body .main-page-wrapper .elementor-button::before,
body .main-page-wrapper a.button:not(.remove)::before,
body .main-page-wrapper button.button::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 0 !important;
  background: #ff5500 !important;
  border-radius: 50% 50% 0 0 !important;
  transition: 0.8s !important;
  z-index: 0 !important;
}

body .main-page-wrapper .elementor-button:hover::before,
body .main-page-wrapper a.button:not(.remove):hover::before,
body .main-page-wrapper button.button:hover::before {
  height: 180% !important;
}

body .main-page-wrapper .elementor-button > *,
body .main-page-wrapper a.button:not(.remove) > *,
body .main-page-wrapper button.button > * {
  position: relative;
  z-index: 1;
}


/* Product grid button height normalization */
body .main-page-wrapper .add-to-cart-loop {
  height: 47px !important;
}

body .main-page-wrapper .add-to-cart-loop > span {
  min-height: 0 !important;
  height: auto !important;
  line-height: 15px !important;
}


/* Docci: keep button labels above the orange animation, including plain text. */
body .main-page-wrapper :is(.elementor-button, a.button:not(.remove), button.button) {
  isolation: isolate;
}
body .main-page-wrapper :is(.elementor-button, a.button:not(.remove), button.button)::before {
  z-index: -1 !important;
  pointer-events: none !important;
}
body .main-page-wrapper .wd-buy-now-btn .orange-layer {
  z-index: -1 !important;
  pointer-events: none !important;
}
/* Keep the product-grid label visible during WoodMart hover/focus animation. */
body .main-page-wrapper .wd-add-btn-replace .add-to-cart-loop span {
  transform: none !important;
  opacity: 1 !important;
}

/* Override the older, highly specific WooCommerce animation rule. */
body .main-page-wrapper .woocommerce .button:not(.wd-action-btn):not(.add_to_cart_button):not(.qty):not(.woocommerce-review-link):not(.added_to_cart)::before,
body.woocommerce .main-page-wrapper .button:not(.wd-action-btn):not(.add_to_cart_button):not(.qty):not(.woocommerce-review-link):not(.added_to_cart)::before {
  z-index: -1 !important;
  pointer-events: none !important;
}

/* Include mini-cart drawers and sticky product actions outside the page wrapper. */
body :is(.elementor-button, a.button:not(.remove), button.button) {
  isolation: isolate;
}
body .woocommerce .button:not(.wd-action-btn):not(.add_to_cart_button):not(.qty):not(.woocommerce-review-link):not(.added_to_cart)::before,
body.woocommerce .button:not(.wd-action-btn):not(.add_to_cart_button):not(.qty):not(.woocommerce-review-link):not(.added_to_cart)::before,
body .elementor-button::before {
  z-index: -1 !important;
  pointer-events: none !important;
}
body .wd-buy-now-btn .orange-layer {
  z-index: -1 !important;
  pointer-events: none !important;
}

/* Shopping cart: keep labels white in every interaction state. */
body .woocommerce .woocommerce-mini-cart__buttons a.button:not(.wd-action-btn):not(.add_to_cart_button):not(.qty):not(.woocommerce-review-link):not(.added_to_cart),
body .woocommerce .woocommerce-mini-cart__buttons a.button:not(.wd-action-btn):not(.add_to_cart_button):not(.qty):not(.woocommerce-review-link):not(.added_to_cart):is(:hover, :focus, :focus-visible, :active, :visited) {
  color: #ffffff !important;
}

/* Docci: white labels on orange action buttons across all pages and drawers. */
body .woocommerce .button:not(.wd-action-btn):not(.add_to_cart_button):not(.qty):not(.woocommerce-review-link):not(.added_to_cart),
body .woocommerce .button:not(.wd-action-btn):not(.add_to_cart_button):not(.qty):not(.woocommerce-review-link):not(.added_to_cart):is(:hover,:focus,:active),
body.woocommerce .button:not(.wd-action-btn):not(.add_to_cart_button):not(.qty):not(.woocommerce-review-link):not(.added_to_cart),
body.woocommerce .button:not(.wd-action-btn):not(.add_to_cart_button):not(.qty):not(.woocommerce-review-link):not(.added_to_cart):is(:hover,:focus,:active),
body .main-page-wrapper :is(a.button:not(.remove),button.button,input.button):is(:hover,:focus,:active),
body .main-page-wrapper .elementor-button:is(:hover,:focus,:active) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body .main-page-wrapper .elementor-button:is(:hover,:focus,:active) .elementor-button-text,
body .main-page-wrapper .elementor-button:is(:hover,:focus,:active) .elementor-button-content-wrapper {
  color: #ffffff !important;
}
/* Give keyboard/touch focus the same orange fill as hover. */
body .main-page-wrapper .elementor-button:is(:focus,:active)::before {
  height: 180% !important;
}


/* Docci: consistent orange slide-up for all action buttons, including quick view. */
body :is(.elementor-button, a.button, button.button, input.button, .view-details-btn):not(.remove):not(.wd-action-btn):not(.qty):not(.woocommerce-review-link):not(.disabled):not(:disabled) {
 background-image: linear-gradient(#ff5500, #ff5500) !important;
 background-position: left bottom !important;
 background-repeat: no-repeat !important;
 background-size: 100% 0% !important;
 transition: background-size 0.8s ease, color 0.25s !important;
}
body :is(.elementor-button, a.button, button.button, input.button, .view-details-btn):not(.remove):not(.wd-action-btn):not(.qty):not(.woocommerce-review-link):not(.disabled):not(:disabled):is(:hover, :focus-visible, :active) {
 background-color: #222222 !important;
 background-image: linear-gradient(#ff5500, #ff5500) !important;
 background-position: left bottom !important;
 background-repeat: no-repeat !important;
 background-size: 100% 100% !important;
 color: #ffffff !important;
 -webkit-text-fill-color: #ffffff !important;
}
body :is(.elementor-button, a.button, button.button, input.button, .view-details-btn):not(.remove):not(.wd-action-btn):not(.qty):not(.woocommerce-review-link):not(.disabled):not(:disabled)::before { content: none !important; display: none !important; }
body .wd-buy-now-btn .orange-layer { display: none !important; }

/* Same rounded shape for action buttons inside and outside the page wrapper. */
body :is(.elementor-button, a.button, button.button, input.button, .view-details-btn):not(.remove):not(.wd-action-btn):not(.qty):not(.woocommerce-review-link):not(.disabled):not(:disabled) { border-radius: 25px !important; overflow: hidden !important; }

/* Keep product-grid action labels visible at mobile and tablet breakpoints. */
@media (max-width: 1024px) {
 body .main-page-wrapper .wd-add-btn .add-to-cart-loop { width: auto !important; max-width: 100%; padding: 15px 20px !important; }
 body .main-page-wrapper .wd-add-btn .add-to-cart-loop > span { display: inline !important; transform: none !important; opacity: 1 !important; font-size: 15px !important; line-height: 15px !important; }
}
@media (max-width: 576px) {
	.wd-accordion {
	margin-left: -10px;
	margin-right: -10px;
}
}

