/* assets/css/variables.css
   متغیرهای CSS — رنگ، سایه، فونت
   از index.php اصلی استخراج شده */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --A:#00C896;--AL:rgba(0,200,150,0.12);--ALD:rgba(0,200,150,0.18);--AD:#004D3A;--AM:#007A5E;
  --A2:#00E5AC;
  --G:#F0A500;--GL:rgba(240,165,0,0.12);--GM:#7A4E00;
  --BG:#F0F2F0;--S:#FFFFFF;--S2:#E8EBE8;--S3:#F5F7F5;
  --B:rgba(0,0,0,0.07);--BM:rgba(0,0,0,0.13);
  --T:#0D1210;--MT:#4A4E4B;--HT:#8C9089;
  --R:20px;--RS:14px;
  --F:'Vazirmatn','Segoe UI',Tahoma,sans-serif;
  --shadow:0 2px 16px rgba(0,0,0,0.06);
  --shadow-md:0 6px 28px rgba(0,0,0,0.09);
  --shadow-lg:0 12px 40px rgba(0,0,0,0.12);
  --INT:#2563EB;--INTL:rgba(37,99,235,0.1);
  --glass:rgba(255,255,255,0.85);
  --glass-border:rgba(255,255,255,0.6);
}

@media(prefers-color-scheme:dark){:root{
  --BG:#080D0B;--S:#111714;--S2:#181E1B;--S3:#141A17;
  --B:rgba(255,255,255,0.06);--BM:rgba(255,255,255,0.12);
  --T:#E4EDE8;--MT:#7A8480;--HT:#4A524E;
  --AL:rgba(0,200,150,0.1);--ALD:rgba(0,200,150,0.15);
  --GL:rgba(240,165,0,0.1);--INTL:rgba(37,99,235,0.1);
  --shadow:0 2px 16px rgba(0,0,0,0.4);--shadow-md:0 6px 28px rgba(0,0,0,0.5);--shadow-lg:0 12px 40px rgba(0,0,0,0.6);
  --glass:rgba(17,23,20,0.88);--glass-border:rgba(255,255,255,0.08);
}}

/* ══ DARK MODE ══ */
@media (prefers-color-scheme: dark) {
  :root {
    --BG: #0f1117;
    --S1: #1a1d27;
    --S2: #222533;
    --S3: #2a2d3e;
    --T:  #f0f2ff;
    --MT: #9499b5;
    --HT: #5a5f7a;
    --B:  rgba(255,255,255,0.08);
    --BM: rgba(255,255,255,0.12);
    --A:  #00d49a;
    --AL: rgba(0,212,154,0.12);
    --AM: #00a87c;
    --G:  #e55;
  }
  body{background:var(--BG);color:var(--T)}
  .card{background:var(--S1);border-color:var(--B)}
  .hdr{background:var(--S1);border-color:var(--B)}
  .hero{background:linear-gradient(160deg,#0d2e23 0%,#0a1a2e 100%)}
  .topup-banner{filter:brightness(0.9)}
  .af-portal-banner{filter:brightness(0.9)}
  .lang-sel{background:var(--S3);color:var(--T);border-color:var(--BM)}
  .wx-sel{background:var(--S3);color:var(--T);border-color:var(--BM)}
  .cal-d:hover:not(.emp){background:var(--S3)}
  .rates-grid .rate-card{background:var(--S2)}
  input,select{background:var(--S3);color:var(--T);border-color:var(--BM)}
}

/* دکمه dark mode */
.dark-toggle{
  background:none;border:1.5px solid var(--BM);border-radius:12px;
  padding:8px 12px;cursor:pointer;font-size:16px;
  color:var(--MT);transition:all 0.15s;
}
.dark-toggle:hover{background:var(--S3);color:var(--T)}

/* dark-mode class (JS toggle) */
.dark-mode {
  --BG: #0f1117 !important;
  --S1: #1a1d27 !important;
  --S2: #222533 !important;
  --S3: #2a2d3e !important;
  --T:  #f0f2ff !important;
  --MT: #9499b5 !important;
  --HT: #5a5f7a !important;
  --B:  rgba(255,255,255,0.08) !important;
  --BM: rgba(255,255,255,0.12) !important;
  --A:  #00d49a !important;
  --AL: rgba(0,212,154,0.12) !important;
  --AM: #00a87c !important;
  --G:  #e55 !important;
}
.dark-mode body{background:var(--BG) !important;color:var(--T) !important}
.dark-mode .card{background:var(--S1) !important;border-color:var(--B) !important}
.dark-mode .hdr{background:var(--S1) !important;border-color:var(--B) !important}
.dark-mode .hero{background:linear-gradient(160deg,#0d2e23 0%,#0a1a2e 100%) !important}
.dark-mode input,.dark-mode select{background:var(--S3) !important;color:var(--T) !important;border-color:var(--BM) !important}
.dark-mode .rate-card{background:var(--S2) !important}
.dark-mode .lang-sel{background:var(--S3) !important;color:var(--T) !important}

/* ══ DARK MODE — تکمیل شده ══ */
.dark-mode .ev-month-wrap,
.dark-mode .ev-month-row{background:var(--S2) !important;border-color:var(--B) !important}
.dark-mode .ev-month-row:hover{background:var(--S3) !important}
.dark-mode .ev-panel{background:var(--S1) !important;border-color:var(--B) !important}
.dark-mode .ev-item{background:var(--S3) !important;border-color:var(--B) !important}
.dark-mode .ev-panel-hdr{border-color:var(--B) !important}
.dark-mode .ev-panel-close{color:var(--MT) !important}
.dark-mode .faq-section{background:var(--S1) !important}
.dark-mode details{background:var(--S2) !important;border-color:var(--B) !important}
.dark-mode summary{color:var(--T) !important}
.dark-mode details p{color:var(--MT) !important}
.dark-mode .city-tab{background:var(--S3) !important;color:var(--MT) !important;border-color:var(--B) !important}
.dark-mode .city-tab.active{background:var(--A) !important;color:#fff !important}
.dark-mode .city-tab:hover{background:var(--AL) !important;color:var(--A) !important}
.dark-mode .pr-row{background:var(--S2) !important;border-color:var(--B) !important}
.dark-mode .pr-row.nxt{background:var(--AL) !important}
.dark-mode .mb{background:var(--S3) !important;color:var(--MT) !important;border-color:var(--B) !important}
.dark-mode .mb.on{background:var(--A) !important;color:#fff !important}
.dark-mode .geo-b{background:var(--S3) !important;color:var(--MT) !important;border-color:var(--B) !important}
.dark-mode .wx-card{background:var(--S2) !important}
.dark-mode .wx-day{background:var(--S3) !important;border-color:var(--B) !important}
.dark-mode .wx-day:hover{background:var(--S2) !important}
.dark-mode .fc-row{background:var(--S2) !important;border-color:var(--B) !important}
.dark-mode .uc-tab{background:var(--S3) !important;color:var(--MT) !important;border-color:var(--B) !important}
.dark-mode .uc-tab.on{background:var(--A) !important;color:#fff !important}
.dark-mode .uc-sel{background:var(--S3) !important;color:var(--T) !important;border-color:var(--B) !important}
.dark-mode .td-btn{background:var(--S3) !important;color:var(--T) !important;border-color:var(--B) !important}
.dark-mode .td-btn:hover{background:var(--AL) !important;color:var(--A) !important}
.dark-mode .cal-nv-btn{background:var(--S3) !important;color:var(--MT) !important;border-color:var(--B) !important}
.dark-mode .other-city-btn{background:var(--S3) !important;color:var(--MT) !important;border-color:var(--B) !important}
.dark-mode .other-city-btn:hover{background:var(--AL) !important;color:var(--A) !important}
.dark-mode .month-annual-btn{background:var(--S3) !important;color:var(--MT) !important;border-color:var(--B) !important}
.dark-mode .month-annual-btn.active,.dark-mode .month-annual-btn.today{background:var(--AL) !important;color:var(--A) !important;border-color:var(--A) !important}
.dark-mode .annual-month-card{background:var(--S2) !important;border-color:var(--B) !important}
.dark-mode .annual-month-hd{background:var(--S3) !important;border-color:var(--B) !important}
.dark-mode .ann-day{color:var(--MT) !important}
.dark-mode .ann-day:hover:not(.emp){background:var(--S3) !important;color:var(--T) !important}
.dark-mode .wc-item{background:var(--S3) !important;border-color:var(--B) !important}
.dark-mode .wc-sel{background:var(--S3) !important;color:var(--T) !important;border-color:var(--B) !important}
.dark-mode .wc-custom-result{background:var(--AL) !important;border-color:rgba(0,200,150,0.2) !important}
.dark-mode .today-link-btn{background:var(--S3) !important;border-color:var(--B) !important}
.dark-mode .today-link-btn:hover{background:var(--AL) !important}
.dark-mode .today-info-item{background:var(--S3) !important;border-color:var(--B) !important}
.dark-mode .today-month-item{background:var(--S3) !important;border-color:var(--B) !important}
.dark-mode .today-month-item:hover{background:var(--AL) !important}
.dark-mode .seo-fact{background:var(--S3) !important}
.dark-mode .seo-links a{background:var(--AL) !important}
.dark-mode .highlight-item{background:var(--S3) !important;border-color:var(--B) !important}
.dark-mode .about-feat{background:var(--S3) !important;border-color:var(--B) !important}
.dark-mode .footer-wrap{background:var(--S1) !important;border-color:var(--B) !important}
.dark-mode .footer-nav a{color:var(--MT) !important}
.dark-mode .footer-nav a:hover{color:var(--A) !important}
.dark-mode .quick-bar{background:var(--S1) !important;border-color:var(--B) !important}
.dark-mode .quick-btn{color:var(--MT) !important}
.dark-mode .quick-btn.active{color:var(--A) !important}
.dark-mode .ev-legend{background:var(--S3) !important;border-color:var(--B) !important}
.dark-mode .city-info-item{background:var(--S3) !important}
.dark-mode .prayer-guide .guide-row{border-color:var(--B) !important}
.dark-mode .nxt-b{background:var(--S3) !important;border-color:var(--B) !important}

/* ══ DARK MODE — آب‌وهوا ══ */
.dark-mode .wx-featured{background:linear-gradient(135deg,rgba(0,168,124,0.15),rgba(0,100,80,0.1)) !important;border-color:rgba(0,200,150,0.2) !important}
.dark-mode .wx-day{background:var(--S3) !important;border-color:var(--B) !important}
.dark-mode .wx-day:hover{background:var(--S2) !important}
.dark-mode .wx-day.sel{background:var(--AL) !important;border-color:var(--A) !important}
.dark-mode .wx-day-name{color:var(--HT) !important}
.dark-mode .wx-day.sel .wx-day-name{color:var(--A) !important}
.dark-mode .wx-detail{background:var(--S2) !important;border-color:var(--B) !important}
.dark-mode .wx-detail-hdr{border-color:var(--B) !important}
.dark-mode .wx-detail-name{color:var(--T) !important}
.dark-mode .wx-detail-desc{color:var(--MT) !important}
.dark-mode .wx-gi{background:var(--S3) !important;border-color:var(--B) !important}
.dark-mode .wx-gi-val{color:var(--T) !important}
.dark-mode .wx-gi-lbl{color:var(--HT) !important}
.dark-mode .wx-meta-row{background:var(--S3) !important;border-color:var(--B) !important}
.dark-mode .wx-meta-row .wx-mv{color:var(--T) !important}
.dark-mode .wx-strip{background:transparent !important}
.dark-mode .wx-sel{background:var(--S3) !important;color:var(--T) !important;border-color:var(--B) !important}