/* النورانية — تعديلات مخصصة */

/* علامة المفضلة: أسفل يمين الصورة بدل أعلى اليسار فوق شعار الجمعية */
.s-product-card-image .s-product-card-wishlist-btn {
  top: auto !important;
  bottom: 12px !important;
  right: 14px !important;
  left: auto !important;
}

/* دمج الشريط العلوي مع القائمة الرئيسية في شريط واحد (سطح المكتب فقط) */
@media (min-width: 1024px) {
  header.store-header {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    background: #fff;
    padding: 0 24px;
  }
  header.store-header > .top-navbar {
    order: 2;
    flex: 0 1 420px;
    min-width: 0;
    height: auto !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  header.store-header > .main-nav-container {
    order: 1;
    flex: 1 1 auto;
    min-width: 0;
    background: transparent !important;
    box-shadow: none !important;
  }
  header.store-header > .top-navbar > .container,
  header.store-header > .main-nav-container > .inner > .container {
    max-width: none !important;
    width: 100% !important;
    padding-inline: 0 !important;
  }
  header.store-header > .top-navbar salla-contacts { display: none !important; }
}

/* شريط الثقة: بطاقتان بعرض الشاشة بلون الجمعية والنص في المنتصف */
.s-block--trust-strip ul.trust-strip {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
}
.s-block--trust-strip .trust-strip__item {
  background: var(--nr-action, #2F6B55) !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 24px 26px !important;
  border-radius: 12px !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
.s-block--trust-strip .trust-strip__item > div {
  flex: 0 1 auto !important;
  text-align: center !important;
}
.s-block--trust-strip .trust-strip__item,
.s-block--trust-strip .trust-strip__item * { color: #fff !important; }
.s-block--trust-strip .trust-strip__item i { font-size: 28px !important; }
@media (max-width: 767px) {
  .s-block--trust-strip ul.trust-strip { grid-template-columns: minmax(0, 1fr) !important; }
}

/* بطاقات الاشتراك: الاسم والزر */
.nr-subs__name { font-size: 20px; font-weight: 700; margin-bottom: 6px; }
.nr-subs__plan .nr-subs__cta { display:block; width:100%; text-align:center; padding:12px 16px; border-radius:10px; border:1px solid var(--nr-action,#2F6B55); color:var(--nr-action,#2F6B55); background:transparent; font-weight:600; text-decoration:none; transition:all .2s ease; }
.nr-subs__plan .nr-subs__cta:hover { background:var(--nr-action,#2F6B55); color:#fff; }
.nr-subs__plan.is-featured .nr-subs__cta { background:var(--nr-action,#2F6B55); color:#fff; }
.nr-subs__plan.is-featured .nr-subs__cta:hover { filter:brightness(1.08); }

/* حواف متحركة: ارتفاع خفيف وظل وحافة ملوّنة عند مرور المؤشر */
custom-salla-product-card.s-product-card-vertical,
.s-product-card-entry.s-product-card-vertical,
.nr-subs__plan {
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
  will-change: transform;
}
custom-salla-product-card.s-product-card-vertical:hover,
.s-product-card-entry.s-product-card-vertical:hover,
.nr-subs__plan:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 34px rgba(47, 107, 85, .18) !important;
  border-color: var(--nr-action, #2F6B55) !important;
}


/* الجوال: منتجات التبرّع منتجين في كل صف */
@media (max-width: 767px) {
  .s-block--donation-projects .donation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  .s-block--donation-projects .donation-grid__item--wide { grid-column: span 1 !important; }
  .s-block--donation-projects .s-product-card-content-title { font-size: 14px !important; line-height: 1.4 !important; }
  .s-block--donation-projects .s-product-card-content { padding: 10px !important; }
}
/* ===== بطاقات الاشتراك: مظهر مميّز وحافة متحركة دائمة ===== */
@property --nr-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
@keyframes nr-rot { to { --nr-angle: 360deg; } }
@keyframes nr-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(201,162,39,.55); } 70% { box-shadow: 0 0 0 14px rgba(201,162,39,0); } }

.s-block--subscriptions .nr-subs__plan {
  position: relative;
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(20,40,32,.10);
  transition: transform .3s ease, box-shadow .3s ease;
}
.s-block--subscriptions .nr-subs__plan::before {
  content: ''; position: absolute; inset: -2px;
  border-radius: 20px; padding: 2px; pointer-events: none; z-index: 0;
  background: conic-gradient(from var(--nr-angle), #2F6B55, #C9A227, #E8D9A0, #9ED3BE, #2F6B55);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  animation: nr-rot 6s linear infinite;
}
.s-block--subscriptions .nr-subs__plan > *:not(.nr-subs__badge) { position: relative; z-index: 2; }
.s-block--subscriptions .nr-subs__badge { z-index: 5; }
.s-block--subscriptions .nr-subs__plan:hover { transform: translateY(-8px); box-shadow: 0 22px 44px rgba(47,107,85,.22); }

.s-block--subscriptions .nr-subs__plan.is-featured { z-index: 3; background: #fff !important; box-shadow: 0 14px 34px rgba(201,162,39,.22); }
.s-block--subscriptions .nr-subs__plan.is-featured:hover { transform: translateY(-8px); box-shadow: 0 24px 48px rgba(201,162,39,.30); }
.s-block--subscriptions .nr-subs__plan.is-featured::before {
  inset: -3px; padding: 3px; border-radius: 21px;
  background: conic-gradient(from var(--nr-angle), #C9A227, #2F6B55, #E8D9A0, #9ED3BE, #C9A227);
  animation-duration: 4.5s;
}

.s-block--subscriptions .nr-subs__badge {
  background: linear-gradient(135deg, #C9A227, #E6C455) !important;
  color: #1F4A3B !important; font-weight: 700 !important; border: 0 !important;
  animation: nr-pulse 2.6s ease-in-out infinite;
}
.s-block--subscriptions .nr-subs__name { font-size: 21px !important; font-weight: 700 !important; margin-bottom: 2px !important; }
.s-block--subscriptions .nr-subs__amount b { font-size: 40px !important; line-height: 1.05 !important; }
.s-block--subscriptions .nr-subs__features li { padding-block: 3px !important; }
.s-block--subscriptions .nr-subs__cta { border-radius: 12px !important; padding: 14px 16px !important; font-weight: 600 !important; }

@media (max-width: 767px) {
  .s-block--subscriptions .nr-subs__plan.is-featured { transform: none; }
  .s-block--subscriptions .nr-subs__plan.is-featured:hover { transform: translateY(-6px); }
}

/* خط عناوين الأقسام: بدل Reem Kufi المزحوم */
.s-block__title, .s-block__title h2, .s-block__title h3, .s-block__title p {
  font-family: PingARLT, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
.s-block__title h2, .s-block__title h3 { font-size: 26px !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.5 !important; }
@media (max-width: 767px) { .s-block__title h2, .s-block__title h3 { font-size: 21px !important; } }

/* الجوال: السقيا والوجبات جنب بعض، والمصحف (الأكثر أثراً) تحتهم بعرض كامل */
@media (max-width: 767px) {
  .s-block--subscriptions .nr-subs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
  }
  .s-block--subscriptions .nr-subs__plan { order: 2; }
  .s-block--subscriptions .nr-subs__plan:first-child { order: 1; }
  .s-block--subscriptions .nr-subs__plan.is-featured { order: 3; }
  .s-block--subscriptions .nr-subs__name { font-size: 17px !important; }
  .s-block--subscriptions .nr-subs__amount b { font-size: 30px !important; }
  .s-block--subscriptions .nr-subs__features li { font-size: 13px !important; }
}
/* أرقام الأثر: سطر (أكثر من) فوق الرقم */
.s-block--impact-counters .nr-more {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #7b8b83;
  margin-bottom: 1px;
  line-height: 1.2;
}
/* التبرّع السريع: حقل كتابة الاسم */
.nr-qd__note-box { display: none; margin-top: 10px; }
.nr-qd__note-label { display: block; font-size: 12px; color: #5c6f66; margin-bottom: 4px; line-height: 1.4; }
.nr-qd__note {
  width: 100%; box-sizing: border-box;
  padding: 10px 12px; border-radius: 10px;
  border: 1px solid var(--nr-line, #D3E3D9);
  font-size: 14px; color: var(--nr-ink, #16332A); background: #fff;
}
.nr-qd__note:focus { outline: none; border-color: var(--nr-action, #2F6B55); box-shadow: 0 0 0 3px rgba(47,107,85,.12); }
.nr-qd__chip { white-space: nowrap; }
/* خط أسماء المنتجات: نفس خط المتجر بدل Reem Kufi */
.s-product-card-content-title,
.s-product-card-content-title a,
.s-product-card-content-subtitle,
.nr-subs__name,
.s-block h2, .s-block h3, .s-block h4 {
  font-family: PingARLT, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
.s-product-card-content-title a { font-weight: 700 !important; line-height: 1.55 !important; }

/* حواف متحركة خضراء لبطاقات المنتجات (بدون ذهبي — الذهبي للاشتراك فقط) */
.s-product-card-vertical {
  position: relative;
  border-color: transparent !important;
}
.s-product-card-vertical::before {
  content: ''; position: absolute; inset: 0;
  border-radius: inherit; padding: 2px;
  pointer-events: none; z-index: 3;
  background: conic-gradient(from var(--nr-angle), #1F4A3B, #9ED3BE, #2F6B55, #C8E6D8, #1F4A3B);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  animation: nr-rot 7s linear infinite;
}

/* الجوال: شريط الشراء الثابت والأزرار العائمة لا تتداخل */
@media (max-width: 767px) {
  .sticky-product-bar {
    z-index: 100001 !important;
    padding: 12px !important;
    padding-right: 74px !important;
    box-shadow: 0 -6px 20px rgba(20, 40, 32, .12) !important;
  }
  .sticky-product-bar [class*='frequencySection'] { width: 100% !important; margin-bottom: 8px !important; }
  .sticky-product-bar [class*='frequencySection'] select { width: 100% !important; max-width: 100% !important; }
  .sticky-product-bar [class*='buttonSection'] { width: 100% !important; }
  .sticky-product-bar [class*='buttonSection'] button { width: 100% !important; }
  /* الأزرار العائمة تبقى مكانها — نحجز لها مساحة يمين الشريط */
}
/* الجوال — صفحة المنتج */
@media (max-width: 767px) {
  .sticky-product-bar { background: #fff !important; }
  salla-slider.details-slider .swiper-slide img,
  salla-slider.image-slider .swiper-slide img { max-height: 42vh !important; object-fit: cover !important; }
}
/* مسار الأثر: بدون أرقام، وبطاقتان في الصف على الجوال */
.s-block--impact-path .impact-step::before { display: none !important; content: none !important; }
@media (max-width: 767px) {
  .s-block--impact-path .impact-steps { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  .s-block--impact-path .impact-step { padding: 14px 12px !important; }
  .s-block--impact-path .impact-step h3 { font-size: 15px !important; line-height: 1.4 !important; }
  .s-block--impact-path .impact-step p { font-size: 12.5px !important; line-height: 1.6 !important; }
}
/* كروت الاشتراك: صورة فوق، والمزايا داخل صفحة المنتج */
.s-block--subscriptions .nr-subs__img {
  margin: 0 0 14px !important;
  border-radius: 12px;
  overflow: hidden;
  line-height: 0;
}
.s-block--subscriptions .nr-subs__img img { display: block; width: 100%; height: 150px; object-fit: cover; }
.s-block--subscriptions .nr-subs__features { display: none !important; }
@media (max-width: 767px) {
  .s-block--subscriptions .nr-subs__img img { height: 110px; }
}

/* كرت الاشتراك المميّز بنفس مقاس البقية تماماً */
.s-block--subscriptions .nr-subs__plan.is-featured {
  padding: 26px 22px 22px !important;
  margin: 0 !important;
}
/* كل أزرار الاشتراك خضراء مصمتة + شبكة تتسع لأربع بطاقات */
.s-block--subscriptions .nr-subs__cta {
  background: var(--nr-action, #2F6B55) !important;
  color: #fff !important;
  border: 1px solid var(--nr-action, #2F6B55) !important;
  font-weight: 700 !important;
}
.s-block--subscriptions .nr-subs__cta:hover { filter: brightness(1.1); }
@media (min-width: 768px) {
  .s-block--subscriptions .nr-subs { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important; }
}
/* عناوين الأقسام: لا قصّ للنص، وعلى الجوال العنوان فوق والسطر تحته */
.s-block__title p {
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
@media (max-width: 767px) {
  .s-block__title {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }
  .s-block__title > * { width: 100% !important; text-align: right !important; }
  .s-block__title p { font-size: 14px !important; line-height: 1.7 !important; }
}

/* ===== shreet: product promotion ribbon ===== */
.s-product-card-promotion-title {
  background: #C9A227 !important;
  color: #16332A !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  padding: 5px 12px !important;
  box-shadow: 0 3px 10px rgba(22, 51, 42, .22) !important;
  z-index: 6 !important;
}
.s-product-card-promotion-title {
  inset-inline: auto !important;
  right: auto !important;
  left: 0 !important;
  border-radius: 0 12px 12px 0 !important;
}

/* mushaf card alone on its own row */
.s-block--donation-projects .donation-grid > .donation-grid__item:nth-child(3) {
  grid-column: 1 / -1 !important;
}
.s-block--donation-projects .donation-grid > .donation-grid__item:nth-child(3) .s-product-card-image img {
  object-position: center !important;
}

/* mushaf: alone on its row but normal card size */
.s-block--donation-projects .donation-grid > .donation-grid__item:nth-child(3) {
  grid-column: 1 / 2 !important;
}
.s-block--donation-projects .donation-grid > .donation-grid__item:nth-child(4) {
  grid-column-start: 1 !important;
}

/* trust strip becomes the documentation banner image */
.s-block--trust-strip .trust-strip {
  display: block !important;
  grid-template-columns: none !important;
}
.s-block--trust-strip .trust-strip__item {
  display: block !important;
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  aspect-ratio: 1240 / 280;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background-image: url('https://cdn.files.salla.network/other/250474986/f2bc5919-8d81-4487-b6eb-15db400e7366-original.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
}
.s-block--trust-strip .trust-strip__item > * {
  display: none !important;
}

/* ===== friday popup ===== */
.nr-fp {
  position: fixed; inset: 0; z-index: 100002;
  background: rgba(12,28,22,.55);
  display: flex; align-items: center; justify-content: center;
  padding: 16px;
}
.nr-fp__box {
  background: #fff; border-radius: 20px; overflow: hidden auto;
  width: 100%; max-width: 420px; max-height: 92vh;
  position: relative; box-shadow: 0 20px 60px rgba(0,0,0,.3);
}
.nr-fp__x {
  position: absolute; top: 10px; inset-inline-end: 10px; z-index: 2;
  width: 34px; height: 34px; border-radius: 50%; border: 0;
  background: rgba(255,255,255,.92); color: #16332A;
  font-size: 22px; line-height: 1; cursor: pointer;
}
.nr-fp__img { display: block; }
.nr-fp__img img { display: block; width: 100%; height: auto; }
.nr-fp__body { padding: 18px 18px 20px; text-align: center; }
.nr-fp__body h3 { margin: 0 0 6px; font-size: 20px; font-weight: 700; color: #16332A; }
.nr-fp__body p { margin: 0 0 14px; font-size: 14px; color: #4a5d55; }
.nr-fp__cta {
  width: 100%; padding: 13px; border: 0; border-radius: 999px;
  background: #2F6B55; color: #fff; font-weight: 700; font-size: 15px; cursor: pointer;
}
.nr-fp__opts { display: none; margin-top: 4px; gap: 8px; flex-direction: column; }
.nr-fp.is-open .nr-fp__opts { display: flex; }
.nr-fp.is-open .nr-fp__cta { display: none; }
.nr-fp__opt {
  display: flex; justify-content: space-between; align-items: center; gap: 10px;
  padding: 12px 14px; border: 1px solid #D3E3D9; border-radius: 12px;
  background: #fff; color: #16332A; font-size: 14px; cursor: pointer;
}
.nr-fp__opt:hover { border-color: #2F6B55; background: #F3F8F5; }
.nr-fp__opt b { color: #2F6B55; white-space: nowrap; }
.nr-fp__msg { margin-top: 10px; font-size: 13px; color: #2F6B55; min-height: 18px; }

/* hide the donation amount field on product cards - donor picks inside the product page */
.s-product-card-entry .s-product-card-donation-input {
  display: none !important;
}