/* ═══════════════════════════════════════════════════════════
   theme-obsidian.css — هوية "أوبسيديان × ذهبي شمبانيا"
   يتفعّل على أي صفحة بإضافة:  $bodyClass = 'fp-theme-obsidian';
   قبل include لـ app-header.php  (ولا يغيّر باقي الصفحات)
   ═══════════════════════════════════════════════════════════ */

body.fp-theme-obsidian {
    --fp-bg: #0A0B10;
    --fp-surface: #151824;
    --fp-surface-2: #1B1F2E;
    --fp-border: rgba(233, 211, 160, 0.12);
    --fp-border-dark: rgba(233, 211, 160, 0.22);

    --fp-primary: #DCBB78;
    --fp-primary-dark: #B8862F;
    --fp-primary-light: rgba(207, 162, 77, 0.14);
    --fp-primary-soft: rgba(207, 162, 77, 0.28);
    --fp-on-primary: #0A0B10;
    --fp-gold-grad: linear-gradient(135deg, #E9D3A0 0%, #CFA24D 55%, #B8862F 100%);

    --fp-text: #F5F1E8;
    --fp-text-2: #B8B3A8;
    --fp-text-3: #8C8678;
    --fp-text-light: #4A473F;

    --fp-success: #2FD98A;
    --fp-success-bg: rgba(47, 217, 138, 0.14);
    --fp-warning: #F2B84B;
    --fp-warning-bg: rgba(242, 184, 75, 0.14);
    --fp-danger: #FF6B6B;
    --fp-danger-bg: rgba(255, 90, 90, 0.14);

    --fp-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
    --fp-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
    --fp-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
    --fp-shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.55);

    --fp-font-display: 'El Messiri', 'Tajawal', sans-serif;

    background: var(--fp-bg);
    color: var(--fp-text);
    touch-action: manipulation; /* يمنع تأخير الضغطة المزدوجة بدون ما نحتاج JS */
}

html:has(body.fp-theme-obsidian) { background: var(--fp-bg); color-scheme: dark; }

/* ═══ Header ═══ */
.fp-theme-obsidian .fp-header,
.fp-theme-obsidian .fp-bottom-nav {
    background: rgba(10, 11, 16, 0.88);
    border-color: var(--fp-border);
}
.fp-theme-obsidian .fp-bottom-nav { box-shadow: 0 -8px 28px rgba(0, 0, 0, 0.5); }

.fp-theme-obsidian .fp-header-logo-mark {
    background: var(--fp-gold-grad);
    color: var(--fp-on-primary);
    box-shadow: 0 4px 14px rgba(207, 162, 77, 0.35);
    font-family: var(--fp-font-display);
}
.fp-theme-obsidian .fp-header-logo-text { font-family: var(--fp-font-display); font-weight: 700; }
.fp-theme-obsidian .fp-header-btn {
    background: var(--fp-surface);
    color: var(--fp-primary);
}
.fp-theme-obsidian .fp-header-btn:active { background: var(--fp-primary-light); }

.fp-theme-obsidian .fp-header-badge,
.fp-theme-obsidian .fp-nav-badge {
    background: var(--fp-gold-grad);
    color: var(--fp-on-primary);
    border-color: var(--fp-bg);
    box-shadow: none;
}

/* ═══ Bottom nav ═══ */
.fp-theme-obsidian .fp-nav-item.active,
.fp-theme-obsidian .fp-nav-item.active span { color: var(--fp-primary); }

/* ═══ Shared components ═══ */
.fp-theme-obsidian .fp-btn {
    background: var(--fp-gold-grad);
    color: var(--fp-on-primary);
    box-shadow: 0 6px 18px rgba(207, 162, 77, 0.25);
}
.fp-theme-obsidian .fp-btn-outline { background: transparent; color: var(--fp-primary); box-shadow: none; }
.fp-theme-obsidian .fp-btn-ghost { background: var(--fp-surface); color: var(--fp-text); box-shadow: none; }

.fp-theme-obsidian .fp-toast { background: var(--fp-surface-2); color: var(--fp-text); border: 1px solid var(--fp-border-dark); }
.fp-theme-obsidian .fp-toast.success { background: var(--fp-success); color: #04150C; border-color: transparent; }
.fp-theme-obsidian .fp-toast.error { background: var(--fp-danger); color: #1A0505; border-color: transparent; }

.fp-theme-obsidian .fp-skeleton {
    background: linear-gradient(90deg, #151824 25%, #1F2434 50%, #151824 75%);
    background-size: 200% 100%;
}
.fp-theme-obsidian .fp-spinner { border-color: var(--fp-primary-soft); border-top-color: var(--fp-primary); }

/* تأكد إن عناصر الـ Leaflet والـ iframe بتاع الهوت لاين فوق الـ bottom nav */
@media (max-width: 768px) {
    .fp-theme-obsidian iframe[src*="hotline.agm360.net"] { bottom: calc(var(--fp-bottom-nav-height) + var(--fp-safe-bottom) + 12px) !important; }
}