/* مفصول آلياً من templates/public/base.html — v25.9 */
/* Header top line */
.header-topline{height:2.5px;background:linear-gradient(90deg,var(--gold),var(--emerald-dark),var(--gold),var(--emerald-dark),var(--gold))}
/* Separator */
.header-sep{width:1px;height:20px;background:var(--border);margin:0 4px}
/* Nav dots */
.nav-dot{color:var(--border);font-size:6px;line-height:1;user-select:none}
.nav-dot::before{content:'●'}
/* Volunteer button */
.vol-btn{height:34px;padding:0 18px;border-radius:6px;border:none;background:linear-gradient(135deg,#D4AF37,#B8962E);color:#0B3D2E;font-size:11px;font-weight:700;font-family:'Noto Kufi Arabic',sans-serif;cursor:pointer;display:flex;align-items:center;gap:5px;position:relative;overflow:hidden;transition:all .4s;box-shadow:0 2px 12px rgba(212,175,55,.15)}
.vol-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}
@keyframes shimmer{0%{left:-100%}40%{left:100%}100%{left:100%}}
.vol-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(212,175,55,.3)}
.vol-btn i{font-size:12px}
/* Login button */
.login-btn-new{height:32px;padding:0 14px;border-radius:6px;border:1.5px solid var(--border);background:none;color:var(--text-light);font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s;text-decoration:none}
.login-btn-new:hover{border-color:var(--emerald);color:var(--emerald);transform:translateY(-1px)}
/* Header actions */
.header-actions{display:flex;align-items:center;gap:6px}

@keyframes ldPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}
@keyframes ldFill{0%{width:0}100%{width:100%}}
/* Scroll to top */
/* (القاعدة القديمة للزر أزيلت — الجديدة أدناه) */
@media(max-width:768px){#scrollTopBtn{bottom:156px}}
/* Scroll reveal animations */
.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.scroll-reveal.visible{opacity:1;transform:translateY(0)}
.scroll-reveal:nth-child(2){transition-delay:.08s}
.scroll-reveal:nth-child(3){transition-delay:.16s}
.scroll-reveal:nth-child(4){transition-delay:.24s}

/* ═══ v25.9.1: شريط المعاينة المحسّن — كبسولة اللغات وزر الليلي ═══ */
.lang-pill{display:inline-flex;align-items:center;gap:2px;border:1.5px solid #e0e8e3;border-radius:100px;padding:3px;background:#fff}
.lang-pill .lang-btn{border:none!important;background:none;border-radius:100px;min-width:32px;height:27px;display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;color:#65756c;text-decoration:none;padding:0 10px;transition:.2s;line-height:1}
.lang-pill .lang-btn:hover{color:#0d8a5c;background:#edf3ef}
.lang-pill .lang-btn.active{background:linear-gradient(135deg,#0d8a5c,#0a5c3d)!important;color:#fff!important;box-shadow:0 4px 10px -4px rgba(13,138,92,.5)}
html.dark-mode .lang-pill{background:#141c17;border-color:#2c3a33}
html.dark-mode .lang-pill .lang-btn{color:#96a99d}
html.dark-mode .lang-pill .lang-btn:hover{background:#1b2620;color:#7ee2b3}
.theme-btn{width:34px;height:34px;border-radius:50%;border:1.5px solid #e0e8e3;background:#fff;color:#3d4a42;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.2s;flex-shrink:0}
.theme-btn:hover{border-color:#0d8a5c;color:#0d8a5c;transform:rotate(-12deg)}
html.dark-mode .theme-btn{background:#141c17;border-color:#2c3a33;color:#c9a84c}
.header-actions{gap:9px}
@media(max-width:860px){
  .lang-pill{padding:2px}
  .lang-pill .lang-btn{min-width:27px;height:24px;font-size:9.5px;padding:0 7px}
  .theme-btn{width:30px;height:30px;font-size:13px}
}

/* ═══ v25.9.1: تذييل المعاينة المحسّن ═══ */
.footer29{background:linear-gradient(170deg,#0a2c1e,#08241a 60%,#062018);color:#cfe3d8;margin-top:60px}
.f29-wrap{max-width:1180px;margin:0 auto;padding:52px 20px 20px}
.f29-cols{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:38px}
@media(max-width:860px){.f29-cols{grid-template-columns:1fr;gap:30px}}
.f29-col h4{color:#fff;font-size:15px;font-weight:800;margin:0 0 8px;position:relative;padding-bottom:11px}
.f29-col h4::after{content:'';position:absolute;bottom:0;inset-inline-start:0;width:34px;height:3px;border-radius:3px;background:linear-gradient(90deg,#c9a84c,#a88534)}
.f29-brand p{font-size:12px;line-height:2.1;color:#a9c3b5;margin:12px 0 0}
.f29-verse{font-size:13.5px;color:#e8d9a8;font-weight:700;margin-top:14px}
.f29-social{display:flex;gap:9px;margin-top:18px}
.f29-social a{width:38px;height:38px;border-radius:11px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#cfe3d8;font-size:17px;display:inline-flex;align-items:center;justify-content:center;transition:.2s;text-decoration:none}
.f29-social a:hover{background:#c9a84c;border-color:#c9a84c;color:#2b2109;transform:translateY(-3px)}
.f29-links{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:11px}
.f29-links a{color:#a9c3b5;font-size:12.5px;text-decoration:none;transition:.2s;display:inline-block}
.f29-links a:hover{color:#fff;transform:translateX(-4px)}
html[lang="en"] .f29-links a:hover{transform:translateX(4px)}
.f29-c{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:#a9c3b5;margin-top:13px;line-height:1.9;overflow-wrap:anywhere}
.f29-c:first-of-type{margin-top:16px}
.f29-c i{color:#c9a84c;font-size:16px;flex-shrink:0;margin-top:3px}
.f29-bar{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;color:#8fae9e}
.f29-bar i{color:#e05252;font-size:12px;vertical-align:-1px}

/* ═══ v25.9.2: زر العودة للأعلى — دائرة المعاينة الزمردية ═══ */
#scrollTopBtn{position:fixed;bottom:22px;inset-inline-start:22px;width:46px;height:46px;border-radius:50%!important;border:none!important;background:linear-gradient(135deg,#0d8a5c,#0a5c3d)!important;color:#fff!important;font-size:19px;cursor:pointer;z-index:999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .3s;box-shadow:0 12px 28px -8px rgba(13,138,92,.6)}
#scrollTopBtn.show{opacity:1;visibility:visible;transform:translateY(0)}
#scrollTopBtn:hover{transform:translateY(-4px);box-shadow:0 16px 34px -8px rgba(13,138,92,.7)}
html.dark-mode #scrollTopBtn{background:linear-gradient(135deg,#0d8a5c,#0a5c3d)!important;color:#fff!important}

/* ═══ v25.9.4: شريط الأخبار الرشيق — تحت الترويسة ═══ */
.tick29{display:flex;align-items:center;gap:12px;background:#eef6f1;border-bottom:1px solid #dfeae3;padding:7px 18px;overflow:hidden}
html.dark-mode .tick29{background:#101a14;border-color:#233029}
.t29-chip{flex-shrink:0;display:inline-flex;gap:6px;align-items:center;font-size:10px;font-weight:800;color:#0a5c3d;background:#fff;border:1px solid #d5e5db;border-radius:100px;padding:5px 13px}
html.dark-mode .t29-chip{background:#141c17;border-color:#2c3a33;color:#7ee2b3}
.t29-chip i{color:#c9a84c}
.t29-view{flex:1;overflow:hidden;min-width:0}
.t29-track{display:inline-flex;align-items:center;gap:22px;white-space:nowrap;animation:t29m 40s linear infinite;will-change:transform}
.tick29:hover .t29-track{animation-play-state:paused}
@keyframes t29m{from{transform:translateX(0)}to{transform:translateX(50%)}}
html[lang="en"] .t29-track{animation-name:t29men}
@keyframes t29men{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.t29-item,.t29-item a{font-size:11.5px;font-weight:600;color:#3d554a;text-decoration:none}
html.dark-mode .t29-item,html.dark-mode .t29-item a{color:#a9c3b5}
.t29-item a:hover{color:#0d8a5c}
.t29-dot{width:5px;height:5px;border-radius:50%;background:#c9a84c;flex-shrink:0}
@media(max-width:640px){.tick29{padding:6px 12px}.t29-chip{font-size:9px;padding:4px 10px}}

/* ═══ v25.9.4: خلفية موحدة للموقع العام — إنهاء تسرب البيج ═══ */
body{background:#f5f9f7}
html.dark-mode body{background:#0c1210}