/* ===== Dark/Light Mode System for News Pages ===== */

/* متغيرات الوضع النهاري (الافتراضي) */
:root {
  /* الألوان الأساسية */
  --news-bg-primary: #ffffff;
  --news-bg-secondary: #f8f9fa;
  --news-bg-gradient: linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 100%);
  
  /* ألوان النصوص */
  --news-text-primary: #274060;
  --news-text-secondary: #64748b;
  --news-text-muted: #94a3b8;
  
  /* ألوان البطاقات */
  --news-card-bg: linear-gradient(135deg, rgba(248, 249, 250, 0.95) 0%, rgba(230, 240, 249, 0.98) 50%, rgba(248, 249, 250, 0.95) 100%);
  --news-card-border: rgba(61, 143, 214, 0.12);
  --news-card-shadow: 0 10px 40px rgba(61, 143, 214, 0.08);
  
  /* ألوان الأزرار */
  --news-btn-bg: rgba(61, 143, 214, 0.08);
  --news-btn-border: rgba(61, 143, 214, 0.15);
  --news-btn-text: #3d8fd6;
  
  /* ألوان الإدخال */
  --news-input-bg: rgba(255, 255, 255, 0.98);
  --news-input-border: rgba(61, 143, 214, 0.2);
  --news-input-text: #274060;
  
  /* ألوان الفوتر */
  --news-footer-bg: linear-gradient(135deg, #274060 0%, #1a2a3a 100%);
}

/* متغيرات الوضع الليلي */
[data-theme="dark"] {
  /* الألوان الأساسية */
  --news-bg-primary: #0f172a;
  --news-bg-secondary: #1e293b;
  --news-bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  
  /* ألوان النصوص */
  --news-text-primary: #f8fafc;
  --news-text-secondary: #cbd5e1;
  --news-text-muted: #94a3b8;
  
  /* ألوان البطاقات */
  --news-card-bg: linear-gradient(135deg, rgba(30, 41, 59, 0.95) 0%, rgba(51, 65, 85, 0.98) 50%, rgba(30, 41, 59, 0.95) 100%);
  --news-card-border: rgba(61, 143, 214, 0.3);
  --news-card-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
  
  /* ألوان الأزرار */
  --news-btn-bg: rgba(61, 143, 214, 0.2);
  --news-btn-border: rgba(61, 143, 214, 0.3);
  --news-btn-text: #6ba8e2;
  
  /* ألوان الإدخال */
  --news-input-bg: rgba(30, 41, 59, 0.8);
  --news-input-border: rgba(61, 143, 214, 0.3);
  --news-input-text: #f8fafc;
  
  /* ألوان الفوتر */
  --news-footer-bg: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
}

/* تطبيق الألوان على العناصر */
body {
  background: var(--news-bg-gradient);
  color: var(--news-text-primary);
  transition: background 0.3s ease, color 0.3s ease;
}

/* البطاقات */
.news-card {
  background: var(--news-card-bg) !important;
  border-color: var(--news-card-border) !important;
  box-shadow: var(--news-card-shadow) !important;
}

[data-theme="dark"] .article-image-container .article-meta {
  background: var(--news-card-bg) !important;
  border-color: var(--news-card-border) !important;
  box-shadow: var(--news-card-shadow) !important;
}

[data-theme="dark"] .article-image-container .article-title::after, .article-image-container .article-meta::before {
  background: linear-gradient(90deg, transparent 0%, rgba(209, 233, 255, 0.4) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(209, 233, 255, 0.4) 80%, transparent 100%);
}

.news-card-title {
  color: var(--news-text-primary) !important;
}

.news-card-summary,
.news-card-author {
  color: var(--news-text-secondary) !important;
}

.news-card-meta-item {
  background: var(--news-btn-bg) !important;
  border-color: var(--news-btn-border) !important;
  color: var(--news-text-secondary) !important;
}

/* الأقسام */
.section-title {
  color: var(--news-text-primary) !important;
}

.all-news-section,
.featured-news-section {
  background: var(--news-bg-primary);
}

/* حقل البحث */
.search-wrapper {
  background: var(--news-input-bg) !important;
  border-color: var(--news-input-border) !important;
}

[data-theme="dark"] .search-wrapper i {
  color: white;
}

[data-theme="dark"] .search-wrapper:focus-within .search-icon {
  color: white;
}

[data-theme="dark"] .no-suggestions i, .no-suggestions {
  color: rgba(255, 255, 255, 0.8);
}

.news-search-input {
  color: var(--news-input-text) !important;
}

.news-search-input::placeholder {
  color: var(--news-text-muted) !important;
}

/* الاقتراحات */
.search-suggestions {
  background: var(--news-input-bg) !important;
  border-color: var(--news-input-border) !important;
}

.suggestion-item {
  border-color: var(--news-card-border) !important;
}

.suggestion-title {
  color: var(--news-text-primary) !important;
}

.suggestion-meta {
  color: var(--news-text-muted) !important;
}

/* الأزرار */
.filter-btn {
  background: var(--news-btn-bg) !important;
  border-color: var(--news-btn-border) !important;
  color: var(--news-text-secondary) !important;
}

.filter-btn.active {
  background: linear-gradient(135deg, #3d8fd6 0%, #2c6ba8 100%) !important;
  color: #fff !important;
}

/* صفحة التفاصيل */
.article-content {
  color: var(--news-text-secondary) !important;
}

[data-theme="dark"] .article-content {
  background: var(--news-card-bg) !important;
  border-color: var(--news-card-border) !important;
  box-shadow: var(--news-card-shadow) !important;
}

[data-theme="dark"] .article-likes-section {
  background: var(--news-card-bg) !important;
  border-color: var(--news-card-border) !important;
  box-shadow: var(--news-card-shadow) !important;
}

[data-theme="dark"] .article-images-gallery {
  background: var(--news-card-bg) !important;
  border-color: var(--news-card-border) !important;
  box-shadow: var(--news-card-shadow) !important;
}

[data-theme="dark"] .article-share {
  background: var(--news-card-bg) !important;
  border-color: var(--news-card-border) !important;
  box-shadow: var(--news-card-shadow) !important;
}

[data-theme="dark"] .comments-section-wrapper {
  background: var(--news-card-bg) !important;
  border-color: var(--news-card-border) !important;
  box-shadow: var(--news-card-shadow) !important;
}

[data-theme="dark"] .comment-input-container {
  background: var(--news-card-bg) !important;
  border-color: var(--news-card-border) !important;
  box-shadow: var(--news-card-shadow) !important;
}

.article-title {
  color: var(--news-text-primary) !important;
}

.article-meta {
  color: var(--news-text-muted) !important;
}

.breadcrumb {
  color: var(--news-text-secondary) !important;
}

.breadcrumb a {
  color: var(--news-text-secondary) !important;
}

.breadcrumb a:hover {
  color: var(--news-btn-text) !important;
}

/* التعليقات */
.comments-section {
  background: var(--news-card-bg) !important;
  border-color: var(--news-card-border) !important;
}

[data-theme="dark"] .comment-textarea {
  background: var(--news-input-bg) !important;
  border-color: var(--news-input-border) !important;
  color: var(--news-input-text) !important;
}

[data-theme="dark"] .comment-author-input {
  background: var(--news-input-bg) !important;
  border-color: var(--news-input-border) !important;
  color: var(--news-input-text) !important;
}

/* زر تبديل الوضع - موضع ثابت في الزاوية السفلية اليسرى */
.theme-toggle-btn {
  position: fixed;
  left: 25px;
  bottom: 25px;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: var(--news-btn-bg);
  border: 2px solid var(--news-btn-border);
  color: var(--news-btn-text);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 1.3rem;
  box-shadow: 0 6px 20px rgba(61, 143, 214, 0.3);
  z-index: 999;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.theme-toggle-btn:hover {
  transform: scale(1.15) rotate(15deg);
  background: linear-gradient(135deg, #3d8fd6, #2c6ba8);
  color: white;
  border-color: #3d8fd6;
  box-shadow: 0 8px 25px rgba(61, 143, 214, 0.5);
}

.theme-toggle-btn:active {
  transform: scale(1.05);
}

/* تأثير الانتقال السلس */
* {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* الهيدر في الوضع الليلي - عناصر بيضاء */

[data-theme="dark"] .header .logo-img {
  filter: brightness(0) invert(1);
}

[data-theme="dark"] .header .nav-link {
  color: rgb(255, 255, 255) !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .header .nav-link .nav-wave {
  background: white !important;
}

[data-theme="dark"] .header .nav-link:hover,
[data-theme="dark"] .header .nav-link.active {
  color: #3d8fd6 !important;
  background: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .header .line {
  background: white !important;
}

[data-theme="dark"] .header .subscribe-btn {
  background: white !important;
  color: #274060 !important;
}

[data-theme="dark"] .header .menu-toggle .line {
  background: white !important;
}

@media (max-width: 992px) {
  [data-theme="dark"] .header .nav {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.98) 0%, rgba(15, 23, 42, 0.98) 50%, rgba(30, 41, 59, 0.98) 100%) !important;
  }

  [data-theme="dark"] .header .nav-link .nav-wave {
    background: linear-gradient(135deg, #3d8fd6) !important;
  }
}

/* الوضع الليلي - تعديلات خاصة */
[data-theme="dark"] .news-hero {
  background: linear-gradient(135deg, 
    #1e293b 25%,
    #334155 75%,
    #475569 100%) !important;
}

/* صفحة التفاصيل - الوضع الليلي */
[data-theme="dark"] .article-header {
  background: var(--news-bg-secondary) !important;
}

[data-theme="dark"] .article-container {
  background: var(--news-card-bg) !important;
  border-color: var(--news-card-border) !important;
}

[data-theme="dark"] .article-content h1,
[data-theme="dark"] .article-content h2,
[data-theme="dark"] .article-content h3,
[data-theme="dark"] .article-content h4,
[data-theme="dark"] .article-content h5,
[data-theme="dark"] .article-content h6 {
  color: var(--news-text-primary) !important;
}

[data-theme="dark"] .article-content p,
[data-theme="dark"] .article-content li,
[data-theme="dark"] .article-content span {
  color: var(--news-text-secondary) !important;
}

[data-theme="dark"] .article-content blockquote {
  background: rgba(61, 143, 214, 0.1) !important;
  border-left-color: #3d8fd6 !important;
  color: var(--news-text-secondary) !important;
}

[data-theme="dark"] .article-content code {
  background: rgba(61, 143, 214, 0.15) !important;
  color: #6ba8e2 !important;
}

[data-theme="dark"] .article-content pre {
  background: rgba(30, 41, 59, 0.8) !important;
  border-color: var(--news-card-border) !important;
}

[data-theme="dark"] .article-content table {
  border-color: var(--news-card-border) !important;
}

[data-theme="dark"] .article-content th {
  background: rgba(61, 143, 214, 0.2) !important;
  color: var(--news-text-primary) !important;
}

[data-theme="dark"] .article-content td {
  border-color: var(--news-card-border) !important;
  color: var(--news-text-secondary) !important;
}

[data-theme="dark"] .article-content a {
  color: #6ba8e2 !important;
}

[data-theme="dark"] .article-content a:hover {
  color: #3d8fd6 !important;
}

/* الأزرار والتفاعلات */
[data-theme="dark"] .engagement-btn {
  background: var(--news-btn-bg) !important;
  border-color: var(--news-btn-border) !important;
  color: var(--news-text-secondary) !important;
}

[data-theme="dark"] .engagement-btn:hover {
  background: rgba(61, 143, 214, 0.3) !important;
  color: var(--news-text-primary) !important;
}

[data-theme="dark"] .engagement-btn.active {
  background: linear-gradient(135deg, #3d8fd6, #2c6ba8) !important;
  color: white !important;
}

/* التعليقات */
[data-theme="dark"] .comment {
  background: rgba(30, 41, 59, 0.5) !important;
  border-color: var(--news-card-border) !important;
}

[data-theme="dark"] .comment-author {
  color: var(--news-text-primary) !important;
}

[data-theme="dark"] .comment-text {
  color: var(--news-text-secondary) !important;
}

[data-theme="dark"] .comment-date {
  color: var(--news-text-muted) !important;
}

/* الأخبار ذات الصلة */
[data-theme="dark"] .related-news {
  background: var(--news-card-bg) !important;
    border-color: var(--news-card-border) !important;
    box-shadow: var(--news-card-shadow) !important;
}

[data-theme="dark"] .related-news-card {
  background: var(--news-card-bg) !important;
  border-color: var(--news-card-border) !important;
}

[data-theme="dark"] .related-news-title {
  color: var(--news-text-primary) !important;
}

/* معرض الصور */
[data-theme="dark"] .image-gallery {
  background: var(--news-bg-secondary) !important;
}

[data-theme="dark"] .swiper-button-next,
[data-theme="dark"] .swiper-button-prev {
  background: rgba(61, 143, 214, 0.3) !important;
  color: white !important;
}

[data-theme="dark"] .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5) !important;
}

[data-theme="dark"] .swiper-pagination-bullet-active {
  background: #3d8fd6 !important;
}

/* Breadcrumb */
[data-theme="dark"] .breadcrumb-container {
  background: var(--news-bg-secondary) !important;
}

[data-theme="dark"] .breadcrumb {
    background: var(--news-card-bg) !important;
    border-color: var(--news-card-border) !important;
    box-shadow: var(--news-card-shadow) !important;
}

[data-theme="dark"] .article-nav-bar {
    background: var(--news-card-bg) !important;
    border-color: var(--news-card-border) !important;
    box-shadow: var(--news-card-shadow) !important;
}

[data-theme="dark"] .article-image-container .article-title {
    background: var(--news-card-bg) !important;
    border-color: var(--news-card-border) !important;
    box-shadow: var(--news-card-shadow) !important;
}

[data-theme="dark"] .meta-item {
  background: none !important;
  border-color: var(--news-card-border) !important;
}

[data-theme="dark"] .meta-item span {
  color: var(--news-text-secondary) !important;
}

[data-theme="dark"] .comments-header h3, .login-prompt-text h4, .login-prompt-text p, .comments-empty p {
  color: var(--news-text-primary) !important;
}

/* Loading & Error States */ 
[data-theme="dark"] .loading-container,
[data-theme="dark"] .error-container {
  background: var(--news-bg-primary) !important;
  color: var(--news-text-primary) !important;
}

[data-theme="dark"] .loading-spinner {
  border-color: rgba(61, 143, 214, 0.2) !important;
  border-top-color: #3d8fd6 !important;
}

[data-theme="dark"] .stat-card {
  background: linear-gradient(145deg, 
    rgba(51, 65, 85, 0.4) 0%, 
    rgba(30, 41, 59, 0.3) 100%) !important;
  border-color: rgba(61, 143, 214, 0.3) !important;
}

[data-theme="dark"] .news-empty,
[data-theme="dark"] .news-loading {
  color: var(--news-text-secondary) !important;
}

[data-theme="dark"] .loading-spinner {
  border-color: rgba(61, 143, 214, 0.3) !important;
  border-top-color: #3d8fd6 !important;
}

/* الفوتر */
[data-theme="dark"] .footer {
  background: var(--news-footer-bg) !important;
}

/* تحسينات للقراءة في الوضع الليلي */
[data-theme="dark"] .article-content h2,
[data-theme="dark"] .article-content h3,
[data-theme="dark"] .article-content h4 {
  color: var(--news-text-primary) !important;
}

[data-theme="dark"] .article-content p,
[data-theme="dark"] .article-content li {
  color: var(--news-text-secondary) !important;
}

[data-theme="dark"] .likes-title,
[data-theme="dark"] .gallery-title,
[data-theme="dark"] .article-share h3,
[data-theme="dark"] .related-news h3 {
  color: var(--news-text-primary) !important;
}

[data-theme="dark"] .related-ornament-center,
[data-theme="dark"] .gallery-ornament-center,
[data-theme="dark"] .likes-ornament-center {
  background: rgba(61, 143, 214, 0.3) !important;
}

[data-theme="dark"] .breadcrumb span {
  color: var(--news-text-secondary) !important;
}

[data-theme="dark"] .gallery-image-card {
    background: var(--news-card-bg) !important;
  border-color: var(--news-card-border) !important;
}

/* الأزرار في الوضع الليلي */
[data-theme="dark"] .news-card-read-more {
  background: var(--news-btn-bg) !important;
  border-color: var(--news-btn-border) !important;
  color: var(--news-btn-text) !important;
}

[data-theme="dark"] .news-card-read-more:hover {
  background: linear-gradient(135deg, #3d8fd6, #2c6ba8) !important;
  color: white !important;
}

/* Responsive */
@media (max-width: 768px) {
  .theme-toggle-btn {
    width: 50px;
    height: 50px;
    font-size: 1.1rem;
    left: 20px;
    bottom: 20px;
  }
}

@media (max-width: 480px) {
  .theme-toggle-btn {
    width: 45px;
    height: 45px;
    font-size: 1rem;
    left: 15px;
    bottom: 15px;
  }
}