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

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

: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(28,97,231);
	--wd-alternative-color: rgba(28,97,231,0.2);
	--btn-default-bgcolor: rgb(225,235,255);
	--btn-default-bgcolor-hover: rgb(219,227,249);
	--btn-default-color: rgb(28,97,231);
	--btn-default-color-hover: rgb(28,97,231);
	--btn-accented-bgcolor: rgb(30,115,190);
	--btn-accented-bgcolor-hover: rgb(30,115,190);
	--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: #ffffff;
	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;
}
.page :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(221,51,51);
}
html .btn.wd-buy-now-btn:hover {
	background: rgb(221,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-bg: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--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: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


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

.text-left {
    --text-align: none;

}

.elementor-element.elementor-element-8edbe86.wd-single-title.text-left.elementor-widget.elementor-widget-wd_single_product_title
Specificity: (0,6,0)
 {
    text-align: start;
}


/* محاذاة النص داخل حقل الهاتف لليمين */
#billing_phone {
    text-align: right !important;
    direction: rtl !important;
}

/* لضمان محاذاة النص التوضيحي (Placeholder) نفسه */
#billing_phone::placeholder {
    text-align: right !important;
    direction: rtl !important;
}

/* إخفاء عنوان معلومات إضافية وحقل الملاحظات */
.woocommerce-additional-fields {
    display: none !important;
}


/* إخفاء قسم Delivery & Return في صفحة السلة */
.cart-totals-inner .wd-custom-block {
    display: none !important;
}

/* إخفاء قسم Delivery & Return بناءً على المعرف الخاص به */
div[data-id="49d0e5d"] {
    display: none !important;
}

/* إجبار تبويبات ووصف المنتج على الظهور على الجوال وأجهزة التابلت بجميع مقاساتها */
@media (max-width: 1200px) {
    .elementor-element-3497667.e-con,
    .elementor-element-3497667 .e-con-inner,
    .elementor-element-ad9e048.elementor-widget,
    .woocommerce-tabs.wc-tabs-wrapper {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
    }

    /* إجبار الأكورديون والتبويبات الداخلية على الفتح والظهور بشكل صحيح على التابلت والجوال */
    .wd-accordion-item,
    #tab-item-title-description,
    .woocommerce-Tabs-panel--description.wd-active,
    #tab-description {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
    }
}
    /*  quick donation */

#quick-donate-btn {
  position: fixed; top: 40%; left: 0; z-index: 9999;
  background: linear-gradient(135deg, #0d6efd 0%, #4a9bff 100%);
  color: #fff; border: none; cursor: pointer;
  border-radius: 0 12px 12px 0 !important;
  padding: 16px 10px;
  box-shadow: 0 6px 18px rgba(13, 110, 253, 0.35);
  animation: qd-pulse 2.6s ease-in-out infinite;
}
@keyframes qd-pulse {
  0%, 100% {
    box-shadow: 0 6px 18px rgba(13, 110, 253, 0.35);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 6px 28px rgba(13, 110, 253, 0.6);
    transform: scale(1.05);
  }
}
@media (prefers-reduced-motion: reduce) {
  #quick-donate-btn {
    animation: none;
  }
}

#quick-donate-modal {
  position: fixed; inset: 0; background: rgba(0,0,0,.5);
  display: none; align-items: center; justify-content: center; z-index: 10000;
}
#quick-donate-modal.qd-open { display: flex; }
#quick-donate-modal .qd-modal {
  background: #fff; padding: 24px; border-radius: 10px; width: 90%; max-width: 420px;
  position: relative; direction: rtl;
}
#quick-donate-modal .qd-close { position: absolute; top: 10px; left: 14px; font-size: 22px; background: none; border: none; cursor: pointer; }

#quick-donate-modal .qd-amounts { display: flex; gap: 8px; flex-wrap: wrap; margin: 10px 0; }
#quick-donate-modal .qd-amount-btn { padding: 8px 14px; border: 1px solid #ccc; border-radius: 6px; background: #fff; cursor: pointer; }
#quick-donate-modal .qd-amount-btn.active { background: #0d6efd; color: #fff; border-color: #0d6efd; }
#quick-donate-modal #qd-custom-amount { padding: 8px; border: 1px solid #ccc; border-radius: 6px; width: 120px; }

#quick-donate-modal #qd-submit { width: 100%; padding: 12px; background: #198754; color: #fff; border: none; border-radius: 6px; margin-top: 14px; cursor: pointer; }

.qd-var-hidden { display: none !important; }

/* ===== Multi-panel additions ===== */

/* Panel visibility — this is the rule that was missing before, causing both panels to show at once */
#quick-donate-modal .qd-panel {
  display: none;
}
#quick-donate-modal .qd-panel.qd-panel-active {
  display: block;
}

/* Step dots */
#quick-donate-modal .qd-steps {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 18px;
}
#quick-donate-modal .qd-step-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #dcdcdc;
  transition: background .2s ease, transform .2s ease;
}
#quick-donate-modal .qd-step-dot.active {
  background: #0d6efd;
  transform: scale(1.3);
}

/* Text inputs on panel 2 (name/phone/email) — matches the existing input style used for custom amount */
#quick-donate-modal .qd-panel input[type="text"],
#quick-donate-modal .qd-panel input[type="tel"],
#quick-donate-modal .qd-panel input[type="email"] {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin: 6px 0 14px;
  font-size: 14px;
}
#quick-donate-modal .qd-panel label {
  font-size: 13.5px;
  font-weight: 600;
  color: #333;
}

/* "التالي" button on panel 1 — same visual weight as the final submit button */
#quick-donate-modal #qd-next {
  width: 100%;
  padding: 12px;
  background: #0d6efd;
  color: #fff;
  border: none;
  border-radius: 6px;
  margin-top: 14px;
  cursor: pointer;
}

/* Panel 2 nav row — back + submit side by side */
#quick-donate-modal .qd-panel-nav {
  display: flex;
  gap: 10px;
  margin-top: 14px;
}
#quick-donate-modal .qd-panel-nav #qd-submit {
  margin-top: 0;
  flex: 1;
}
#quick-donate-modal .qd-back-btn {
  flex: 0 0 auto;
  padding: 12px 18px;
  background: #fff;
  color: #0d6efd;
  border: 1px solid #0d6efd;
  border-radius: 6px;
  cursor: pointer;
}
/* Attribute swatch buttons - pill style matching Design 1 * single product template */
/* ===== Blue palette - multiple tones, not one flat blue ===== */
:root {
  --blue-deep:   #0B3B7A;   /* darkest - price, strong text */
  --blue-base:   #1868DB;   /* primary brand blue */
  --blue-bright: #2F9BF0;   /* lighter, energetic - gradients, hover */
  --blue-sky:    #6BB6FF;   /* soft accent */
  --blue-mist:   #EAF3FE;   /* pale background wash */
  --blue-border: #D7E6FB;   /* neutral border tone */
}

/* ===== Attribute swatches ===== */
.variations li.button-variable-item {
  border: 1.5px solid var(--blue-border) !important;
  background: #fff !important;
  border-radius: 12px !important;
  padding: 12px 20px !important;
  font-size: 14px !important;
  transition: 0.22s cubic-bezier(.4,0,.2,1) !important;
}
.variations li.button-variable-item:hover {
  border-color: var(--blue-bright) !important;
  box-shadow: 0 4px 12px rgba(24, 104, 219, 0.12) !important;
}
.variations li.button-variable-item.selected,
.variations li.button-variable-item.variable-item-active {
  border-color: var(--blue-base) !important;
  background: linear-gradient(135deg, var(--blue-base), var(--blue-bright)) !important;
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(24, 104, 219, 0.28) !important;
}
.variations tr th.label label {
  font-weight: 600 !important;
  font-size: 14px !important;
  color: var(--blue-deep) !important;
  margin-bottom: 10px !important;
  display: block !important;
}

/* ===== Dedicate-to toggle ===== */
.qd-dedicate-wrap {
  background: var(--blue-mist) !important;
  border: 1px solid var(--blue-border) !important;
}
.qd-dedicate-toggle input {
  accent-color: var(--blue-base) !important;
}

/* ===== Price ===== */
.woocommerce-Price-amount {
  font-family: 'Tajawal', sans-serif !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, var(--blue-deep), var(--blue-base)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* ===== Quantity box ===== */
.quantity .qty {
  border: 1.5px solid var(--blue-border) !important;
  border-radius: 10px !important;
  transition: border-color 0.2s !important;
}
.quantity .qty:focus {
  border-color: var(--blue-base) !important;
}

/* ===== Only one button: hide default Add to Cart ===== */
.single_add_to_cart_button {
  display: none !important;
}

/* ===== Buy Now button - gradient + soft glow on hover =====
   Update the selector to match your site's actual Buy Now button class */
.wd-buy-now-btn,
a.wc-buy-now,
.woodmart-buy-now-button {
  background: linear-gradient(135deg, var(--blue-base) 0%, var(--blue-bright) 100%) !important;
  border-radius: 14px !important;
  padding: 17px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 8px 20px rgba(24, 104, 219, 0.22) !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
}
.wd-buy-now-btn:hover,
a.wc-buy-now:hover,
.woodmart-buy-now-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(24, 104, 219, 0.32) !important;
}
/* single product description design*/
.qd-desc {
  --blue: #1868DB;
  --blue-light: #EAF1FD;
  --ink: #1A2B3C;
  --muted: #5B6B7B;
  direction: rtl;
  font-family: inherit;
}

.qd-desc-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--blue-light);
  color: var(--blue);
  font-size: 13px;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.qd-desc-intro {
  font-size: 15px;
  line-height: 1.9;
  color: var(--ink);
  margin-bottom: 28px;
}
.qd-desc-intro p {
  margin-bottom: 12px;
}

.qd-desc-heading {
  font-size: 19px;
  font-weight: 800;
  color: var(--ink);
  margin-bottom: 16px;
}

.qd-cards-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-bottom: 32px;
}
@media (max-width: 640px) {
  .qd-cards-grid { grid-template-columns: 1fr; }
}

.qd-card {
  background: #fff;
  border: 1px solid #E6ECF2;
  border-radius: 14px;
  padding: 18px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  transition: transform 0.2s, box-shadow 0.2s;
}
.qd-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(24, 104, 219, 0.1);
  border-color: var(--blue);
}

.qd-card-icon {
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  border-radius: 10px;
  background: var(--blue-light);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.qd-card-text {
  font-size: 14.5px;
  color: var(--ink);
  line-height: 1.6;
  font-weight: 600;
}

.qd-impact-panel {
  background: var(--blue-light);
  border-right: 4px solid var(--blue);
  border-radius: 12px;
  padding: 22px 24px;
}
.qd-impact-panel h3 {
  font-size: 17px;
  font-weight: 800;
  color: var(--blue);
  margin-bottom: 10px;
}
.qd-impact-panel p {
  font-size: 14.5px;
  line-height: 1.85;
  color: var(--ink);
  margin-bottom: 10px;
}
.qd-impact-panel p:last-child { margin-bottom: 0; }
:root {
  --primary: #1a56db;
  --primary-dark: #1e3a8a;
  --primary-light: #eff6ff;
  --accent: #c9a24b;
  --accent-dark: #a9843a;
  --bg: #f8faff;
  --card: #ffffff;
  --text: #1f2937;
  --muted: #6b7280;
  --border: #dbeafe;
  --success: #16a34a;
  --radius: 14px;
  --shadow: 0 4px 20px rgba(26,86,219,.08);
  --shadow-lg: 0 12px 40px rgba(26,86,219,.14);
}

body {
  font-family: 'Tajawal', sans-serif !important;
  background: var(--bg) !important;
  color: var(--text) !important;
  line-height: 1.7 !important;
  direction: rtl !important;
}
body {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html {
  scroll-behavior: smooth;
}
/* ===== Back to home link inside add-to-cart form ===== */
.woocommerce-variation-add-to-cart {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  flex-wrap: wrap;
}

/* kill the stretch + push it to the end of the row */
a.wd-back-home {
  flex: 0 0 auto !important;
  order: 99 !important;
  width: auto !important;
  min-width: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;

  background: transparent !important;
  color: #2f7fd8 !important;
  border: 2px solid #2f7fd8 !important;
  border-radius: 10px !important;

  font-family: 'Tajawal', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;

  padding: 12px 24px !important;
  margin: 0 !important;
  cursor: pointer !important;
  transition: all .2s ease !important;
}

a.wd-back-home:hover {
  background: #2f7fd8 !important;
  color: #fff !important;
}

/* hide the empty fpf placeholder divs eating space */
.woocommerce-variation-add-to-cart .fpf-fields:empty,
.woocommerce-variation-add-to-cart .fpf-fields-config-wrapper:empty {
  display: none !important;
}

@media (max-width: 767px) {
  a.wd-back-home { font-size: 14px !important; padding: 11px 18px !important; }
}
/* collapse the fpf placeholder divs (they aren't :empty — they hold whitespace) */
.woocommerce-variation-add-to-cart .fpf-fields,
.woocommerce-variation-add-to-cart .fpf-fields-config-wrapper,
.woocommerce-variation-add-to-cart .fpf-clear {
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* tighten the row */
.woocommerce-variation-add-to-cart {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}

/* buy-now button shouldn't stretch either */
.woocommerce-variation-add-to-cart .wd-buy-now-btn,
.woocommerce-variation-add-to-cart .single_add_to_cart_button {
  flex: 0 0 auto !important;
  width: auto !important;
}