/* ════════════════════════════════════════════════════════════════════════════
   🌞 الوضعُ الفاتح لصفحة النزيل — اللمساتُ اليدوية (٢٠٢٦-١١-٠٣)
   ----------------------------------------------------------------------------
   طلبُ المالك: «الدارك واللايت بحسب جوال النزيل، ومفتاحٌ لمن يبي يبدّل».
   • `zawaya-light.gen.css` (مولَّد) يترجم كلَّ لونٍ في الأوراق الليلية.
   • وهذا الملف يُحمَّل **بعده** فيغلبه بالخصوصية نفسها: الرموزُ التي لا يُستنتج
     دورُها من اسمها، والخلفيةُ المحيطة، وما رُسم ليلياً بالضرورة (شعارٌ أبيض).
   • الليليُّ لا يتغيّر بحرف: كلُّ قاعدةٍ هنا تحت `[data-theme="light"]`.
   ════════════════════════════════════════════════════════════════════════════ */

:root[data-theme="light"] {
    color-scheme: light;

    --bg-app: #eef3f1;
    --zw-page-bg: #eef3f1;

    --glass-bg: rgba(255, 255, 255, 0.72);
    --glass-bg-hover: rgba(255, 255, 255, 0.9);
    --glass-border: rgba(16, 32, 36, 0.1);

    --hero-glass: rgba(47, 158, 121, 0.08);
    --hero-overlay:
        radial-gradient(circle at 30% 20%, rgba(94, 201, 160, 0.18) 0%, transparent 60%),
        linear-gradient(135deg, rgba(94, 201, 160, 0.10) 0%, rgba(94, 201, 160, 0.05) 50%, rgba(238, 243, 241, 0.6) 100%);

    --text-primary: #102024;
    --text-secondary: rgba(16, 32, 36, 0.74);
    --text-tertiary: rgba(16, 32, 36, 0.58);
    --text-muted: rgba(16, 32, 36, 0.45);

    --brand-primary: #1f8a67;
    --brand-secondary: #23946f;
    --brand-accent: rgba(31, 138, 103, 0.75);

    --gradient-primary: linear-gradient(135deg, rgba(94, 201, 160, 0.22) 0%, rgba(78, 185, 145, 0.18) 100%);

    --shadow-sm: 0 2px 10px rgba(16, 32, 36, 0.06);
    --shadow-md: 0 4px 18px rgba(16, 32, 36, 0.08);
    --shadow-lg: 0 8px 28px rgba(16, 32, 36, 0.1);
    --shadow-xl: 0 16px 44px rgba(16, 32, 36, 0.12);

    /* shadcn (الدليل) — نفسُ الأزواج، نهاراً. */
    --background: 150 18% 95%;
    --foreground: 190 38% 10%;
    --card: 0 0% 100%;
    --card-foreground: 190 38% 10%;
    --popover: 0 0% 100%;
    --popover-foreground: 190 38% 10%;
    --primary: 160 60% 33%;
    --primary-foreground: 0 0% 100%;
    --secondary: 160 16% 91%;
    --secondary-foreground: 190 38% 14%;
    --muted: 160 14% 92%;
    --muted-foreground: 190 10% 38%;
    --accent: 160 45% 88%;
    --accent-foreground: 165 60% 18%;
    --destructive: 0 70% 46%;
    --destructive-foreground: 0 0% 100%;
    --border: 180 12% 84%;
    --input: 180 12% 84%;
    --ring: 160 60% 33%;
}

/* 🌫️ الخلفيةُ المحيطة: البركتان التركوازيّتان نهاراً — نعناعٌ شاحب فوق رماديٍّ دافئ. */
:root[data-theme="light"] body { background: var(--bg-app); color: var(--text-primary); }
:root[data-theme="light"] body::before {
    background:
        radial-gradient(ellipse 80% 60% at 20% 20%, rgba(94, 201, 160, 0.16) 0%, transparent 60%),
        radial-gradient(ellipse 60% 50% at 80% 80%, rgba(70, 182, 232, 0.10) 0%, transparent 60%),
        radial-gradient(ellipse 100% 80% at 50% 50%, rgba(255, 255, 255, 0.7) 0%, transparent 100%);
    background-color: var(--bg-app);
}

/* ✦ شريطُ الأوضاع — حدُّه رمزٌ محلّيّ. */
:root[data-theme="light"] .zawaya-mode-switch { --mode-border: rgba(31, 138, 103, 0.22); }

/* ♿ التباينُ العالي نهاراً: نصٌّ أسود، حدودٌ واضحة. */
:root[data-theme="light"].zw-high-contrast {
    --text-primary: #000;
    --text-secondary: #111827;
    --text-tertiary: #1f2937;
    --text-muted: #374151;
    --glass-border: rgba(0, 0, 0, 0.55);
}

/* 🗺️ أزرارُ الخريطة مقلوبةٌ ليلاً لتظهر بيضاء — نهاراً تعود كما رسمتها Mapbox. */
:root[data-theme="light"] .guidebook-map .mapboxgl-ctrl-group button { filter: none; }

/* 📍 دبابيسُ الدليل: اللونُ نفسُه أغمق قليلاً ليبقى واضحاً على خريطةٍ فاتحة. */
:root[data-theme="light"] .guidebook-marker,
:root[data-theme="light"] .guidebook-hotel-marker { --pin: #23855f; --pin-ink: #ffffff; }
:root[data-theme="light"] .guidebook-marker.is-landmarks,
:root[data-theme="light"] .guidebook-marker.is-sponsored { --pin: #b7791f; --pin-ink: #ffffff; }
:root[data-theme="light"] .guidebook-marker.is-culture { --pin: #7c5cd6; --pin-ink: #ffffff; }
:root[data-theme="light"] .guidebook-marker.is-eat-shop { --pin: #d2583f; --pin-ink: #ffffff; }
:root[data-theme="light"] .guidebook-marker.is-outdoors { --pin: #2f9e5a; --pin-ink: #ffffff; }
:root[data-theme="light"] .guidebook-marker.is-entertainment { --pin: #1f8fc4; --pin-ink: #ffffff; }
:root[data-theme="light"] .guidebook-marker.is-provider { --pin: #3a78cc; --pin-ink: #ffffff; }

/* 🍽️ بطاقةُ الطبق — رموزُها ليلية بالاسم (`--fc-ground` …)، فتُعطى نهاراً هنا. */
:root[data-theme="light"] .fc {
    --fc-ground: #f4f7f6;
    --fc-card: #ffffff;
    --fc-paper: #f7faf9;
    --fc-line: #e3e9e7;
    --fc-line-2: #d3dcd9;
    --fc-em: #1f8a67;
    --fc-em-ink: #ffffff;
    --fc-em-deep: #e3f4ed;
    --fc-em-edge: #9fd6c0;
    --fc-em-text: #17694f;
    --fc-amber: #c27c0e;
    --fc-amber-deep: #fdf3df;
    --fc-amber-edge: #ecc98a;
    --fc-amber-text: #8a5a0a;
    --fc-t1: #102024;
    --fc-t2: #45585d;
    --fc-t3: #6f7f84;
}

/* 💬 فقاعاتُ المحادثة: فقاعةُ النزيل بلون العلامة الفاتح، وفقاعةُ زوي بيضاء
      بحدٍّ رقيق — التباينُ بين المتكلّمَين يبقى كما هو ليلاً. */
:root[data-theme="light"] .message.ai .message-bubble {
    background: #ffffff;
    border-color: rgba(16, 32, 36, 0.08);
    box-shadow: 0 1px 2px rgba(16, 32, 36, 0.05), 0 4px 14px rgba(16, 32, 36, 0.04);
}
:root[data-theme="light"] .message .message-bubble { color: rgba(16, 32, 36, 0.88); }

/* 🖼️ شعارٌ رُسم أبيض ليلاً (filter: brightness(0) invert(1)) يعود داكناً نهاراً. */
:root[data-theme="light"] img[src$="logo.svg"] { filter: none !important; }

/* 🔘 المفتاح نفسُه (قائمة النزيل + شاشة الدخول) — راجع js/theme.js. */
.nav-theme .nav-theme-switch {
    margin-inline-start: auto; width: 38px; height: 22px; border-radius: 999px; flex-shrink: 0;
    background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.18);
    position: relative; transition: background 0.2s, border-color 0.2s;
}
.nav-theme .nav-theme-switch::after {
    content: ''; position: absolute; top: 2px; inset-inline-start: 2px; width: 16px; height: 16px; border-radius: 50%;
    background: rgba(255, 255, 255, 0.85); transition: transform 0.2s;
}
.nav-theme[aria-checked="true"] .nav-theme-switch { background: rgba(94, 201, 160, 0.55); border-color: rgba(94, 201, 160, 0.7); }
.nav-theme[aria-checked="true"] .nav-theme-switch::after { transform: translateX(16px); background: #fff; }
[dir="rtl"] .nav-theme[aria-checked="true"] .nav-theme-switch::after { transform: translateX(-16px); }
.nav-theme .nav-theme-hint { display: block; font-size: 11px; opacity: 0.6; font-weight: 500; margin-top: 1px; }
:root[data-theme="light"] .nav-theme .nav-theme-switch { background: rgba(16, 32, 36, 0.12); border-color: rgba(16, 32, 36, 0.16); }
:root[data-theme="light"] .nav-theme .nav-theme-switch::after { background: #fff; box-shadow: 0 1px 3px rgba(16, 32, 36, 0.25); }
:root[data-theme="light"] .nav-theme[aria-checked="true"] .nav-theme-switch { background: #23946f; border-color: #1f8a67; }

.glc-theme-btn {
    display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 11px;
    border: 0.8px solid rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.75);
    cursor: pointer; padding: 0; font-family: inherit;
}
.glc-theme-btn:hover, .glc-theme-btn:focus-visible { background: rgba(255, 255, 255, 0.1); }
.glc-theme-btn .zw-ico-sun { display: none; }
:root[data-theme="light"] .glc-theme-btn { border-color: rgba(16, 32, 36, 0.14); background: rgba(16, 32, 36, 0.04); color: rgba(16, 32, 36, 0.7); }
:root[data-theme="light"] .glc-theme-btn .zw-ico-sun { display: inline; }
:root[data-theme="light"] .glc-theme-btn .zw-ico-moon { display: none; }