/* ==========================================================
   light-theme.css  —  تنسيق اللايت مود (يتحمّل بعد style.css و home.css)
   البالتة: تيل (الأساسي) + ذهبي (للتمييز فقط) + عاجي دافئ للخلفية
   ========================================================== */

[data-theme="light"] {
  --lt-bg: #f6f5f0;            /* عاجي دافئ بدل الرمادي المزرق */
  --lt-surface: #ffffff;
  --lt-surface-soft: #f0f7f6;  /* أبيض مائل للتيل */
  --lt-border: rgba(15, 118, 110, 0.14);
  --lt-border-strong: rgba(15, 118, 110, 0.28);

  --lt-teal: #0d9488;
  --lt-teal-dark: #0f766e;
  --lt-teal-deep: #134e4a;
  --lt-gold: #b8923a;          /* ذهبي أغمق شوية من #d0ac52 عشان يبان */
  --lt-gold-dark: #92400e;

  --lt-text: #14211f;          /* أسود مخضر دافئ */
  --lt-text-muted: #51635f;

  --lt-shadow-sm: 0 1px 2px rgba(19, 78, 74, 0.06), 0 2px 8px rgba(19, 78, 74, 0.05);
  --lt-shadow-md: 0 2px 4px rgba(19, 78, 74, 0.05), 0 10px 24px rgba(19, 78, 74, 0.09);

  --color-bg: var(--lt-bg);
  --color-bg-card: var(--lt-surface);
  --color-bg-soft: var(--lt-surface-soft);
  --color-text: var(--lt-text);
  --color-text-muted: var(--lt-text-muted);
  --shadow-soft: var(--lt-shadow-sm);
  --shadow-card: var(--lt-shadow-md);
}

/* ---------- الخلفية ---------- */
[data-theme="light"] body {
  background:
    radial-gradient(circle at 12% 8%, rgba(13, 148, 136, 0.10), transparent 38%),
    radial-gradient(circle at 92% 92%, rgba(184, 146, 58, 0.09), transparent 38%),
    var(--lt-bg) !important;
  background-attachment: fixed !important;
  color: var(--lt-text);
}

/* ---------- الشعار + الحديث ---------- */
[data-theme="light"] .home-logo h1 {
  color: var(--lt-teal-deep);
  font-weight: 700;
}
[data-theme="light"] .home-logo p {
  background: var(--lt-surface);
  color: var(--lt-text);
  border: 1px solid var(--lt-border);
  border-right: 3px solid var(--lt-gold);
  box-shadow: var(--lt-shadow-sm);
}

/* ---------- شريط الصلاة القادمة ---------- */
[data-theme="light"] .home-prayer-bar {
  background: linear-gradient(135deg, #ffffff 0%, var(--lt-surface-soft) 100%);
  border: 1px solid var(--lt-border-strong);
  box-shadow: var(--lt-shadow-sm);
  color: var(--lt-text);
}
[data-theme="light"] #nextPrayerName {
  color: var(--lt-teal-deep);
}
[data-theme="light"] .countdown-digital,
[data-theme="light"] #homeCountdown,
[data-theme="light"] #nextPrayerCountdown {
  color: var(--lt-teal-dark) !important;
  font-weight: 800 !important;
}
[data-theme="light"] .bar-date { color: var(--lt-text); font-weight: 600; }
[data-theme="light"] .bar-zikr { color: var(--lt-text-muted); }

/* ---------- كروت المميزات (بدل الزجاج الباهت) ---------- */
[data-theme="light"] .feature-item {
  background: var(--lt-surface) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid var(--lt-border) !important;
  box-shadow: var(--lt-shadow-sm) !important;
  border-radius: 20px;
}
[data-theme="light"] .feature-item:hover,
[data-theme="light"] .feature-item:active {
  background: var(--lt-surface) !important;
  border-color: var(--lt-teal) !important;
  box-shadow: var(--lt-shadow-md) !important;
  transform: translateY(-3px);
}

/* العنوان: تيل غامق بدل الذهبي الفاتح */
[data-theme="light"] .feature-item h3 {
  color: var(--lt-teal-deep) !important;
  font-weight: 800 !important;
}
[data-theme="light"] .feature-item p {
  color: var(--lt-text-muted) !important;
}

/* الأيقونات */
[data-theme="light"] .feature-item svg {
  color: var(--lt-teal-dark);
  background: rgba(13, 148, 136, 0.09);
}
[data-theme="light"] .feature-item:hover svg {
  background: rgba(13, 148, 136, 0.16);
  color: var(--lt-teal);
}

/* كارت "أقم صلاتك": تدرج دافئ خفيف + خط ذهبي */
[data-theme="light"] .feature-item.prayer {
  background: linear-gradient(135deg, #ffffff 0%, #fbf6e8 100%) !important;
  border: 1px solid rgba(184, 146, 58, 0.30) !important;
  border-bottom: 4px solid var(--lt-gold) !important;
}
[data-theme="light"] .feature-item.prayer svg {
  background: rgba(184, 146, 58, 0.12);
  color: var(--lt-gold-dark);
}
[data-theme="light"] .feature-item.prayer h3 {
  color: var(--lt-gold-dark) !important;
}

/* المفضلة + الأذكار: خط سفلي ذهبي أنعم */
[data-theme="light"] .feature-item.fav,
[data-theme="light"] .feature-item.azkar {
  border-bottom: 3px solid var(--lt-gold) !important;
}
[data-theme="light"] .feature-item.fav svg {
  color: var(--lt-gold);
  background: rgba(184, 146, 58, 0.12);
}

/* ---------- آية اليوم ---------- */
[data-theme="light"] .ayah-day-card {
  background: linear-gradient(135deg, #ffffff 0%, var(--lt-surface-soft) 100%) !important;
  border: 1px solid var(--lt-border-strong);
  box-shadow: var(--lt-shadow-md) !important;
}
[data-theme="light"] .ayah-day-title { color: var(--lt-teal-dark); }
[data-theme="light"] .ayah-day-text { color: var(--lt-text); }
[data-theme="light"] .ayah-day-ref { color: var(--lt-gold-dark); }
[data-theme="light"] .ayah-day-date {
  background: var(--lt-surface-soft);
  color: var(--lt-text-muted);
  border: 1px solid var(--lt-border);
}
[data-theme="light"] .ayah-day-footer { border-top-color: var(--lt-border); }
[data-theme="light"] .ayah-btn-icon {
  background: #fff;
  border-color: var(--lt-border-strong);
  color: var(--lt-teal-dark);
}
[data-theme="light"] .ayah-btn-icon:hover {
  background: var(--lt-teal);
  border-color: var(--lt-teal);
  color: #fff;
}

/* ---------- القائمة السفلية ---------- */
[data-theme="light"] .mobile-nav {
  background: rgba(255, 255, 255, 0.94);
  border-top: 1px solid var(--lt-border);
  box-shadow: 0 -6px 24px rgba(19, 78, 74, 0.10);
}
[data-theme="light"] .mobile-nav li svg { color: var(--lt-text-muted); }
[data-theme="light"] .mobile-nav li:hover { background-color: var(--lt-surface-soft); }
[data-theme="light"] .mobile-nav li.active {
  background-color: var(--lt-teal-dark);
  box-shadow: 0 4px 12px rgba(15, 118, 110, 0.35);
}

/* ---------- القائمة السريعة ---------- */
[data-theme="light"] .more-menu-content {
  background: var(--lt-surface);
  border: 1px solid var(--lt-border);
  box-shadow: 0 -10px 40px rgba(19, 78, 74, 0.15);
}
[data-theme="light"] .more-menu-content .menu-item {
  background: var(--lt-surface-soft);
}
[data-theme="light"] .menu-divider { background-color: var(--lt-border); }

/* ---------- زرار الثيم ---------- */
[data-theme="light"] .theme-switch-item {
  background: var(--lt-surface);
  border: 1px solid var(--lt-border);
  box-shadow: var(--lt-shadow-sm);
}
[data-theme="light"] .theme-switch-item .menu-emoji-icon { color: var(--lt-teal-dark); }

/* ---------- الكروت العامة + الهيدر ---------- */
[data-theme="light"] .card {
  background: var(--lt-surface);
  border: 1px solid var(--lt-border);
  box-shadow: var(--lt-shadow-sm);
}
/* منع تصغير الكارت عند الـ hover (كان scale 0.95) */
[data-theme="light"] .card:hover,
[data-theme="light"] .btn:hover {
  transform: translateY(-2px);
  opacity: 1;
  box-shadow: var(--lt-shadow-md);
}
[data-theme="light"] a { color: var(--lt-teal-dark); }
[data-theme="light"] a:hover { color: var(--lt-gold-dark); }

[data-theme="light"] .site-copyright p { color: var(--lt-text-muted); }
[data-theme="light"] ::-webkit-scrollbar-thumb { background: var(--lt-teal-dark); }