:root {
	--wd-text-font: "Laila", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 500;
	--wd-text-color: rgb(17,17,17);
	--wd-text-font-size: 15px;
	--wd-title-font: "Laila", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: rgb(17,17,17);
	--wd-entities-title-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: rgb(17,17,17);
	--wd-entities-title-color-hover: rgb(212, 175, 55);
	--wd-alternative-font: "Lexend", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: rgb(0,0,0);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Laila", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-otl-color: rgb(212,175,55);
	--wd-primary-color: #000000;
	--wd-alternative-color: #D4AF37;
	--btn-default-bgcolor: rgb(0,0,0);
	--btn-default-bgcolor-hover: rgb(212,175,55);
	--btn-default-color: rgb(255,255,255);
	--btn-default-color-hover: rgb(0,0,0);
	--btn-accented-bgcolor: rgb(0,0,0);
	--btn-accented-bgcolor-hover: rgb(212,175,55);
	--btn-transform: capitalize;
	--btn-color: rgb(0,0,0);
	--btn-bgcolor: rgb(255,255,255);
	--btn-color-hover: rgb(212,175,55);
	--btn-bgcolor-hover: rgb(247,243,234);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(255,94,94);
	--notices-warning-color: #fff;
	--wd-link-color: rgb(0,0,0);
	--wd-link-color-hover: rgb(212,175,55);
	--wd-sticky-btn-height: 95px;
}
.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:rgba(221,153,51,0.3);
	--wd-bordered-bg:rgba(221,153,51,0.3);
}
: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(247,243,234);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,243,234);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,243,234);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,243,234);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,243,234);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,243,234);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,243,234);
	background-image: none;
}
html .btn.wd-buy-now-btn {
	color: rgb(0,0,0);
	background: rgb(212,175,55);
}
html .btn.wd-buy-now-btn:hover {
	color: rgb(212,175,55);
	background: rgb(0,0,0);
}
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(0,0,0);
	--wd-form-brd-color: rgb(212,175,55);
	--wd-form-brd-color-focus: rgb(212,175,55);
	--wd-form-bg: rgb(247,243,234);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-color: rgb(212,175,55);
	--wd-arrow-color-hover: rgb(0,0,0);
	--wd-arrow-bg: rgb(247,243,234);
	--wd-arrow-bg-hover: rgb(247,243,234);
}
.wd-nav-pagin-wrap:not(.wd-custom-style) {
	--wd-pagin-bg: rgb(247,243,234);
	--wd-pagin-bg-hover: rgb(247,243,234);
	--wd-pagin-bg-act: rgb(247,243,234);
}
.wd-nav-scroll {
	--wd-nscroll-bg: rgb(247,243,234);
	--wd-nscroll-drag-bg: rgb(247,243,234);
	--wd-nscroll-drag-bg-hover: rgb(247,243,234);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--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-form-brd-radius: 5px;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-bottom-active: -1px;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-default-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}



.wd-page-title {
background-color: rgb(159,131,41);
}

/*
=====================================================================
TKify.pk - Premium Black & Gold Global Scrollbar CSS Toolkit
=====================================================================
How to use:
1) Copy this complete CSS.
2) Paste it in WordPress:
   Appearance > Customize > Additional CSS
   OR WoodMart > Theme Settings > Custom CSS
3) Publish / Save changes.

Selected TKify.pk colour palette:
Primary Black:  #000000
Premium Gold:   #D4AF37
Dark Gold:      #B8860B
White:          #FFFFFF
Off White:      #F7F3EA
Light Border:   #E8DFCF

This CSS styles scrollbars globally for desktop, tablet and mobile
where browser support is available. Chrome, Edge, Safari and Firefox
use different scrollbar engines, so both WebKit and Firefox rules are included.
=====================================================================
*/

:root {
  /* Main control settings */
  --tk-scrollbar-size: 12px;
  --tk-scrollbar-size-horizontal: 12px;
  --tk-scrollbar-radius: 999px;
  --tk-scrollbar-thumb-border: 3px;
  --tk-scrollbar-min-height: 44px;

  /* TKify Premium Black & Gold colours */
  --tk-scrollbar-track: #F7F3EA;
  --tk-scrollbar-track-alt: #FFFFFF;
  --tk-scrollbar-track-border: #E8DFCF;
  --tk-scrollbar-thumb: #D4AF37;
  --tk-scrollbar-thumb-hover: #000000;
  --tk-scrollbar-thumb-active: #B8860B;
  --tk-scrollbar-corner: #F7F3EA;
  --tk-scrollbar-shadow: rgba(0, 0, 0, 0.10);
}

/* Smooth page feel */
html {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}

/* Firefox global scrollbar support */
html,
body,
* {
  scrollbar-width: thin;
  scrollbar-color: var(--tk-scrollbar-thumb) var(--tk-scrollbar-track);
}

/* Chrome, Edge, Safari, Opera - global scrollbar size */
*::-webkit-scrollbar {
  width: var(--tk-scrollbar-size) !important;
  height: var(--tk-scrollbar-size-horizontal) !important;
}

/* Scrollbar track */
*::-webkit-scrollbar-track {
  background: linear-gradient(180deg, var(--tk-scrollbar-track-alt) 0%, var(--tk-scrollbar-track) 100%) !important;
  border-radius: var(--tk-scrollbar-radius) !important;
  box-shadow: inset 0 0 0 1px var(--tk-scrollbar-track-border) !important;
}

/* Scrollbar draggable part */
*::-webkit-scrollbar-thumb {
  min-height: var(--tk-scrollbar-min-height) !important;
  background-color: var(--tk-scrollbar-thumb) !important;
  background-clip: padding-box !important;
  border: var(--tk-scrollbar-thumb-border) solid transparent !important;
  border-radius: var(--tk-scrollbar-radius) !important;
  box-shadow: 0 1px 3px var(--tk-scrollbar-shadow) !important;
}

/* Scrollbar hover */
*::-webkit-scrollbar-thumb:hover {
  background-color: var(--tk-scrollbar-thumb-hover) !important;
}

/* Scrollbar active/click */
*::-webkit-scrollbar-thumb:active {
  background-color: var(--tk-scrollbar-thumb-active) !important;
}

/* Bottom-right corner where vertical and horizontal scrollbars meet */
*::-webkit-scrollbar-corner {
  background: var(--tk-scrollbar-corner) !important;
}

/* Main page scrollbar slightly premium */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 13px !important;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #000000 0%, #222222 100%) !important;
  border: 3px solid var(--tk-scrollbar-track) !important;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #D4AF37 0%, #B8860B 100%) !important;
}

/* WoodMart / WooCommerce common scrollable areas */
:is(
  .wd-side-hidden,
  .wd-scroll,
  .wd-scroll-content,
  .wd-sidebar,
  .widget-area,
  .cart-widget-side,
  .woocommerce-mini-cart,
  .mobile-nav,
  .wd-dropdown,
  .wd-dropdown-menu,
  .wd-search-results,
  .wd-shop-filters,
  .wd-filter-list,
  .widget_product_categories,
  .widget_layered_nav,
  .widget_price_filter,
  .select2-results__options,
  .woocommerce-MyAccount-navigation,
  .woocommerce-MyAccount-content,
  .woocommerce-checkout-review-order,
  .woocommerce-cart-form,
  .shop_table_responsive,
  .elementor-menu-cart__products,
  .elementor-nav-menu--dropdown
) {
  scrollbar-width: thin;
  scrollbar-color: var(--tk-scrollbar-thumb) var(--tk-scrollbar-track);
}

/* Utility class: use this on any custom scrollable box if needed */
.tk-premium-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: var(--tk-scrollbar-thumb) var(--tk-scrollbar-track);
}

.tk-premium-scrollbar::-webkit-scrollbar {
  width: var(--tk-scrollbar-size) !important;
  height: var(--tk-scrollbar-size-horizontal) !important;
}

.tk-premium-scrollbar::-webkit-scrollbar-track {
  background: linear-gradient(180deg, var(--tk-scrollbar-track-alt), var(--tk-scrollbar-track)) !important;
  border-radius: var(--tk-scrollbar-radius) !important;
  box-shadow: inset 0 0 0 1px var(--tk-scrollbar-track-border) !important;
}

.tk-premium-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--tk-scrollbar-thumb) !important;
  background-clip: padding-box !important;
  border: var(--tk-scrollbar-thumb-border) solid transparent !important;
  border-radius: var(--tk-scrollbar-radius) !important;
}

.tk-premium-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--tk-scrollbar-thumb-hover) !important;
}

/* Utility class: thin elegant scrollbar */
.tk-thin-scrollbar::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}

.tk-thin-scrollbar {
  scrollbar-width: thin;
}

/* Utility class: gold thumb scrollbar */
.tk-gold-scrollbar {
  scrollbar-color: var(--tk-scrollbar-thumb-hover) var(--tk-scrollbar-track);
}

.tk-gold-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--tk-scrollbar-thumb-hover) !important;
}

.tk-gold-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--tk-scrollbar-thumb) !important;
}

/* Utility class: hide scrollbar but keep scrolling active */
.tk-hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.tk-hide-scrollbar::-webkit-scrollbar {
  display: none !important;
}

/* Tablet */
@media (max-width: 1024px) {
  :root {
    --tk-scrollbar-size: 10px;
    --tk-scrollbar-size-horizontal: 10px;
    --tk-scrollbar-thumb-border: 2px;
    --tk-scrollbar-min-height: 36px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  :root {
    --tk-scrollbar-size: 7px;
    --tk-scrollbar-size-horizontal: 7px;
    --tk-scrollbar-thumb-border: 2px;
    --tk-scrollbar-min-height: 30px;
  }

  html,
  body,
  * {
    scrollbar-width: thin;
  }
}

/* Very small mobile screens */
@media (max-width: 420px) {
  :root {
    --tk-scrollbar-size: 6px;
    --tk-scrollbar-size-horizontal: 6px;
    --tk-scrollbar-thumb-border: 1px;
  }
}

/* Accessibility: users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}