/* ============================================================
   قالب «أفق» — نيلي عميق + مرجاني + سماوي، عناوين ضخمة،
   هيدر عائم بشكل كبسولة، تدرّجات قوية وبطاقات زجاجية.
   طبقة CSS فقط فوق site.css — لا تغيير في الصفحات أو البيانات.
   ملاحظة تباين: نص الأزرار المرجانية نيلي داكن (≥ 5:1)، والمرجاني
   كلون نص صغير يستخدم الدرجة الأغمق --gold-3.
   ============================================================ */
.sk-theme-ofoq {
    --navy: #1e1b4b;
    --navy-2: #13112f;
    --gold: #ff5a36;
    --gold-2: #ffb199;
    --gold-3: #c2410c;
    --cream: #f5f6ff;
    --ink: #1f1d3a;
    --muted: #5f5d7a;
    --line: #e3e4f3;
    --primary-rgb: 30, 27, 75;
    --accent-rgb: 255, 90, 54;
    --accent2-rgb: 56, 189, 248;
    --shade-rgb: 30, 27, 75;
    --overlay-rgb: 24, 20, 64;
    --bg-rgb: 245, 246, 255;
    --surface: #ffffff;
    --surface-2: #f0f1fd;
    --surface-3: #e3e4f3;
    --on-dark: #e4e3fb;
    --on-dark-2: #b4b2dc;
    --stars-off: #dcdcef;
    --grad-gold: linear-gradient(120deg, #ff5a36 0%, #ff8a4c 100%);
    --grad-navy: linear-gradient(135deg, #1e1b4b 0%, #3b2a8a 55%, #6d28d9 100%);
    --footer-bg: linear-gradient(160deg, #1e1b4b 0%, #13112f 100%);
    --radius: 24px;
    --radius-sm: 16px;
    --btn-radius: 14px;
    --shadow: 0 20px 50px rgba(30, 27, 75, .16);
    --shadow-sm: 0 6px 20px rgba(30, 27, 75, .08);
    --font: 'Readex Pro', 'Segoe UI', Tahoma, sans-serif;
    --font-display: var(--font);
}
.sk-theme-ofoq h1, .sk-theme-ofoq h2, .sk-theme-ofoq .sk-sec-title { font-weight: 700; letter-spacing: -.01em; }

/* الأزرار */
.sk-theme-ofoq .sk-btn { font-weight: 600; }
.sk-theme-ofoq .sk-btn-gold { background: var(--grad-gold); color: #1e1b4b; box-shadow: 0 10px 24px rgba(255, 90, 54, .32); }
.sk-theme-ofoq .sk-btn-gold:hover { filter: brightness(1.05); }
.sk-theme-ofoq .sk-btn-outline:hover { border-color: #38bdf8; color: #bae6fd; }
.sk-theme-ofoq .sk-btn-outline-navy { border-width: 1.5px; }

/* الشريط العلوي + هيدر عائم بشكل كبسولة (على الشاشات الواسعة) */
.sk-theme-ofoq .sk-topbar { background: #13112f; }
.sk-theme-ofoq .sk-header { background: rgba(255, 255, 255, .9); border-bottom: 1px solid var(--line); }
@media (min-width: 861px) {
    .sk-theme-ofoq .sk-header { top: 12px; margin: 12px auto 0; max-width: min(1220px, calc(100% - 32px)); border: 1px solid rgba(255, 255, 255, .7); border-radius: 22px; box-shadow: 0 14px 40px rgba(30, 27, 75, .14); }
    .sk-theme-ofoq .sk-header-in { min-height: 66px; }
}
.sk-theme-ofoq .sk-brand-text b { font-weight: 700; }
.sk-theme-ofoq .sk-nav a, .sk-theme-ofoq .sk-nav-dd-btn { color: #312e81; font-weight: 500; border-radius: 12px; }
.sk-theme-ofoq .sk-nav a:hover, .sk-theme-ofoq .sk-nav-dd-btn:hover { background: #eef0ff; color: #1e1b4b; }
.sk-theme-ofoq .sk-nav a.active, .sk-theme-ofoq .sk-nav-dd.active-group .sk-nav-dd-btn { box-shadow: none; border-radius: 12px; background: #1e1b4b; color: #fff; }

/* البطل: تدرّج نيلي/بنفسجي وعنوان ضخم */
.sk-theme-ofoq .sk-hero2 { background: var(--grad-navy); }
.sk-theme-ofoq .sk-hero2-shade { background: linear-gradient(135deg, rgba(30, 27, 75, calc(var(--ov, .55) + .15)) 0%, rgba(59, 42, 138, var(--ov, .55)) 55%, rgba(109, 40, 217, calc(var(--ov, .55) * .45)) 100%); }
.sk-theme-ofoq .sk-hero2-noimg .sk-hero2-shade { background: radial-gradient(60% 70% at 15% 20%, rgba(56, 189, 248, .25), transparent 60%), radial-gradient(50% 60% at 85% 90%, rgba(255, 90, 54, .28), transparent 60%); }
.sk-theme-ofoq .sk-hero2 h1, .sk-theme-ofoq .sk-hero2 h2 { font-size: clamp(32px, 6vw, 62px); line-height: 1.25; text-shadow: none; }
.sk-theme-ofoq .sk-hero-kicker { background: rgba(56, 189, 248, .18); border-color: rgba(56, 189, 248, .5); color: #e0f2fe; border-radius: 999px; }
.sk-theme-ofoq .sk-hero2-tabs button { border-radius: 14px; background: rgba(255, 255, 255, .1); backdrop-filter: blur(8px); }
.sk-theme-ofoq .sk-hero2-tabs button.is-on { background: #fff; color: #1e1b4b; }
.sk-theme-ofoq .sk-hero2-tabs button i { background: var(--grad-gold); }
.sk-theme-ofoq .sk-hero2-arrow, .sk-theme-ofoq .sk-hero2-pause { background: rgba(255, 255, 255, .12); backdrop-filter: blur(8px); }
.sk-theme-ofoq .sk-hero2-split-media { border-radius: 32px; transform: rotate(-1.5deg); }

/* البحث: بطاقة زجاجية */
.sk-theme-ofoq .sk-widget { border-radius: 24px; background: rgba(255, 255, 255, .86); backdrop-filter: blur(16px) saturate(1.4); -webkit-backdrop-filter: blur(16px) saturate(1.4); border: 1px solid rgba(255, 255, 255, .8); box-shadow: 0 30px 70px rgba(30, 27, 75, .25); }
.sk-theme-ofoq .sk-widget-tabs { background: transparent; padding: 8px 8px 0; gap: 4px; }
.sk-theme-ofoq .sk-widget-tabs button { border-radius: 14px 14px 0 0; }
.sk-theme-ofoq .sk-widget-tabs button.active { background: #fff; border-bottom-color: #ff5a36; }
.sk-theme-ofoq .sk-field input, .sk-theme-ofoq .sk-field select, .sk-theme-ofoq .sk-field textarea { border-radius: 14px; background: #fff; }
.sk-theme-ofoq .sk-field input:focus, .sk-theme-ofoq .sk-field select:focus, .sk-theme-ofoq .sk-field textarea:focus { outline: 2px solid #c7d2fe; border-color: #6366f1; }

/* عناوين الأقسام: ضخمة مع شريط متدرّج */
.sk-theme-ofoq .sk-sec-title { font-size: clamp(28px, 4.4vw, 44px); color: #1e1b4b; }
.sk-theme-ofoq .sk-divider { max-width: 90px; }
.sk-theme-ofoq .sk-divider span { display: none; }
.sk-theme-ofoq .sk-divider i { width: 90px; height: 6px; transform: none; border-radius: 6px; background: linear-gradient(90deg, #38bdf8, #6366f1, #ff5a36); }
.sk-theme-ofoq .sk-section-alt { background: linear-gradient(180deg, #eef0ff 0%, #f5f6ff 100%); border-color: transparent; }

/* البطاقات */
.sk-theme-ofoq .sk-card, .sk-theme-ofoq .sk-tile, .sk-theme-ofoq .sk-post-card, .sk-theme-ofoq .sk-testi, .sk-theme-ofoq .sk-ziy, .sk-theme-ofoq .sk-howto li, .sk-theme-ofoq .sk-mini-hotel { border-color: var(--line); box-shadow: var(--shadow-sm); }
.sk-theme-ofoq .sk-card:hover, .sk-theme-ofoq .sk-tile:hover, .sk-theme-ofoq .sk-post-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); border-color: #c7d2fe; }
.sk-theme-ofoq .sk-card-media { height: 220px; }
.sk-theme-ofoq .sk-card-badge { background: var(--grad-gold); color: #1e1b4b; border-radius: 999px; font-weight: 700; }
.sk-theme-ofoq .sk-card-badge-navy { background: #1e1b4b; color: #fff; }
.sk-theme-ofoq .sk-card-title { font-size: 18px; font-weight: 700; color: #1e1b4b; }
.sk-theme-ofoq .sk-card-cta { color: #4f46e5; }
.sk-theme-ofoq .sk-tile-iconwrap { border: 0; border-radius: 18px; background: linear-gradient(135deg, #e0f2fe, #eef0ff); color: #4338ca; }
.sk-theme-ofoq .sk-tile:hover .sk-tile-iconwrap { background: var(--grad-navy); color: #fff; }
.sk-theme-ofoq .sk-dest { border-radius: 28px; }
.sk-theme-ofoq .sk-dest-copy { background: linear-gradient(180deg, transparent, rgba(30, 27, 75, .85)); }
.sk-theme-ofoq .sk-dest-copy span { color: #bae6fd; }
.sk-theme-ofoq .sk-why-ic { background: linear-gradient(135deg, #e0f2fe, #eef0ff); border-radius: 16px; }
.sk-theme-ofoq .sk-why-media img, .sk-theme-ofoq .sk-why-ph { border-radius: 32px; box-shadow: -18px 18px 0 -4px rgba(56, 189, 248, .35); }
.sk-theme-ofoq .sk-chip { border-radius: 999px; }
.sk-theme-ofoq .sk-fchip.is-on { background: #1e1b4b; border-color: #1e1b4b; color: #fff; }
.sk-theme-ofoq .sk-testi { border-top: 0; }
.sk-theme-ofoq .sk-howto li::before { color: rgba(99, 102, 241, .28); }

/* الإحصائيات: شريط متدرّج */
.sk-theme-ofoq .sk-stats { background: linear-gradient(120deg, #1e1b4b 0%, #4338ca 60%, #6d28d9 100%); }
.sk-theme-ofoq .sk-stats::before { background: radial-gradient(40% 120% at 90% 0%, rgba(255, 90, 54, .35), transparent 60%), radial-gradient(40% 120% at 10% 100%, rgba(56, 189, 248, .3), transparent 60%); }
.sk-theme-ofoq .sk-stat b { background: none; color: #fff; -webkit-text-fill-color: #fff; font-size: clamp(30px, 4vw, 42px); }
.sk-theme-ofoq .sk-stat span { color: #c7d2fe; }
.sk-theme-ofoq .sk-trust-strip { background: #fff; }

/* رؤوس الصفحات والنماذج */
.sk-theme-ofoq .sk-page-head { background: var(--grad-navy); }
.sk-theme-ofoq .sk-page-head h1 { font-size: clamp(30px, 5vw, 50px); }
.sk-theme-ofoq .sk-page-head-photo { background: linear-gradient(135deg, rgba(30, 27, 75, .9), rgba(109, 40, 217, .75)), var(--head-img) center / cover; }
.sk-theme-ofoq .sk-form-card { border-top: 0; box-shadow: var(--shadow); }
.sk-theme-ofoq .sk-tl-day { background: var(--grad-navy); }
.sk-theme-ofoq .sk-cta-band { background: linear-gradient(120deg, #ff5a36 0%, #e11d48 55%, #6d28d9 100%); }
.sk-theme-ofoq .sk-cta-band p { color: #fff1ec; }
.sk-theme-ofoq .sk-cta-band .sk-btn-gold { background: #fff; color: #1e1b4b; box-shadow: none; }

/* التذييل: نيلي بحد علوي متدرّج */
.sk-theme-ofoq .sk-footer { border-top: 5px solid transparent; border-image: linear-gradient(90deg, #38bdf8, #6366f1, #ff5a36) 1; }
.sk-theme-ofoq .sk-footer h4::after { background: linear-gradient(90deg, #38bdf8, #ff5a36); }
.sk-theme-ofoq .sk-footer a:hover, .sk-theme-ofoq .sk-footer-brand, .sk-theme-ofoq .sk-footer-tag { color: #ffb199 !important; }
.sk-theme-ofoq .sk-footer-license { color: #bae6fd; background: rgba(56, 189, 248, .12); border-color: rgba(56, 189, 248, .35); }
.sk-theme-ofoq .sk-footer-socials a { border-radius: 14px; }
.sk-theme-ofoq .sk-footer-socials a:hover { background: var(--grad-gold); color: #1e1b4b; }