/* الوضع الليلي */
body.dark-mode {
  --bg-light: #0f1a17; /* خلفية داكنة مائلة للأخضر */
  --text-light: #e4edea; /* نص فاتح */
  --accent-light: #4caf50; /* أخضر أفتح شوي */
  --secondary-accent: #d4a017; /* نفس الذهبي */
  background-color: var(--bg-light);
  color: var(--text-light);
}

body.dark-mode header,
body.dark-mode footer {
  background-color: #162521;
  border-color: var(--accent-light);
}

body.dark-mode .menu-icon,
body.dark-mode .auth-btn,
body.dark-mode .modal-btn,
body.dark-mode .back-to-top {
  border-color: var(--accent-light);
  color: var(--accent-light);
}

body.dark-mode .menu-content,
body.dark-mode .submenu-content,
body.dark-mode .submenuazkar-content,
body.dark-mode .modal-content {
  background-color: #1a2d28;
  border-color: var(--accent-light);
  color: var(--text-light);
}

body.dark-mode .surah-list li {
  border-color: var(--accent-light);
  background-color: transparent;
  color: var(--text-light);
}

body.dark-mode .surah-list li::before {
  background-color: var(--accent-light);
  color: var(--bg-light);
}

body.dark-mode .surah-list li:hover {
  background-color: var(--accent-light);
  color: var(--bg-light);
}


/* تغيير لون صناديق الأدعية في الوضع الليلي */
body.dark-mode .duaa-section {
    background-color: #1f1f1f !important; /* أسود داكن */
    color: #ffffff !important; /* النص أبيض */
    border-color: #4caf50; /* خط أخضر اختياري */
}

/* لو في نصوص أو عناوين داخل الصندوق */
body.dark-mode .duaa-section h1,
body.dark-mode .duaa-section h2,
body.dark-mode .duaa-section h3,
body.dark-mode .duaa-section p,
body.dark-mode .duaa-section span {
    color: #ffffff !important;
}




body.dark-mode .ayah-box {
  background-color: #121b18 !important; /* خلفية داكنة */
  border-color: #4caf50 !important; /* لون الحدود أخضر فاتح */
  color: #ffffff !important; /* النص أبيض */
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.7) !important; /* ظل أغمق */
}

body.dark-mode .ayah-number {
  color: #ffffff !important; /* أرقام الآيات أبيض */
}

body.dark-mode .ayah-number:hover {
  color: #d4a017 !important; /* عند المرور بالماوس تظل ذهبية */
}


/* الوضع الليلي لصفحة التلاوة */
body.dark-mode .ayah {
  background-color: #121b18 !important; /* خلفية داكنة */
  color: #ffffff !important; /* النص أبيض */
  box-shadow: 0 0 15px rgba(0,0,0,0.7) !important; /* ظل أغمق */
}

body.dark-mode .ayah-number {
  background-color: #4caf50 !important; /* خلفية الرقم أخضر فاتح */
  color: #ffffff !important; /* الرقم أبيض */
}

body.dark-mode .translation {
  color: #d0d0d0 !important; /* الترجمة رمادي فاتح */
}


/* لون تحديد الآية في الوضع الليلي */
body.dark-mode .highlighted-ayah,
body.dark-mode .ayah[style*="background-color: rgb(212, 160, 23)"] {
  background-color: rgba(76, 175, 80, 0.3) !important; /* أخضر شفاف */
  border-radius: 6px;
}



body.dark-mode .feedback-box {
  background-color: #1e2a2a; /* بوكس داكن */
  border-color: #4caf50;     /* لون إطار أخضر هادي */
  box-shadow: 0 0 15px rgba(76, 175, 80, 0.7); /* ظل أخضر خفيف */
  color: #fff;               /* نص داخل البوكس أبيض */
}

body.dark-mode input[type="text"],
body.dark-mode textarea {
  background-color: #2a3b3b; /* خلفية الحقول داكنة */
  border: 1px solid #4caf50; /* إطار أخضر */
  color: #fff;               /* نص أبيض */
}






body.dark-mode .about-box {
  background-color: #1e2a2a;
  border-color: #4caf50;
  box-shadow: 0 0 20px rgba(76, 175, 80, 0.7);
  color: #fff;
}

body.dark-mode .about-box::before,
body.dark-mode .about-box::after {
  color: #4caf50;
}