:root {
	--wd-text-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Lexend Deca", 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%);
	--wd-alternative-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 13px;
	--wd-brd-radius: 10px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(255,139,1);
	--wd-alternative-color: rgb(22,9,61);
	--btn-default-bgcolor: rgb(232,123,76);
	--btn-default-bgcolor-hover: rgb(21,9,61);
	--btn-accented-bgcolor: rgb(22,9,61);
	--btn-accented-bgcolor-hover: rgb(255,139,1);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--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-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
: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;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-size: 18px;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,246,246);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,246,246);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,246,246);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,246,246);
	background-image: none;
}
html .btn.wd-buy-now-btn {
	background: rgb(22,9,61);
}
html .btn.wd-buy-now-btn:hover {
	background: rgb(22,9,61);
}
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-bg: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery.thumbs-position-left {
	--wd-thumbs-width: 150px;
}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 5px;
--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;
}

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


.wd-page-title {
background-color: rgb(28,97,231);
}

/* =====================================================
   GADGET VOKTO: FULL CUSTOM CSS (Woodmart + Elementor)
   Paste all in: Appearance → Customize → Additional CSS
   (replace the old CSS with this)
   ===================================================== */

/* =====================================================
   PART 1: MINIMAL PRODUCT CARD (shop, category, related)
   ===================================================== */

/* 1.1 Remove Add to Cart button from product cards */
.wd-product .wd-add-btn,
.wd-product .wd-add-btn-replace,
.wd-product .add_to_cart_button,
.wd-product .ajax_add_to_cart,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.added_to_cart {
  display: none !important;
}

/* 1.2 Remove hover icons (quick view, compare, wishlist) */
.wd-product .wd-buttons,
.wd-product .wd-quick-view-btn,
.wd-product .wd-compare-btn,
.wd-product .wd-wishlist-btn,
.wd-product .wd-product-card-hover,
.wd-product .quick-view,
.wd-product .open-quick-view,
.wd-product .tinvwl-tooltip {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* 1.3 Remove TI Wishlist button from cards */
.tinvwl-loop-button-wrapper,
.tinv-wraper.tinvwl-loop-button-wrapper,
.tinvwl_add_to_wishlist_button {
  display: none !important;
}

/* 1.4 No hover animation */
.wd-product,
.wd-product:hover,
.wd-product .wd-product-wrapper,
.wd-product:hover .wd-product-wrapper {
  transform: none !important;
  box-shadow: none !important;
  transition: none !important;
}
.wd-product:hover img,
.wd-product img {
  transform: none !important;
}

/* Theme's inner background layer: turn off */
.wd-product .wd-product-card-bg,
.wd-product .content-product-imagin {
  display: none !important;
}

/* The one and only card border */
.wd-product .wd-product-wrapper {
  background: #fff !important;
  border: 1px solid #ececf1 !important;
  border-radius: 12px !important;
  padding: 12px !important;
  text-align: left !important;
}

/* Title + price aligned LEFT */
.wd-product .product-element-bottom {
  text-align: left !important;
  align-items: flex-start !important;
}
.wd-product .wd-entities-title,
.wd-product .wd-entities-title a {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  margin: 8px 0 4px !important;
  text-align: left !important;
}
.wd-product .wrap-price {
  text-align: left !important;
  justify-content: flex-start !important;
}
.wd-product .price {
  font-size: 15px !important;
  font-weight: 600 !important;
  margin-bottom: 0 !important;
  justify-content: flex-start !important;
  text-align: left !important;
}
.wd-product .price del {
  font-size: 12px !important;
  opacity: 0.5;
}
.wd-product .onsale {
  font-size: 11px !important;
  padding: 2px 8px !important;
  min-height: auto !important;
  line-height: 1.6 !important;
}

/* =====================================================
   PART 2: SINGLE PRODUCT PAGE: 3 CARDS
   Card 1 = image, Card 2 = right content, Card 3 = tabs
   ===================================================== */

/* Row: both cards same height, no extra empty space */
.single-product-page .elementor-element-9c7983b > .e-con-inner {
  gap: 24px !important;
  align-items: stretch !important;
}

/* Card 1 (image) and Card 2 (right content) */
.single-product-page .elementor-element-554bfe64,
.single-product-page .elementor-element-35ad0332 {
  background: #fff !important;
  border: 1px solid #ececf1 !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 18px rgba(20, 10, 50, 0.06) !important;
  padding: 20px !important;
  box-sizing: border-box;
  min-height: 0 !important;
  height: auto !important;
}

/* Image card: smaller image, centered, no bottom gap */
.single-product-page .elementor-element-554bfe64 {
  justify-content: center !important;
  align-items: center !important;
}
.single-product-page .elementor-element-554bfe64 .wd-single-gallery,
.single-product-page .elementor-element-554bfe64 .elementor-widget-container {
  width: 100%;
  max-width: 400px;
  margin: 0 auto !important;
}
.single-product-page .elementor-element-554bfe64 .woocommerce-product-gallery,
.single-product-page .elementor-element-554bfe64 .wd-gallery-images,
.single-product-page .elementor-element-554bfe64 .woocommerce-product-gallery__wrapper {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.single-product-page .elementor-element-554bfe64 .woocommerce-product-gallery__image img {
  width: 100% !important;
  height: auto !important;
  max-height: 400px;
  object-fit: contain;
}

/* Right card: content starts at top, tight spacing */
.single-product-page .elementor-element-35ad0332 {
  justify-content: flex-start !important;
  gap: 12px !important;
}
.single-product-page .elementor-element-35ad0332 .product_title {
  font-size: 28px !important;
  line-height: 1.25 !important;
  margin-bottom: 6px !important;
}

/* Card 3 (description + reviews) */
.single-product-page .woocommerce-tabs.wc-tabs-wrapper {
  background: #fff !important;
  border: 1px solid #ececf1 !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 18px rgba(20, 10, 50, 0.06) !important;
  padding: 24px 28px !important;
  margin-top: 24px !important;
  box-sizing: border-box;
}

/* Remove the full-width line above the description card */
.single-product-page .elementor-element-428a8313,
.single-product-page .elementor-element-428a8313 > .e-con-inner,
.single-product-page .elementor-element-9c7983b {
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
.single-product-page .elementor-element-428a8313::before,
.single-product-page .elementor-element-428a8313::after {
  display: none !important;
}

/* =====================================================
   PART 3: TABS AS SWITCH BUTTONS (Description / Reviews)
   ===================================================== */

/* Wrapper: centered, no line under it */
.single-product-page .woocommerce-tabs .wd-nav-tabs-wrapper {
  display: flex !important;
  justify-content: center !important;
  border: 0 !important;
  border-bottom: 0 !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
}

/* The switch track */
.single-product-page .woocommerce-tabs ul.wd-nav-tabs {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 4px !important;
  background: #f1f1f6 !important;
  border: 1px solid #e6e6ee !important;
  border-radius: 999px !important;
  padding: 4px !important;
  margin: 0 !important;
}

/* Kill the old underline / hover line completely */
.single-product-page .woocommerce-tabs ul.wd-nav-tabs > li::before,
.single-product-page .woocommerce-tabs ul.wd-nav-tabs > li::after,
.single-product-page .woocommerce-tabs ul.wd-nav-tabs > li > a::before,
.single-product-page .woocommerce-tabs ul.wd-nav-tabs > li > a::after,
.single-product-page .woocommerce-tabs ul.wd-nav-tabs .nav-link-text::before,
.single-product-page .woocommerce-tabs ul.wd-nav-tabs .nav-link-text::after {
  content: none !important;
  display: none !important;
  height: 0 !important;
  background: transparent !important;
}

/* Each switch button */
.single-product-page .woocommerce-tabs ul.wd-nav-tabs > li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.single-product-page .woocommerce-tabs ul.wd-nav-tabs > li > a.wd-nav-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 26px !important;
  min-height: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #6b6b7b !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  line-height: 1.2 !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
}
.single-product-page .woocommerce-tabs ul.wd-nav-tabs > li > a.wd-nav-link .nav-link-text {
  color: inherit !important;
  font: inherit !important;
}

/* Hover: no effect */
.single-product-page .woocommerce-tabs ul.wd-nav-tabs > li:hover > a.wd-nav-link {
  background: transparent !important;
  color: #6b6b7b !important;
}

/* Active switch */
.single-product-page .woocommerce-tabs ul.wd-nav-tabs > li.active > a.wd-nav-link,
.single-product-page .woocommerce-tabs ul.wd-nav-tabs > li.active:hover > a.wd-nav-link {
  background: #ff8a00 !important;
  color: #fff !important;
  box-shadow: 0 3px 10px rgba(255, 138, 0, 0.35) !important;
}

/* Description content fits inside card */
.single-product-page .woocommerce-tabs .woocommerce-Tabs-panel img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
.single-product-page .woocommerce-tabs .woocommerce-Tabs-panel table {
  width: 100%;
  border: 1px solid #ececf1;
  border-radius: 10px;
  overflow: hidden;
}

/* =====================================================
   PART 4: BUTTON COLORS
   Add to Cart = dark purple, Buy Now = orange
   ===================================================== */
.single-product-page .single_add_to_cart_button {
  background-color: #1e1040 !important;
  border-color: #1e1040 !important;
  color: #fff !important;
}
.single-product-page .single_add_to_cart_button:hover {
  background-color: #2f1a63 !important;
  border-color: #2f1a63 !important;
}
.single-product-page .wd-buy-now-btn,
.single-product-page .wd-buy-now-btn.btn-accent {
  background-color: #ff8a00 !important;
  border-color: #ff8a00 !important;
  color: #fff !important;
}
.single-product-page .wd-buy-now-btn:hover {
  background-color: #e67a00 !important;
  border-color: #e67a00 !important;
}

/* =====================================================
   PART 5: MOBILE
   ===================================================== */
@media (max-width: 768px) {
  .single-product-page .elementor-element-554bfe64,
  .single-product-page .elementor-element-35ad0332 {
    padding: 14px !important;
    border-radius: 12px !important;
  }
  .single-product-page .elementor-element-554bfe64 .wd-single-gallery,
  .single-product-page .elementor-element-554bfe64 .elementor-widget-container {
    max-width: 100%;
  }
  .single-product-page .woocommerce-tabs.wc-tabs-wrapper {
    padding: 16px !important;
    border-radius: 12px !important;
    margin-top: 16px !important;
  }
  .single-product-page .elementor-element-35ad0332 .product_title {
    font-size: 22px !important;
  }
  .wd-product .wd-product-wrapper {
    padding: 8px !important;
  }

  /* Tabs switch: full width, equal halves */
  .single-product-page .woocommerce-tabs ul.wd-nav-tabs {
    display: flex !important;
    width: 100% !important;
  }
  .single-product-page .woocommerce-tabs ul.wd-nav-tabs > li {
    flex: 1 1 0 !important;
  }
  .single-product-page .woocommerce-tabs ul.wd-nav-tabs > li > a.wd-nav-link {
    padding: 10px 12px !important;
    font-size: 12px !important;
  }
}

/* ===== Mobile only: category card height fix (width untouched) ===== */
@media (max-width: 768px) {

  /* Every slide stretches the same */
  .category-grid-item.cat-design-alt,
  .category-grid-item.cat-design-alt .wd-cat-wrap {
    height: 100% !important;
    width: 100% !important;
  }

  /* The card: fixed height, same for all */
  .category-grid-item.cat-design-alt .wd-cat-inner {
    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 8px 4px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  /* Same image box for all */
  .category-grid-item.cat-design-alt .wd-cat-thumb {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 44px !important;
  }
  .category-grid-item.cat-design-alt .wd-cat-thumb a,
  .category-grid-item.cat-design-alt .wd-cat-thumb img {
    width: 44px !important;
    height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    object-fit: contain !important;
    display: block !important;
  }

  /* Title block: reserves 2 lines so 1-line and 2-line names match */
  .category-grid-item.cat-design-alt .wd-cat-content {
    position: static !important;
    width: 100% !important;
    height: 26px !important;
    min-height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    flex: 0 0 26px !important;
  }
  .category-grid-item.cat-design-alt .wd-cat-content .wd-entities-title {
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    text-transform: uppercase;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

/* ===== Desktop only: category card height fix (width untouched) ===== */
@media (min-width: 769px) {

  /* Every grid cell stretches the same */
  .wd-cats .category-grid-item.cat-design-alt,
  .wd-cats .category-grid-item.cat-design-alt .wd-cat-wrap {
    height: 100% !important;
  }

  /* The card: same fixed height for all */
  .wd-cats .category-grid-item.cat-design-alt .wd-cat-inner {
    height: 150px !important;
    min-height: 150px !important;
    max-height: 150px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 12px 8px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  /* Same image box for all */
  .wd-cats .category-grid-item.cat-design-alt .wd-cat-thumb {
    width: 72px !important;
    height: 72px !important;
    min-height: 72px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 72px !important;
  }
  .wd-cats .category-grid-item.cat-design-alt .wd-cat-thumb a,
  .wd-cats .category-grid-item.cat-design-alt .wd-cat-thumb img {
    width: 72px !important;
    height: 72px !important;
    max-width: 72px !important;
    max-height: 72px !important;
    object-fit: contain !important;
    display: block !important;
  }

  /* Title block: reserves 2 lines so 1-line and 2-line names match */
  .wd-cats .category-grid-item.cat-design-alt .wd-cat-content {
    position: static !important;
    width: 100% !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    flex: 0 0 32px !important;
  }
  .wd-cats .category-grid-item.cat-design-alt .wd-cat-content .wd-entities-title {
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    text-transform: uppercase;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}