/* =====================================================================
   PAGE PREMIUM — الصفحات الثابتة (خصوصية / شروط / من نحن ...)
   ---------------------------------------------------------------------
   ▸ view عام: front-cmp/page/home.blade.php — يغطّي كل صفحات المحتوى
   ▸ يعتمد توكنات premium-theme.css + أساسيات home-premium.css
   ▸ مُنطاق تحت .page-static
   ===================================================================== */

/* ---------- عنوان الصفحة ---------- */
.page-static .page-title {
  font-family: 'Cairo', sans-serif; font-weight: 800;
  font-size: clamp(1.9rem, 4vw, 2.8rem); line-height: 1.35;
  color: var(--pt-text, #1F2937);
  margin: 1rem 0 .4rem;
  position: relative; display: inline-block;
}
.page-static .page-title::after {
  content: ""; display: block; width: 60px; height: 4px; border-radius: 4px;
  margin: .7rem auto 0;
  background: linear-gradient(90deg, var(--brand, #D46E2A), var(--brand-light, #F2B58C));
}

/* وصف تحت العنوان */
.page-static .page-lead {
  color: var(--pt-text-2, #6B7280); font-size: 1.08rem; line-height: 1.9;
  max-width: 40rem; margin: .2rem auto 0;
}

/* ---------- بطاقة المحتوى الزجاجية ---------- */
.page-static .page-prose {
  max-width: 880px;
  /* لمسة زجاجية خفيفة: انعكاس ضوء ناعم عند الأعلى + لمعة جانبية خفيفة */
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0) 24%),
    radial-gradient(120% 60% at 15% 0%, rgba(255, 255, 255, .35), transparent 55%),
    var(--glass-bg, rgba(255, 255, 255, .72));
  -webkit-backdrop-filter: saturate(170%) blur(16px);
  backdrop-filter: saturate(170%) blur(16px);
  border: 1px solid rgba(255, 255, 255, .6);
  border-radius: var(--pt-radius-lg, 20px);
  box-shadow: var(--pt-shadow, 0 8px 24px rgba(16, 24, 40, .06)),
              inset 0 1px 0 rgba(255, 255, 255, .55);
  padding: clamp(1.5rem, 4vw, 3rem);
  color: var(--pt-text, #1F2937);
  font-size: 1.05rem; line-height: 2.05;
}

/* تسطيح أي بطاقة داخلية قادمة من محتوى قاعدة البيانات (تجنّب بطاقة داخل بطاقة) */
.page-static .page-prose .card,
.page-static .page-prose .card-body {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
/* حاويات المحتوى الداخلية (container/container-fluid) — بلا عرض محدود ولا حشو مزدوج */
.page-static .page-prose .container,
.page-static .page-prose .container-fluid {
  max-width: none !important; width: auto !important;
  padding-inline: 0 !important; margin-inline: 0 !important;
}

/* ---------- تنسيق قراءة المحتوى (prose) ---------- */
/* إلغاء الهامش العلوي الزائد لأول عنصر (كثير من الصفحات تبدأ بـ mt-5) */
.page-static .page-prose > :first-child,
.page-static .page-prose > :first-child > :first-child { margin-top: 0 !important; }
.page-static .page-prose > :last-child  { margin-bottom: 0 !important; }

.page-static .page-prose h1,
.page-static .page-prose h2,
.page-static .page-prose h3,
.page-static .page-prose h4,
.page-static .page-prose h5,
.page-static .page-prose h6 {
  font-family: 'Cairo', sans-serif; font-weight: 700;
  color: var(--pt-text, #1F2937);
  line-height: 1.5; margin: 1.8rem 0 .8rem;
}
.page-static .page-prose h2 { font-size: 1.5rem; }
.page-static .page-prose h3 { font-size: 1.25rem; }
/* شارة برتقالية صغيرة قبل العناوين الفرعية */
.page-static .page-prose h2::before,
.page-static .page-prose h3::before {
  content: ""; display: inline-block; vertical-align: middle;
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--brand, #D46E2A); margin-inline-end: .55rem;
}

.page-static .page-prose p { margin: 0 0 1.1rem; color: var(--pt-text-2, #6B7280); }
.page-static .page-prose strong,
.page-static .page-prose b { color: var(--pt-text, #1F2937); font-weight: 700; }

/* تنسيق الروابط النصية فقط — نستثني الأزرار (.btn) حتى لا يتأثر لونها */
.page-static .page-prose a:not(.btn):not([class*="btn-"]) {
  color: var(--brand, #D46E2A); font-weight: 600;
  text-decoration: none; border-bottom: 1px solid rgba(var(--brand-rgb, 212,110,42), .35);
  transition: color .2s, border-color .2s;
}
.page-static .page-prose a:not(.btn):not([class*="btn-"]):hover { color: var(--brand-hover, #B85B21); border-color: var(--brand-hover, #B85B21); }
/* الأزرار داخل المحتوى تحتفظ بتصميم الثيم بلا خط سفلي */
.page-static .page-prose a.btn { border-bottom: 0; }
.page-static .page-prose .btn-primary { color: #fff !important; }

.page-static .page-prose ul,
.page-static .page-prose ol { margin: 0 0 1.2rem; padding-inline-start: 1.5rem; color: var(--pt-text-2, #6B7280); }
.page-static .page-prose li { margin-bottom: .55rem; }
/* نقاط قائمة بلون الهوية */
.page-static .page-prose ul { list-style: none; padding-inline-start: .5rem; }
.page-static .page-prose ul > li { position: relative; padding-inline-start: 1.4rem; }
.page-static .page-prose ul > li::before {
  content: ""; position: absolute; inset-inline-start: 0; top: .7em;
  width: 7px; height: 7px; border-radius: 50%;
  background: linear-gradient(135deg, var(--brand, #D46E2A), var(--brand-light, #F2B58C));
}

.page-static .page-prose blockquote {
  margin: 1.4rem 0; padding: .8rem 1.2rem;
  border-inline-start: 4px solid var(--brand, #D46E2A);
  background: rgba(var(--brand-rgb, 212,110,42), .06);
  border-radius: 0 12px 12px 0; color: var(--pt-text, #1F2937);
}
.page-static .page-prose img { max-width: 100%; height: auto; border-radius: 14px; margin: 1rem 0; }
.page-static .page-prose hr { border: 0; border-top: 1px solid var(--pt-border, #E7EAF0); margin: 1.8rem 0; }

/* جداول داخل المحتوى */
.page-static .page-prose table {
  width: 100%; border-collapse: collapse; margin: 1.2rem 0;
  border-radius: 12px; overflow: hidden;
}
.page-static .page-prose th,
.page-static .page-prose td { padding: .7rem 1rem; border: 1px solid var(--pt-border, #E7EAF0); text-align: start; }
.page-static .page-prose thead th { background: rgba(var(--brand-rgb, 212,110,42), .08); color: var(--pt-text, #1F2937); font-weight: 700; }

/* ---------- الوضع الداكن ---------- */
html.dark-style .page-static .page-prose {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, 0) 24%),
    rgba(28, 31, 38, .55);
  border-color: rgba(255, 255, 255, .08);
  box-shadow: var(--pt-shadow-lg, 0 18px 48px rgba(0,0,0,.45)),
              inset 0 1px 0 rgba(255, 255, 255, .06);
}
html.dark-style .page-static .page-prose thead th { background: rgba(var(--brand-rgb, 212,110,42), .14); }
html.dark-style .page-static .page-prose blockquote { background: rgba(var(--brand-rgb, 212,110,42), .12); }