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

:root {
	--wd-header-banner-h: 40px;
	--wd-text-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 16px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-transform: none;
	--wd-entities-title-color: rgb(36,36,36);
	--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: none;
	--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: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 15px;
	--wd-primary-color: rgb(8,112,109);
	--wd-alternative-color: rgb(2,87,119);
	--wd-link-color: rgb(47,199,152);
	--wd-link-color-hover: rgb(8,112,109);
	--btn-default-bgcolor: rgb(8,112,109);
	--btn-default-bgcolor-hover: rgb(47,199,152);
	--btn-accented-bgcolor: rgb(8,112,109);
	--btn-accented-bgcolor-hover: rgb(47,199,152);
	--wd-form-brd-width: 0px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-sticky-btn-height: 95px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
div.wd-popup.wd-age-verify {
	max-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(248,248,248);
	background-image: url(https://etoraa.com/wp-content/uploads/2022/05/popup-banner.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
div.wd-popup.wd-promo-popup {
	max-width: 800px;
}
.page-title-default {
	background-color: rgb(8,112,109);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: #ffffff;
	background-image: none;
}
html .wd-nav.wd-nav-main > li > a {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 500;
}
html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a {
	color: rgb(8,112,109);
}
html .wd-nav.wd-nav-secondary > li > a {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 500;
}
html .product.category-grid-item .wd-entities-title, html .product.category-grid-item.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .category-grid-item:first-child .wd-entities-title, html .product.wd-cat .wd-entities-title {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 20px;
	text-transform: none;
}
html .wd-nav-mobile > li > a {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 500;
	text-transform: none;
}
.whb-general-header .wd-nav.wd-nav-secondary > li > a {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 500;
	color: rgb(119,119,119);
}
.whb-general-header .wd-nav.wd-nav-secondary > li:hover > a, .whb-general-header .wd-nav.wd-nav-secondary > li.current-menu-item > a {
	color: rgb(36,36,36);
}
html .main-page-wrapper .wd-product .product-wrapper .wd-entities-title {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 600;
}
html .main-page-wrapper .wd-product .product-wrapper .wd-entities-title a:hover {
	color: rgb(8,112,109);
}
html .entry-summary .single_add_to_cart_button, .wd-single-add-cart .single_add_to_cart_button, 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] {
	background: rgb(2,87,119);
}
html .entry-summary .single_add_to_cart_button:hover, .wd-single-add-cart .single_add_to_cart_button:hover, 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 {
	background: rgb(8,112,109);
}
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(119,119,119);
	--wd-form-placeholder-color: rgb(119,119,119);
	--wd-form-bg: rgba(15,15,15,0.04);
}
div.wd-popup.popup-quick-view {
	max-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 15px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-banner-h: 40px;
	--wd-sticky-btn-height: 95px;
	}
	html .product.category-grid-item .wd-entities-title, html .product.category-grid-item.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .category-grid-item:first-child .wd-entities-title, html .product.wd-cat .wd-entities-title {
		font-size: 16px;
	}
	.woocommerce-product-gallery {
		--wd-gallery-gap: 10px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}
	html .product.category-grid-item .wd-entities-title, html .product.category-grid-item.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .category-grid-item:first-child .wd-entities-title, html .product.wd-cat .wd-entities-title {
		font-size: 16px;
	}
	.woocommerce-product-gallery {
		--wd-gallery-gap: 4px;
	}

}
:root{
--wd-container-w: 1390px;
--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: 1407px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

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


/* Checkout form - Black placeholder text with light background */
.woocommerce-checkout input.input-text,
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout textarea,
.woocommerce-checkout select {
    background-color: #f4f4f4 !important;   /* White / light background */
    color: #000000 !important;              /* Typed text = black */
    border-color: #dddddd !important;
}

/* Placeholder = black */
.woocommerce-checkout input::placeholder,
.woocommerce-checkout textarea::placeholder {
    color: #000000 !important;
    opacity: 1 !important;   /* Important for Firefox */
}

/* Labels white or dark as needed */
.woocommerce-checkout .form-row label {
    color: #333333 !important;
}


/* WoodMart sidebar widget titles as toggles */
.sidebar-widget .widget-title {
    cursor: pointer;
    position: relative;
    padding-right: 35px;          /* More space for the angle icon */
}

/* Angle icon - closed = angle-down */
.sidebar-widget .widget-title:after {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", sans-serif;
    font-weight: 900;             /* solid style */
    content: "\f107";             /* fa-angle-down */
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;              /* slightly smaller than 25px for better look */
    color: inherit;               /* matches text color */
    line-height: 1;
    transition: transform 0.35s ease;
}

/* Open = angle-up */
.sidebar-widget .widget-title.accordion-active:after {
    content: "\f106";             /* fa-angle-up */
    /* Alternative: keep same icon + rotate (smoother) */
    /* transform: translateY(-50%) rotate(180deg); */
}

/* Initial hide for non-active content */
.sidebar-widget .widget-title:not(.accordion-active) + * {
    display: none !important;
}

/* Force show and auto height when active */
.sidebar-widget .widget-title.accordion-active + * {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    padding: 10px 0 !important;
    transition: height 0.3s ease;
}

/* Specific for price filter form and slider */
.sidebar-widget .widget_price_filter .widget-title.accordion-active + form,
.sidebar-widget .widget_price_filter form .price_slider_wrapper {
    height: auto !important;
    min-height: 80px !important;  /* Ensures space for slider, labels, button */
}

.ui-slider-horizontal {
    height: 0.5em !important;     /* Slider track height */
    margin: 10px 0 !important;
}

/* For tag cloud and product list */
.sidebar-widget .tagcloud,
.sidebar-widget .product_list_widget {
    height: auto !important;
}

/* Your existing widget spacing and borders */
.widget {
    margin-bottom: 0px;
    padding-bottom: 5px;
    padding-top: 20px;
    border-bottom: 1px solid var(--brdcolor-gray-300);
}

.elementor-element {
    --widgets-spacing: 10px 10px;
    --widgets-spacing-row: 10px;
    --widgets-spacing-column: 10px;
}


.wd-tools-element:is(.wd-design-6,.wd-design-7) :is(.wd-tools-inner,.wd-tools-icon)
 {
    height: 32px;
    border-radius: 32px;
}
.wd-tools-element:is(.wd-design-6,.wd-design-7):not(.wd-with-wrap) .wd-tools-icon {
    width: 32px;
}








/* MAIN PRODUCT IMAGE - FORCE SQUARE */
.single-product .woocommerce-product-gallery__image {
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

/* IMAGE INSIDE */
.single-product .woocommerce-product-gallery__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* THUMBNAILS */
.single-product .flex-control-thumbs li {
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.single-product .flex-control-thumbs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* ===== ACCORDION ITEM ===== */
.single-product .wd-accordion-item {
  background: #ffffff;
  border-radius: 30px;
  border: 1px solid #eee;
  overflow: hidden;
  margin-bottom: 12px;
  transition: all 0.3s ease;
}

/* ===== TITLE (NORMAL) ===== */
.single-product .wd-accordion-title {
  background: #ffffff;
  color: #000000;
  padding: 16px 22px;
  font-weight: 500;
  border-radius: 30px;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* ===== HOVER ===== */
.single-product .wd-accordion-title:hover {
  background: #f4f4f4;
  color: #171717;
}

/* ===== ACTIVE ===== */
.single-product .wd-accordion-item.wd-active .wd-accordion-title {
  background: #f4f4f4;
  color: #171717;
}

/* ===== CONTENT ===== */
.single-product .wd-accordion-content {
  background: #ffffff;
  padding: 18px 22px;
  color: #111;
  font-size: 14px;
  line-height: 1.7;
  border-top: 1px solid #eee;
}

/* ===== ARROW ===== */
.single-product .wd-accordion-opener {
  color: #000;
  transition: all 0.3s ease;
}

/* Arrow when active */
.single-product .wd-accordion-item.wd-active .wd-accordion-opener {
  transform: rotate(180deg);
  color: #171717;
}

/* ===== HOVER SHADOW ===== */
.single-product .wd-accordion-item:hover {
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

/* =========================
   ACCORDION ITEM
========================= */
.elementor-element-19452aee .wd-accordion-item {
  background-color: #ffffff;  /* normal bg */
  border-radius: 30px;        /* normal radius */
  border: 1px solid #eaeaea;
  margin-bottom: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* =========================
   ACCORDION TITLE
========================= */
.elementor-element-19452aee .wd-accordion-title {
  background-color: #ffffff;  /* normal bg */
  color: #171717;             /* normal text */
  padding: 16px 22px;
  border-radius: 30px;        /* normal radius */
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* title text wrapper */
.elementor-element-19452aee .wd-accordion-title-text {
  border-radius: 30px;        /* normal radius */
}

/* =========================
   HOVER + ACTIVE TITLE
========================= */
.elementor-element-19452aee .wd-accordion-title:hover,
.elementor-element-19452aee .wd-accordion-item.wd-active .wd-accordion-title {
  background-color: #f4f4f4;
  color: #171717;
  border-radius: 30px;        /* consistent radius */
}

/* =========================
   ACCORDION CONTENT
========================= */
.elementor-element-19452aee .wd-accordion-content {
  background-color: #ffffff;
  padding: 18px 22px;
  border-top: 1px solid #f0f0f0;
  color: #333333;
  font-size: 14px;
  line-height: 1.7;
  border-radius: 0 0 30px 30px; /* round bottom corners */
}

/* =========================
   ARROW ICON
========================= */
.elementor-element-19452aee .wd-accordion-opener {
  transition: all 0.3s ease;
}

.elementor-element-19452aee .wd-accordion-item.wd-active .wd-accordion-opener {
  transform: rotate(180deg);
}

/* =========================
   HOVER SHADOW EFFECT
========================= */
.elementor-element-19452aee .wd-accordion-item:hover {
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}
.wd-accordion.wd-style-shadow > .wd-accordion-item {
    border-radius: 30px !important;  /* force 30px radius */
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}

/* =========================
   TABS HEADER (button look)
========================= */
.elementor-3682 .elementor-element-74cea87 .wd-tabs.wd-header-with-bg .wd-tabs-header {
  background: #ffffff;
  border-radius: 30px; /* fully rounded */
  border: 1px solid #b7b7b7;
  padding: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px; /* space between buttons */
  box-shadow: 
    5px 5px 15px rgba(0,0,0,0.05),
    -5px -5px 15px rgba(240,240,240,0.9);
}

/* =========================
   TABS HEADER (transparent version)
========================= */
.elementor-3682 .elementor-element-74cea87 .wd-tabs.wd-header-with-bg .wd-tabs-header.transparent {
  background: transparent;
  border-radius: 30px;
  padding: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

/* =========================
   TAB BUTTONS (NORMAL)
========================= */
.wd-nav-tabs[class*="wd-style-underline"] li a {
  background-color: #f4f4f4; /* normal button */
  color: #171717;
  border-radius: 30px;
  padding: 10px 22px;
  margin: 0; /* removed margin, rely on gap */
  display: inline-block;
  transition: all 0.3s ease;
}

/* =========================
   TAB BUTTON HOVER
========================= */
.wd-nav-tabs[class*="wd-style-underline"] li a:hover {
  background-color: #0e7a7c; /* hover color */
  color: #ffffff;
}

/* =========================
   TAB BUTTON ACTIVE / SELECTED
========================= */
.wd-nav-tabs[class*="wd-style-underline"] li.wd-active a {
  background-color: #0e7a7c; /* selected button bg */
  color: #ffffff;             /* selected text color */
  border-radius: 30px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* =========================
   TAB CONTENT
========================= */
.wd-tabs .wd-tab-content-wrapper {
  background-color: #ffffff;
  position: relative;
  border-radius: 30px;
  border: 1px solid #f4f4f4;
  padding: 20px 15px;
  box-shadow: 
    inset 0 1px 3px rgba(0,0,0,0.06),
    6px 6px 12px rgba(0,0,0,0.07),
    -6px -6px 12px rgba(255,255,255,0.7);
}

/* =========================
   ASIDE DESIGN GAP
========================= */
.wd-tabs.tabs-design-aside {
  gap: 40px;
}

/* =========================
   RESPONSIVE ADJUSTMENT (optional)
========================= */
@media (max-width: 768px) {
  .elementor-3682 .elementor-element-74cea87 .wd-tabs.wd-header-with-bg .wd-tabs-header {
    gap: 5px; /* smaller gap on mobile */
  }

  .wd-nav-tabs[class*="wd-style-underline"] li a {
    padding: 8px 16px; /* smaller button padding */
  }
}
/* Vertical gap between tab items (li) */
.wd-nav.wd-nav-tabs.wd-icon-pos-left.wd-style-underline li {
  margin-bottom: 15px; /* adjust the vertical gap as needed */
}

/* Optional: remove last li bottom margin to avoid extra space */
.wd-nav.wd-nav-tabs.wd-icon-pos-left.wd-style-underline li:last-child {
  margin-bottom: 0;
}

/* Force all product grid slider images to square */
.wd-product-grid-slider .wd-product-grid-slide img,
.wd-product-grid-slider .wd-product-grid-slide {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important; /* keeps 1:1 ratio */
    object-fit: cover !important;    /* crop without stretching */
}

/* Optional: keep the parent container square */
.wd-product-grid-slider,
.wd-product-grid-slider .wd-product-grid-slide {
    display: block !important;
    overflow: hidden !important;
}


/* flip image horizontally when collapsed */
#desktop-sidebar-toggle.collapsed #sidebar-toggle-icon {
    transform: scaleX(-1);
    transition: transform 0.3s ease;
}
#sidebar-toggle-icon {
    transition: transform 0.3s ease;
}

.desktop-sidebar-toggle img {
    max-width: 30px;
    max-height: 30px;
}

#desktop-sidebar-toggle.collapsed {
    width: 0;
    opacity: 0;
    transition: all 0.4s ease;
}

@media (max-width: 1024px) {
    .desktop-sidebar-toggle {
        display: none;
    }
}





/* Mobile Sticky Toolbar: White Background + Black Text */
@media (max-width: 1024px) {

    .wd-toolbar {
        background-color: #ffffff !important;   /* White background */
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08); /* Soft shadow */
        border-top: 1px solid #eeeeee;
    }

    .wd-toolbar .wd-toolbar-label,
    .wd-toolbar a,
    .wd-toolbar-home .wd-toolbar-label,
    .wd-toolbar .wd-tools-icon {
        color: #000000 !important;   /* Black text & icons */
    }

    /* Make icons slightly bigger for better visibility */
    .wd-toolbar .wd-tools-icon {
        font-size: 23px !important;
    }

    /* Hover effect - optional but looks nice */
    .wd-toolbar a:hover {
        color: #222222 !important;
    }

    /* Home button (if you added it with custom code) */
    .wd-toolbar-home {
        color: #000000 !important;
    }
}

/* WooCommerce Sorting Dropdown - White Background + Black Text */
.woocommerce-ordering select.orderby,
form.woocommerce-ordering select {
    background-color: #ffffff !important;     /* White background */
    color: #000000 !important;                 /* Black text */
    font-weight: 500;                          /* Nice readable weight */
    border: 1px solid #dddddd !important;
    border-radius: 6px;
    padding: 10px 15px !important;
    height: auto;
    min-height: 30px;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Dropdown arrow (optional but looks better) */
.woocommerce-ordering select.orderby {
    background-repeat: no-repeat;
    background-size: 12px;
}

/* Options inside the dropdown */
.woocommerce-ordering select.orderby option {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Hover / Focus state */
.woocommerce-ordering select.orderby:focus {
    border-color: #000000 !important;
    outline: none;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.1);
}

/* Currency Switcher - White Background + Black Text */
form[style*="currency"] select,
select[name="currency"] {
    background-color: #0e7a7c !important;   /* White background */
    color: #ffffff !important;              /* Black text */
    padding: 8px 12px !important;
    font-size: 14px;
    border-radius: 4px;
    width: 100%;
}

/* Dropdown options (when you click to open) */
select[name="currency"] option {
    background-color: #ffffff !important;   /* White background for options */
    color: #000000 !important;              /* Black text for all options */
}

/* Hover effect on options */
select[name="currency"] option:hover {
    background-color: #f5f5f5 !important;   /* Light gray on hover */
    color: #000000 !important;
}

/* The whole form container */
form[style*="currency"] {
    background-color: transparent !important;
    padding: 2px !important;
}
.wd-tabs-header.text-center {
  background-color: #fbfbfb;          /* light background */
  border: 1px solid #f4f4f4;          /* very light border */
  box-shadow: 0 1px 3px rgba(0,0,0,0.04); /* softer, lighter shadow */
  padding: 10px;
  border-radius: 6px; /* optional, for smoother look */
}@media (max-width: 576px) {
	.tabs-name.title {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding-left:35px;
  gap: 15px !important;
}
.tabs-name.title .img-wrapper {
    display: none !important;
}


/* Make tabs scrollable horizontally */
.scrollable-tabs .wd-nav-tabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin;           /* Firefox */
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
  gap: 5px;
  padding-bottom: 10px;
}

/* Hide scrollbar on WebKit browsers (Chrome, Safari, Edge) */
.scrollable-tabs .wd-nav-tabs::-webkit-scrollbar {
  height: 4px;
}

.scrollable-tabs .wd-nav-tabs::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

/* Optional: Make active tab more visible */
.scrollable-tabs .wd-nav-tabs li.wd-active a {
  color: #000;
  border-bottom: 3px solid #000 !important;
}


}