/*
Theme Name: HallyuArab
Theme URI: https://hallyuarab.com
Author: HallyuArab Team
Author URI: https://hallyuarab.com
Description: قالب ووردبريس عربي احترافي للدراما الكورية (HallyuArab) مع دليل شامل، بحث فوري AJAX، ودعم كامل للغة العربية (RTL).
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hallyuarab
Tags: entertainment, korean-drama, rtl-language, dark-mode, custom-post-types, responsive-layout
*/

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;900&display=swap');

body {
  font-family: 'Tajawal', sans-serif;
  background-color: #090a0f;
  color: #f1f5f9;
  direction: rtl;
  text-align: right;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Pagination Styles */
.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 14px;
  margin: 0 4px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 700;
  color: #94a3b8;
  background-color: #1e2130;
  border: 1px solid #2d3248;
  transition: all 0.2s ease;
  text-decoration: none;
}
.page-numbers:hover {
  background-color: #9333ea;
  color: #ffffff;
  border-color: #9333ea;
}
.page-numbers.current {
  background-color: #9333ea;
  color: #ffffff;
  border-color: #9333ea;
}
.page-numbers.dots {
  background-color: transparent;
  border: none;
  color: #64748b;
  padding: 0 8px;
}
.nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}
.hallyu-pagination-container .nav-links {
  gap: 4px;
}

/* Light Mode Overrides when .dark class is absent */
html:not(.dark) body {
  background-color: #f8fafc !important;
  color: #0f172a !important;
}

html:not(.dark) header,
html:not(.dark) footer,
html:not(.dark) .bg-slate-950,
html:not(.dark) .bg-slate-900 {
  background-color: #ffffff !important;
  color: #0f172a !important;
}

html:not(.dark) .bg-slate-900/80,
html:not(.dark) .bg-slate-950/90,
html:not(.dark) .bg-slate-950/85,
html:not(.dark) .bg-slate-950/80,
html:not(.dark) .bg-slate-950/70,
html:not(.dark) .bg-slate-900/90 {
  background-color: rgba(255, 255, 255, 0.95) !important;
  color: #0f172a !important;
}

html:not(.dark) .bg-slate-800,
html:not(.dark) .bg-slate-900/50,
html:not(.dark) .bg-slate-800/80,
html:not(.dark) .bg-slate-800/60 {
  background-color: #f1f5f9 !important;
}

html:not(.dark) .text-white,
html:not(.dark) .text-slate-100,
html:not(.dark) .text-slate-200,
html:not(.dark) .text-slate-300 {
  color: #0f172a !important;
}

html:not(.dark) .text-slate-400 {
  color: #64748b !important;
}

html:not(.dark) .border-slate-800,
html:not(.dark) .border-slate-800/80,
html:not(.dark) .border-slate-700,
html:not(.dark) .border-slate-700/80,
html:not(.dark) .border-slate-800/60 {
  border-color: #e2e8f0 !important;
}

html:not(.dark) input,
html:not(.dark) select {
  background-color: #f8fafc !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}

html:not(.dark) .page-numbers {
  background-color: #ffffff;
  border-color: #e2e8f0;
  color: #64748b;
}
html:not(.dark) .page-numbers:hover,
html:not(.dark) .page-numbers.current {
  background-color: #9333ea;
  border-color: #9333ea;
  color: #ffffff;
}