/* =====================================================
   NUVITA — حالت تاریک
   قاعده: هر چیزی که سفید بود، مشکی می‌شود. فیروزه‌ای و طلایی دست‌نخورده می‌مانند.
   ===================================================== */
html[data-theme="dark"] {
  color-scheme: dark;
  --nv-cream:   #0f1b1e;
  --nv-white:   #162528;
  --nv-card:    #162528;
  --nv-text:    #e9f6f7;
  --nv-muted:   #9fc4c8;
  --nv-border:  #2a4549;
  --nv-shadow:    0 10px 35px rgba(0, 0, 0, .35);
  --nv-shadow-sm: 0 4px 14px rgba(0, 0, 0, .28);
  --nv-dk-bg:      #0f1b1e;   /* زمینه صفحه (مشکی ملایم مایل به فیروزه‌ای) */
  --nv-dk-surface: #162528;   /* کارت‌ها و فرم‌ها */
  --nv-dk-tint:    #1b3236;   /* زمینه‌های برجسته */
  --nv-dk-btn1:    #1d3a3f;   /* دکمه‌های ملایم */
  --nv-dk-btn2:    #25484e;   /* جایگزین زمینه‌های فیروزه‌ای خیلی روشن */
  --nv-dk-head:    #e3f8f9;   /* رنگ تیترها */
}
html[data-theme="dark"] body, html[data-theme="dark"] body.admin { background: var(--nv-dk-bg); color: var(--nv-text); }

/* ---------- پس‌زمینه و کارت اصلی ---------- */
html[data-theme="dark"] .nv-bg {
  background:
    url('../img/bg-lines-dark.svg') center / cover no-repeat,
    radial-gradient(540px 440px at 0% 100%, rgba(46, 190, 199, .20), transparent 70%),
    radial-gradient(440px 540px at 100% 60%, rgba(46, 190, 199, .14), transparent 70%),
    radial-gradient(560px 400px at 0% 0%, rgba(46, 190, 199, .12), transparent 70%),
    linear-gradient(180deg, #132326 0%, var(--nv-dk-bg) 100%);
}
html[data-theme="dark"] .nv-bg::before, html[data-theme="dark"] .nv-bg::after { background-image: url('../img/bg-sprig-dark.svg'); opacity: .85; }
html[data-theme="dark"] .nv-shell {
  background: rgba(22, 37, 40, .70);
  border-color: rgba(224, 187, 98, .5);
  box-shadow: var(--nv-shadow), inset 0 0 0 1px rgba(255, 255, 255, .04);
}

/* ---------- سطوح سفیدِ دارای قاب طلایی ← مشکی ---------- */
html[data-theme="dark"] .nv-icon-badge,
html[data-theme="dark"] .nv-menu-btn.outline,
html[data-theme="dark"] .nv-call-pill,
html[data-theme="dark"] .nv-sec,
html[data-theme="dark"] .nv-res-card {
  background: linear-gradient(var(--nv-dk-surface), var(--nv-dk-surface)) padding-box, var(--nv-gold-grad) border-box;
}
html[data-theme="dark"] .nv-sec.highlight {
  background: linear-gradient(var(--nv-dk-tint), var(--nv-dk-tint)) padding-box, var(--nv-gold-grad) border-box;
}
html[data-theme="dark"] .nv-about-card {
  background: linear-gradient(var(--nv-dk-tint), var(--nv-dk-surface)) padding-box, var(--nv-gold-grad) border-box;
}
html[data-theme="dark"] .nv-res-btn { background: var(--nv-dk-tint); }
html[data-theme="dark"] .nv-badges li { background: var(--nv-dk-surface); }
html[data-theme="dark"] .nv-about-photo { border-color: var(--nv-dk-bg); }

/* ---------- متن‌هایی که تیره بودند ← روشن ---------- */
html[data-theme="dark"] .nv-title,
html[data-theme="dark"] .nv-h2,
html[data-theme="dark"] .nv-sec-body h2,
html[data-theme="dark"] .nv-about-name,
html[data-theme="dark"] .nv-faq-q,
html[data-theme="dark"] .nv-menu-btn.outline,
html[data-theme="dark"] .nv-call-pill,
html[data-theme="dark"] .fx-title,
html[data-theme="dark"] .fx-q,
html[data-theme="dark"] .fx-num-wrap input,
html[data-theme="dark"] .fx-alt .a-name { color: var(--nv-dk-head); }
html[data-theme="dark"] .nv-logo .brand {
  background: linear-gradient(180deg, #8ae8ee, #2fb0b9);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
html[data-theme="dark"] .nv-call-pill svg, html[data-theme="dark"] .nv-back,
html[data-theme="dark"] .nv-faq-q .chev { color: #5fd3da; }
html[data-theme="dark"] .nv-about-role { color: var(--nv-gold-soft); }
html[data-theme="dark"] .nv-logo .tagline { color: var(--nv-gold-soft); }

/* ---------- فرم‌ها ---------- */
html[data-theme="dark"] .nv-input-wrap { background: var(--nv-dk-surface); }
html[data-theme="dark"] .nv-input-wrap .icon { color: #5fd3da; }
html[data-theme="dark"] .nv-input-wrap input::placeholder,
html[data-theme="dark"] .nv-input-wrap textarea::placeholder { color: #6f9296; }
html[data-theme="dark"] .nv-error { color: #ff9a92; }
html[data-theme="dark"] .nv-privacy svg { color: #5fd3da; }

/* ---------- پیدا کردن پکیج ---------- */
html[data-theme="dark"] .fx-bar { background: #22393d; }
html[data-theme="dark"] .fx-option,
html[data-theme="dark"] .fx-astep,
html[data-theme="dark"] .fx-alt,
html[data-theme="dark"] .fx-trust div,
html[data-theme="dark"] .fx-num-wrap input,
html[data-theme="dark"] .fx-textarea,
html[data-theme="dark"] .fx-btn.back { background: var(--nv-dk-surface); color: var(--nv-text); }
html[data-theme="dark"] .fx-option:has(input:checked),
html[data-theme="dark"] .fx-astep.on,
html[data-theme="dark"] .fx-diff,
html[data-theme="dark"] .fx-success,
html[data-theme="dark"] .fx-alt .a-img { background: var(--nv-dk-tint); }
html[data-theme="dark"] .fx-astep.on, html[data-theme="dark"] .fx-diff { color: var(--nv-dk-head); border-color: #2d5359; }
html[data-theme="dark"] .fx-err { color: #ff9a92; }

/* ---------- پنل ادمین ---------- */
html[data-theme="dark"] .adm-card,
html[data-theme="dark"] .stat-box,
html[data-theme="dark"] .login-card { background: var(--nv-dk-surface); }
html[data-theme="dark"] .adm-header h1,
html[data-theme="dark"] .adm-card h2,
html[data-theme="dark"] .stat-box .value,
html[data-theme="dark"] .btn-outline,
html[data-theme="dark"] .pager a { color: var(--nv-dk-head); }
html[data-theme="dark"] .stat-box.accent .value, html[data-theme="dark"] .stat-box.accent .label { color: #fff; }
html[data-theme="dark"] .adm-nav a.active { background: var(--nv-dk-bg); color: var(--nv-dk-head); box-shadow: inset 0 0 0 1.5px var(--nv-gold); }
html[data-theme="dark"] .btn-outline,
html[data-theme="dark"] .pager a,
html[data-theme="dark"] .tag-pick label,
html[data-theme="dark"] .frm-field input,
html[data-theme="dark"] .frm-field select,
html[data-theme="dark"] .frm-field textarea,
html[data-theme="dark"] .filter-bar input,
html[data-theme="dark"] .filter-bar select { background: var(--nv-dk-bg); color: var(--nv-text); }
html[data-theme="dark"] .frm-field input[type="color"] { background: var(--nv-dk-bg); }
html[data-theme="dark"] .adm-table th { background: #122023; }
html[data-theme="dark"] .adm-table td { border-bottom-color: #25393c; }
html[data-theme="dark"] .adm-table tr:hover td { background: #1a2d31; }
html[data-theme="dark"] .tl-item::before { border-color: var(--nv-dk-bg); }
html[data-theme="dark"] .btn-danger { background: #3a1b1a; color: #ffb0a8; border-color: #6a2e2a; }

/* ---------- دکمه تغییر حالت (ماه / خورشید) ---------- */
.nv-theme-toggle {
  position: fixed; top: 14px; left: 14px; z-index: 900;
  width: 44px; height: 44px; border-radius: 50%; padding: 0; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  border: 1.5px solid transparent;
  background: linear-gradient(#fff, #fff) padding-box, var(--nv-gold-grad) border-box;
  color: var(--nv-green-900); box-shadow: var(--nv-shadow-sm);
  transition: transform .15s ease, box-shadow .15s ease;
}
.nv-theme-toggle:hover { transform: translateY(-1px) rotate(-8deg); box-shadow: var(--nv-shadow); }
.nv-theme-toggle svg { width: 22px; height: 22px; display: block; }
.nv-theme-toggle .i-sun { display: none; }
html[data-theme="dark"] .nv-theme-toggle { background: linear-gradient(var(--nv-dk-surface), var(--nv-dk-surface)) padding-box, var(--nv-gold-grad) border-box; color: var(--nv-gold-soft); }
html[data-theme="dark"] .nv-theme-toggle .i-moon { display: none; }
html[data-theme="dark"] .nv-theme-toggle .i-sun { display: block; }
/* در پنل ادمین جای نام کاربر خالی بماند */
body.admin .adm-header .who { padding-left: 54px; }

/* لوگوی پیش‌فرض (SVG) روی زمینه مشکی روشن‌تر دیده شود */
html[data-theme="dark"] .nv-logo img[src$=".svg"] { filter: brightness(1.45) saturate(1.1); }


/* دکمه‌های ملایم (قبلاً فیروزه‌ای خیلی روشن، شبیه سفید) ← فیروزه‌ای تیره و ملایم */
html[data-theme="dark"] .nv-menu-btn.soft {
  background: linear-gradient(135deg, var(--nv-dk-btn1), var(--nv-dk-btn2));
  color: var(--nv-dk-head);
  box-shadow: inset 0 0 0 1px rgba(201, 162, 74, .55);
}
html[data-theme="dark"] .nv-menu-btn.soft:hover { box-shadow: var(--nv-shadow), inset 0 0 0 1.5px var(--nv-gold); }
html[data-theme="dark"] .nv-menu-btn.soft svg { color: #7fdde3; }
html[data-theme="dark"] .nv-menu-btn.outline svg { color: #7fdde3; }
html[data-theme="dark"] .nv-footer-call .lbl { color: var(--nv-muted); }
html[data-theme="dark"] .nv-icon-badge { color: #7fdde3; }

@media (max-width: 520px) {
  html[data-theme="dark"] .nv-shell { background: transparent; border-color: transparent; box-shadow: none; }
}