@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//igtc.sa/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=8.3.9") format("woff2");
}

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

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

:root {
	--wd-cat-brd-radius: 50%;
	--wd-text-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,0,0);
	--wd-alternative-color: rgb(30,115,190);
	--btn-default-transform: none;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-transform: none;
	--btn-accented-bgcolor: rgb(0,0,0);
	--btn-accented-bgcolor-hover: rgb(30,115,190);
	--btn-transform: none;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(221,51,51);
	--notices-warning-color: rgb(255,255,255);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(245,154,87);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 480px;
	--wd-popup-padding: 0px;
}
: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: contain;
	object-position: center top;
}
.wd-footer {
	background-color: rgb(15,15,15);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
.whb-top-bar .wd-nav.wd-nav-secondary > li > a {
	font-family: "Work Sans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 13px;
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-size: 18px;
}
.page .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: repeat;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-image: none;
	background-repeat: repeat;
}
.single-product .wd-page-content {
	background-color: rgb(239,240,240);
	background-image: none;
	background-repeat: repeat;
}
.woodmart-archive-blog .wd-page-content {
	background-image: none;
	background-repeat: repeat;
}
.single-post .wd-page-content {
	background-image: none;
	background-repeat: repeat;
}
html .wd-buy-now-btn {
	color: rgb(255,255,255);
	background: rgba(16,16,16,0.9);
}
html .wd-buy-now-btn:hover {
	color: rgb(255,255,255);
	background: rgb(51,51,51);
}
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)7;
	--wd-form-bg: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 20px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}
	.woocommerce-product-gallery {
		--wd-gallery-gap: 20px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}
	.woocommerce-product-gallery {
		--wd-gallery-gap: 10px;
	}

}
:root{
--wd-container-w: 1222px;
--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: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

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


.wd-page-title {
background-color: rgb(30,115,190);
}

/* ============================================================
   IGTC — Premium Product Page CSS
   أضفه في: WoodMart → إعدادات → CSS مخصص
   ============================================================ */

/* ── Typography: استيراد خط Jost الحديث ── */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap');

/* ── المتغيرات العامة ── */
:root {
  --igtc-black:   #0f0f0f;
  --igtc-grey:    #6b6b6b;
  --igtc-light:   #f5f5f5;
  --igtc-border:  #e8e8e8;
  --igtc-accent:  #b8960c;   /* ذهبي خفيف للتفاصيل */
  --igtc-font:    'Jost', sans-serif;
}

/* ────────────────────────────────────────────────────
   1. PRODUCT SUMMARY — المنطقة اليسرى
   ──────────────────────────────────────────────────── */

.woocommerce-product-details__short-description,
.product .summary {
  font-family: var(--igtc-font) !important;
}

/* ── Brand Badge ── */
.igtc-brand-badge {
  font-family: var(--igtc-font);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--igtc-grey);
  margin-bottom: 10px;
  display: block;
}

/* ── عنوان المنتج ── */
h1.product_title,
.product_title {
  font-family: var(--igtc-font) !important;
  font-size: clamp(22px, 3vw, 32px) !important;
  font-weight: 600 !important;
  color: var(--igtc-black) !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 10px !important;
}

/* ── SKU ── */
.sku_wrapper,
.product .sku_wrapper {
  font-family: var(--igtc-font) !important;
  font-size: 11px !important;
  color: var(--igtc-grey) !important;
  letter-spacing: 0.08em;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 16px !important;
}
.sku_wrapper .sku,
.product .sku {
  font-weight: 700 !important;
  color: var(--igtc-black) !important;
  font-family: 'Courier New', monospace !important;
  font-size: 12px !important;
}

/* ── السعر ── */
.price,
.product .price {
  font-family: var(--igtc-font) !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  color: var(--igtc-black) !important;
  margin: 14px 0 !important;
}
.price del { color: #bbb !important; font-size: 0.75em !important; }
.price ins { text-decoration: none !important; }

/* ── فاصل رفيع ── */
.product .summary > *:nth-child(3)::before {
  content: '';
  display: block;
  width: 40px;
  height: 2px;
  background: var(--igtc-accent);
  margin-bottom: 16px;
}

/* ────────────────────────────────────────────────────
   2. VARIATIONS TABLE — جدول الخصائص
   ──────────────────────────────────────────────────── */

.variations {
  margin-bottom: 6px !important;
  border: none !important;
}

.variations .label label,
.variations th.label label {
  font-family: var(--igtc-font) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--igtc-grey) !important;
  vertical-align: middle;
  padding-top: 16px !important;
}

.variations td.value {
  padding: 4px 0 4px 12px !important;
}

/* ────────────────────────────────────────────────────
   3. SWATCHES — أزرار الألوان
   ──────────────────────────────────────────────────── */

.igtc-swatches {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px !important;
  margin: 8px 0 4px !important;
}

.igtc-swatch {
  width: 60px !important;
  height: 60px !important;
  border: 2px solid var(--igtc-border) !important;
  border-radius: 2px !important;
  background-size: cover !important;
  background-position: center !important;
  background-color: var(--igtc-light);
  cursor: pointer !important;
  transition: border-color .2s, box-shadow .2s, transform .15s !important;
  position: relative;
  outline: none !important;
}

.igtc-swatch:hover {
  border-color: #888 !important;
  transform: scale(1.06) !important;
  z-index: 2;
}

.igtc-swatch.active {
  border: 3px solid var(--igtc-black) !important;
  box-shadow: 0 0 0 1px var(--igtc-black) !important;
}

/* نقطة صغيرة على اللون المختار */
.igtc-swatch.active::after {
  content: '';
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 7px;
  height: 7px;
  background: var(--igtc-black);
  border-radius: 50%;
  border: 1.5px solid white;
}

/* ────────────────────────────────────────────────────
   4. COLOR INFO BLOCK — كتلة كود اللون
   ──────────────────────────────────────────────────── */

.igtc-color-info {
  display: flex !important;
  align-items: center;
  gap: 12px;
  padding: 8px 14px;
  background: var(--igtc-light);
  border-right: 3px solid var(--igtc-black);      /* RTL */
  margin: 8px 0 16px !important;
  font-family: var(--igtc-font);
}

.igtc-color-info__label {
  font-size: 9px !important;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--igtc-grey);
}

.igtc-color-info__sku {
  font-size: 14px !important;
  font-weight: 700 !important;
  font-family: 'Courier New', monospace !important;
  color: var(--igtc-black);
  background: white;
  padding: 2px 8px;
  border: 1px solid var(--igtc-border);
  border-radius: 2px;
}

.igtc-color-info__name {
  font-size: 13px;
  color: var(--igtc-grey);
  font-style: italic;
}

/* ────────────────────────────────────────────────────
   5. BUTTONS — أزرار الإضافة والشراء
   ──────────────────────────────────────────────────── */

.single_add_to_cart_button,
button.button.alt {
  font-family: var(--igtc-font) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 15px 28px !important;
  border-radius: 2px !important;
  background-color: var(--igtc-black) !important;
  color: #fff !important;
  border: 2px solid var(--igtc-black) !important;
  transition: background .25s, color .25s !important;
}

.single_add_to_cart_button:hover {
  background-color: transparent !important;
  color: var(--igtc-black) !important;
}

/* زر "اشتر الآن" */
.buy-now-btn,
.woodmart-buy-now-btn {
  background: transparent !important;
  border: 2px solid var(--igtc-black) !important;
  color: var(--igtc-black) !important;
  font-family: var(--igtc-font) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
  transition: background .25s, color .25s !important;
}
.buy-now-btn:hover {
  background: var(--igtc-black) !important;
  color: #fff !important;
}

/* ── منطقة الأزرار كاملة ── */
.woocommerce-variation-add-to-cart,
.cart {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

/* إخفاء عداد الكمية (اختياري: احذف هذا البلوك إن أردت إبقاءه) */
/* .quantity { display: none !important; } */

/* ────────────────────────────────────────────────────
   6. GALLERY — معرض الصور
   ──────────────────────────────────────────────────── */

.woocommerce-product-gallery {
  background: #fafafa !important;
}

.woocommerce-product-gallery__image img {
  object-fit: contain !important;
  border-radius: 0 !important;
}

/* الصور الصغيرة */
.woocommerce-product-gallery .flex-control-thumbs img {
  border: 2px solid transparent;
  border-radius: 2px;
  transition: border-color .2s;
}

.woocommerce-product-gallery .flex-control-thumbs img:hover,
.woocommerce-product-gallery .flex-control-thumbs .flex-active img {
  border-color: var(--igtc-black) !important;
}

/* ────────────────────────────────────────────────────
   7. TABS — تبويبات الوصف
   ──────────────────────────────────────────────────── */

.woocommerce-tabs .tabs li a,
.product .woocommerce-tabs ul.tabs li a {
  font-family: var(--igtc-font) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase !important;
  color: var(--igtc-grey) !important;
}

.woocommerce-tabs .tabs li.active a {
  color: var(--igtc-black) !important;
  border-bottom: 2px solid var(--igtc-black);
}

.woocommerce-Tabs-panel,
.product .woocommerce-Tabs-panel {
  font-family: var(--igtc-font) !important;
  font-size: 14px !important;
  color: #444 !important;
  line-height: 1.75 !important;
}

/* جدول Attributes */
.shop_attributes th {
  font-family: var(--igtc-font) !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  color: var(--igtc-black) !important;
  letter-spacing: 0.05em;
  background: var(--igtc-light) !important;
  width: 35%;
}

.shop_attributes td {
  font-family: var(--igtc-font) !important;
  font-size: 13px !important;
  color: #444 !important;
}

/* ────────────────────────────────────────────────────
   8. WISHLIST & COMPARE LINKS
   ──────────────────────────────────────────────────── */

.yith-wcwl-add-to-wishlist a,
.compare,
.woodmart-wishlist-btn {
  font-family: var(--igtc-font) !important;
  font-size: 11px !important;
  letter-spacing: 0.08em;
  color: var(--igtc-grey) !important;
  text-decoration: none !important;
  text-transform: uppercase;
}

/* ────────────────────────────────────────────────────
   9. COLLAPSIBLE SECTIONS (Shipping / Product care)
   ──────────────────────────────────────────────────── */

.woodmart-accordion .accordion-header,
.woodmart-accordion .accordion-title {
  font-family: var(--igtc-font) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase !important;
  color: var(--igtc-black) !important;
  border-top: 1px solid var(--igtc-border);
  padding: 16px 0 !important;
}

/* ────────────────────────────────────────────────────
   10. RELATED PRODUCTS
   ──────────────────────────────────────────────────── */

.related h2,
.upsells h2 {
  font-family: var(--igtc-font) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em;
  text-transform: uppercase !important;
  color: var(--igtc-black) !important;
  margin-bottom: 24px !important;
}
