@font-face {
  font-family: "Thmanyah Sans";
  src: url("https://astrafps.github.io/astra-fonts/thmanyahsans-Light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Thmanyah Sans";
  src: url("https://astrafps.github.io/astra-fonts/thmanyahsans-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Thmanyah Sans";
  src: url("https://astrafps.github.io/astra-fonts/thmanyahsans-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Thmanyah Sans";
  src: url("https://astrafps.github.io/astra-fonts/thmanyahsans-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Thmanyah Sans";
  src: url("https://astrafps.github.io/astra-fonts/thmanyahsans-Black.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

/* ==================================================
   الوضع الافتراضي:
   إيقاف الأحرف المرسلة في جميع أجزاء المتجر
   ================================================== */

html,
body,
body * {
  font-feature-settings: normal !important;
  -webkit-font-feature-settings: normal !important;
}


/* ==================================================
   1) قسم المزايا:
   العناوين والأوصاف كاملة بأحرف مرسلة
   ================================================== */

.angel-features,
.angel-features * {
  font-feature-settings: "salt" 1 !important;
  -webkit-font-feature-settings: "salt" 1 !important;
}


/* ==================================================
   2) قسم المنتج المميز:
   كامل القسم بأحرف مرسلة
   ================================================== */

.s-block--special-product,
.s-block--special-product * {
  font-feature-settings: "salt" 1 !important;
  -webkit-font-feature-settings: "salt" 1 !important;
}


/* ==================================================
   3) الأسئلة الشائعة:
   السؤال فقط بأحرف مرسلة
   ================================================== */

.s-block--faqs .faqs-list__item > label,
.s-block--faqs .faqs-list__item > label * {
  font-feature-settings: "salt" 1 !important;
  -webkit-font-feature-settings: "salt" 1 !important;
}


/* إجابات الأسئلة الشائعة بدون أحرف مرسلة */

.s-block--faqs .faq-answer,
.s-block--faqs .faq-answer * {
  font-feature-settings: normal !important;
  -webkit-font-feature-settings: normal !important;
}


/* ==================================================
   4) الفوتر:
   كامل الفوتر بأحرف مرسلة
   ================================================== */

.store-footer,
.store-footer * {
  font-feature-settings: "salt" 1 !important;
  -webkit-font-feature-settings: "salt" 1 !important;
}


/* ==================================================
   5) وصف المنتج:
   الفقرات العادية بدون أحرف مرسلة
   ================================================== */

:is(
  .product__description,
  [data-testid="store-product-description"]
) p,

:is(
  .product__description,
  [data-testid="store-product-description"]
) p * {
  font-feature-settings: normal !important;
  -webkit-font-feature-settings: normal !important;
}


/* ==================================================
   وصف المنتج:
   الهيدرز فقط بأحرف مرسلة
   ================================================== */

:is(
  .product__description,
  [data-testid="store-product-description"]
) :is(h1, h2, h3, h4, h5, h6),

:is(
  .product__description,
  [data-testid="store-product-description"]
) :is(h1, h2, h3, h4, h5, h6) * {
  font-feature-settings: "salt" 1 !important;
  -webkit-font-feature-settings: "salt" 1 !important;
}


/* ==================================================
   وصف المنتج:
   الكلام المكتوب Bold داخل الفقرات بأحرف مرسلة
   ================================================== */

:is(
  .product__description,
  [data-testid="store-product-description"]
) p :is(strong, b),

:is(
  .product__description,
  [data-testid="store-product-description"]
) p :is(strong, b) * {
  font-feature-settings: "salt" 1 !important;
  -webkit-font-feature-settings: "salt" 1 !important;
}

/* ==================================================
   صفحة المنتج:
   كل عناصر الصفحة تستخدم الأحرف المرسلة
   ================================================== */

body.product-single,
body.product-single * {
  font-feature-settings: "salt" 1 !important;
  -webkit-font-feature-settings: "salt" 1 !important;
}


/* ==================================================
   وصف المنتج:
   الفقرات والنصوص الموجودة داخلها بدون أحرف مرسلة
   ================================================== */

body.product-single .product__description p,
body.product-single .product__description p * {
  font-feature-settings: normal !important;
  -webkit-font-feature-settings: normal !important;
}


/* ==================================================
   وصف المنتج:
   العناوين تبقى بأحرف مرسلة
   ================================================== */

body.product-single .product__description :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6
),
body.product-single .product__description :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6
) * {
  font-feature-settings: "salt" 1 !important;
  -webkit-font-feature-settings: "salt" 1 !important;
}


/* ==================================================
   وصف المنتج:
   أي كلام Bold يبقى بأحرف مرسلة
   ================================================== */

body.product-single .product__description :is(
  strong,
  b
),
body.product-single .product__description :is(
  strong,
  b
) * {
  font-feature-settings: "salt" 1 !important;
  -webkit-font-feature-settings: "salt" 1 !important;
}

/* ==================================================
   العملة في الهيدر
   ================================================== */

.header-buttons .currency,
.header-buttons .currency * {
  font-feature-settings: "salt" 1 !important;
  -webkit-font-feature-settings: "salt" 1 !important;
}


/* ==================================================
   عناوين الأقسام مثل "خدمات اخرى"
   ================================================== */

.s-block__title h2.da-cp,
.s-block__title h2.da-cp * {
  font-feature-settings: "salt" 1 !important;
  -webkit-font-feature-settings: "salt" 1 !important;
}


/* ==================================================
   عنوان بطاقة المنتج
   ================================================== */

.s-product-card-content-title,
.s-product-card-content-title * {
  font-feature-settings: "salt" 1 !important;
  -webkit-font-feature-settings: "salt" 1 !important;
}


/* ==================================================
   زر "أضف للسلة" داخل بطاقات المنتجات
   ================================================== */

.s-product-card-content .s-button-text,
.s-product-card-content .s-button-text * {
  font-feature-settings: "salt" 1 !important;
  -webkit-font-feature-settings: "salt" 1 !important;
}

/* =========================================
   MALAK - SPECIAL PRODUCT CENTERING
   ========================================= */

.center-special-product .p_image + div {
  align-items: center;
  text-align: center;
}

/* Product title + subtitle */
.center-special-product .p_image + div > h2,
.center-special-product .p_image + div > p {
  width: 100%;
  text-align: center !important;
}

/* Price */
.center-special-product .special-price {
  justify-content: center;
  width: 100%;
}

/* Countdown */
.center-special-product .special-product-countdown {
  align-items: center;
  width: 100%;
}

.center-special-product .sale-end {
  margin-left: auto;
  margin-right: auto;
}

/* Feature tabs */
.center-special-product .tabs__special {
  justify-content: center;
}

/* Feature text */
.center-special-product .tabs-wrapper__special,
.center-special-product .tabs-wrapper__special p {
  text-align: center !important;
}

/* Malak explicitly uses text-justify here, so override it */
.center-special-product .tabs-wrapper__special .text-justify {
  text-align: center !important;
}

/* Details button */
.center-special-product .special-products-btn {
  justify-content: center;
  width: 100%;
}
