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

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

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

:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: "Yantramanav", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Yantramanav", 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: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Yantramanav", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(255,209,2);
	--wd-alternative-color: rgb(255,209,2);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(255,209,2);
	--btn-accented-bgcolor-hover: rgb(255,209,2);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(255,209,2);
	--notices-success-color: rgb(0,0,0);
	--notices-warning-bg: rgb(255,209,2);
	--notices-warning-color: rgb(0,0,0);
	--wd-link-color: rgb(255,209,2);
	--wd-link-color-hover: rgb(255,209,2);
}
.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;
}
.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;
}
.page .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1600px;
--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: 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: 12px;
}

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


.wd-page-title {
background-color: rgb(0,0,0);
}

/* =========================
   IMPLA Brand CSS (Instagram-based)
   Palette:
   --impla-yellow: #FFD400
   --impla-yellow-hover: #E6BF00
   --impla-black: #000000
   --impla-text: #2E2E2E
   --impla-bg: #FFFFFF
   --impla-metal: #BFC3C7
   ========================= */

:root{
  --impla-yellow:#FFD400;
  --impla-yellow-hover:#E6BF00;
  --impla-black:#000000;
  --impla-text:#2E2E2E;
  --impla-bg:#FFFFFF;
  --impla-metal:#BFC3C7;

  --impla-radius:12px;
  --impla-shadow:0 10px 25px rgba(0,0,0,.08);
  --impla-shadow-hover:0 14px 34px rgba(0,0,0,.12);
}

/* Base */
html, body{
  background:var(--impla-bg);
  color:var(--impla-text);
}

h1,h2,h3,h4,h5,h6{
  color:var(--impla-black);
  letter-spacing:-0.2px;
}

a{
  color:var(--impla-black);
  text-decoration:none;
}
a:hover{
  color:var(--impla-black);
  text-decoration:underline;
  text-decoration-color:var(--impla-yellow);
  text-underline-offset:4px;
}

/* Selection */
::selection{
  background:var(--impla-yellow);
  color:var(--impla-black);
}

/* Global focus (accessibility) */
:focus-visible{
  outline:3px solid var(--impla-yellow);
  outline-offset:2px;
}

/* =========================
   Buttons / CTA
   ========================= */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
a.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.single_add_to_cart_button,
.wd-button-wrapper a,
.wd-btn{
  background:var(--impla-yellow) !important;
  color:var(--impla-black) !important;
  border:1px solid var(--impla-yellow) !important;
  border-radius:var(--impla-radius) !important;
  box-shadow:none;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
  font-weight:700;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
a.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.single_add_to_cart_button:hover,
.wd-button-wrapper a:hover,
.wd-btn:hover{
  background:var(--impla-yellow-hover) !important;
  border-color:var(--impla-yellow-hover) !important;
  transform:translateY(-1px);
  box-shadow:var(--impla-shadow-hover);
}

/* Secondary button (optional)
   Add class .impla-btn--secondary to any button/link */
.impla-btn--secondary{
  background:transparent !important;
  color:var(--impla-black) !important;
  border:1px solid var(--impla-metal) !important;
}
.impla-btn--secondary:hover{
  background:rgba(255,212,0,.18) !important;
  border-color:var(--impla-yellow) !important;
}

/* =========================
   Header / Top bar / Nav
   (covers common WoodMart areas)
   ========================= */
header, .site-header, .whb-header, .main-header{
  background:var(--impla-bg) !important;
  border-bottom:1px solid rgba(191,195,199,.55);
}

.whb-top-bar, .topbar, .header-top{
  background:var(--impla-bg) !important;
  border-bottom:1px solid rgba(191,195,199,.35);
}

/* Menu links */
.whb-nav .menu a,
.main-nav .menu a,
.nav-link{
  color:var(--impla-black) !important;
  font-weight:700;
}
.whb-nav .menu a:hover,
.main-nav .menu a:hover,
.nav-link:hover{
  text-decoration:underline;
  text-decoration-color:var(--impla-yellow);
  text-underline-offset:5px;
}

/* Active menu item underline */
.current-menu-item > a,
.current_page_item > a{
  text-decoration:underline;
  text-decoration-color:var(--impla-yellow);
  text-underline-offset:5px;
}

/* =========================
   Cards / Sections
   ========================= */
.wd-box,
.product-grid-item,
.woocommerce ul.products li.product,
.blog-design-default .post,
.entry-content .wp-block-group{
  border-radius:var(--impla-radius);
}

.woocommerce ul.products li.product,
.product-grid-item,
.wd-box{
  border:1px solid rgba(191,195,199,.45);
  background:var(--impla-bg);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.woocommerce ul.products li.product:hover,
.product-grid-item:hover,
.wd-box:hover{
  transform:translateY(-2px);
  box-shadow:var(--impla-shadow);
  border-color:rgba(255,212,0,.9);
}

/* =========================
   Forms / Inputs
   ========================= */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea,
select{
  border:1px solid rgba(191,195,199,.75) !important;
  border-radius:var(--impla-radius) !important;
  background:var(--impla-bg) !important;
  color:var(--impla-text) !important;
  transition:border-color .15s ease, box-shadow .15s ease;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus{
  border-color:var(--impla-yellow) !important;
  box-shadow:0 0 0 4px rgba(255,212,0,.25) !important;
  outline:none !important;
}

/* =========================
   WooCommerce accents
   ========================= */
.woocommerce span.onsale,
.wd-label.sale,
.badge{
  background:var(--impla-yellow) !important;
  color:var(--impla-black) !important;
  font-weight:800;
  border-radius:999px;
}

/* Price emphasis */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price{
  color:var(--impla-black) !important;
  font-weight:800;
}

/* Star rating (optional) */
.woocommerce .star-rating span::before{
  color:var(--impla-yellow) !important;
}

/* =========================
   Highlights / Underlines / Dividers
   ========================= */
hr, .wp-block-separator{
  border:0;
  height:1px;
  background:rgba(191,195,199,.65);
}

.impla-highlight{
  background:rgba(255,212,0,.28);
  padding:.1em .35em;
  border-radius:8px;
}

/* Optional: Big yellow circle background like Instagram posts
   Add class .impla-circle-bg to a section/container */
.impla-circle-bg{
  position:relative;
}
.impla-circle-bg::before{
  content:"";
  position:absolute;
  width:min(520px, 70vw);
  height:min(520px, 70vw);
  background:var(--impla-yellow);
  border-radius:999px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:0;
  opacity:1;
}
.impla-circle-bg > *{
  position:relative;
  z-index:1;
}

/* =========================
   Footer
   ========================= */
footer, .site-footer{
  background:var(--impla-bg) !important;
  border-top:1px solid rgba(191,195,199,.55);
}
footer a, .site-footer a{
  color:var(--impla-black) !important;
}
footer a:hover, .site-footer a:hover{
  text-decoration:underline;
  text-decoration-color:var(--impla-yellow);
  text-underline-offset:4px;
}