/* ====================================================
   الوضع الداكن — أخضر الطيبات + ذهب muted
   يُفعَّل عبر html[data-theme="dark"]
   ==================================================== */

html[data-theme="dark"] {
  color-scheme: dark;

  --clr-primary: #52B788;
  --clr-primary-dark: #95D5B2;
  --clr-primary-light: #40916C;
  --clr-primary-xlight: #1B4332;
  --clr-primary-bg: #0F2319;

  --clr-accent: #C9A227;
  --clr-accent-dark: #A68B1E;
  --clr-accent-light: #D4B84A;
  --clr-accent-bg: #1A1810;

  --clr-bg: #0D1A14;
  --clr-bg-alt: #122820;
  --clr-surface: #1A2E26;
  --clr-surface-elevated: #223D32;

  --clr-text: #E8F5EE;
  --clr-text-md: #B8D4C4;
  --clr-text-light: #7A9B8A;
  --clr-text-muted: #5C7A6C;

  --clr-border: #1F3D30;
  --clr-border-dark: #2D5A47;

  --clr-red: #F07167;
  --clr-red-bg: #2A1513;
  --clr-green: #52B788;
  --clr-green-bg: #0F2319;

  /* لوحة التغذية / dashboard */
  --nt-green: #52B788;
  --nt-green-dark: #95D5B2;
  --nt-green-light: #40916C;
  --nt-green-bg: #0F2319;
  --nt-gold: #C9A227;
  --nt-gold-dark: #A68B1E;
  --nt-gold-light: #D4B84A;
  --nt-gold-bg: #1A1810;
  --nt-teal: #2DD4BF;
  --nt-teal-bg: #0F2A26;
  --nt-red: #F07167;
  --nt-red-bg: #2A1513;
  --nt-card-bg: #1A2E26;

  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 4px 24px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.45);
  --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.5);
  --shadow-accent: 0 8px 30px rgba(201, 162, 39, 0.18);

  --btn-shadow:
    0 var(--btn-depth) 0 rgba(0, 0, 0, 0.35),
    0 calc(var(--btn-depth) + 2px) 16px rgba(0, 0, 0, 0.25);
  --btn-shadow-hover:
    0 var(--btn-depth-hover) 0 rgba(0, 0, 0, 0.38),
    0 calc(var(--btn-depth-hover) + 4px) 20px rgba(0, 0, 0, 0.3);
  --btn-shadow-active:
    0 var(--btn-depth-active) 0 rgba(0, 0, 0, 0.32),
    0 calc(var(--btn-depth-active) + 1px) 8px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] body {
  background-color: var(--clr-bg);
  color: var(--clr-text);
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
  color: var(--clr-text);
}

html[data-theme="dark"] p {
  color: var(--clr-text-md);
}

/* شريط علوي */
html[data-theme="dark"] .navbar {
  background: rgba(13, 26, 20, 0.9);
  border-bottom-color: rgba(45, 90, 71, 0.45);
}

html[data-theme="dark"] .navbar.scrolled {
  background: rgba(13, 26, 20, 0.96);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .navbar-inner {
  border-color: rgba(45, 106, 79, 0.35);
  background: linear-gradient(180deg, rgba(26, 46, 38, 0.95), rgba(18, 40, 32, 0.88));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset;
}

html[data-theme="dark"] .navbar-menu a {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .navbar-menu a:hover,
html[data-theme="dark"] .navbar-menu a.active {
  color: var(--clr-primary-dark);
  background: rgba(82, 183, 136, 0.12);
}

html[data-theme="dark"] .nav-mega-trigger {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .nav-mega-panel {
  background: linear-gradient(165deg, #1a2e26 0%, #122820 100%);
  border-color: rgba(45, 106, 79, 0.35);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .nav-mega-hint,
html[data-theme="dark"] .nav-mega-col-title {
  color: var(--clr-text-light);
}

html[data-theme="dark"] .nav-mega-list a {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .nav-mega-list a:hover {
  color: var(--clr-primary-dark);
  background: rgba(82, 183, 136, 0.1);
}

html[data-theme="dark"] .notice-bar {
  background: linear-gradient(90deg, #0f2319, #1b4332);
  color: var(--clr-text);
  border-bottom: 1px solid rgba(201, 162, 39, 0.25);
}

/* بطاقات وأقسام */
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .card,
html[data-theme="dark"] .signup-step-card,
html[data-theme="dark"] .about-main-card,
html[data-theme="dark"] .faq-item,
html[data-theme="dark"] .food-card,
html[data-theme="dark"] .tajrubat-card,
html[data-theme="dark"] .tayibat-food-figure,
html[data-theme="dark"] .mt-weight-ba__card {
  background: var(--clr-surface);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .foods-section,
html[data-theme="dark"] .signup-steps-section {
  background: linear-gradient(180deg, var(--clr-surface) 0%, var(--clr-bg-alt) 100%) !important;
  border-color: var(--clr-border);
}

html[data-theme="dark"] .about-section,
html[data-theme="dark"] .features-section,
html[data-theme="dark"] .home-pillars-section,
html[data-theme="dark"] .home-ai-try,
html[data-theme="dark"] .home-golden-rules {
  background: var(--clr-bg);
}

html[data-theme="dark"] .home-ai-try {
  background: linear-gradient(180deg, var(--clr-bg-alt) 0%, var(--clr-bg) 100%) !important;
}

html[data-theme="dark"] .about-section {
  background: var(--clr-bg-alt);
}

html[data-theme="dark"] .principle-item {
  background: var(--clr-bg);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .principle-item:hover {
  background: var(--clr-primary-bg);
  border-color: var(--clr-border-dark);
}

html[data-theme="dark"] .stats-section {
  background: linear-gradient(135deg, #0f2319 0%, #1b4332 50%, #153d28 100%);
}

html[data-theme="dark"] .stat-item {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(82, 183, 136, 0.2);
}

html[data-theme="dark"] .stat-num {
  color: var(--clr-accent-light);
}

html[data-theme="dark"] .doctor-section {
  background: linear-gradient(160deg, #0f2319 0%, #1b4332 100%);
}

html[data-theme="dark"] .faq-question {
  background: var(--clr-surface);
  color: var(--clr-text);
}

html[data-theme="dark"] .faq-question:hover {
  background: var(--clr-surface-elevated);
}

html[data-theme="dark"] .faq-answer-inner {
  color: var(--clr-text-md);
  border-top-color: var(--clr-border);
}

html[data-theme="dark"] .hero-card-float {
  background: var(--clr-surface-elevated);
  border: 1px solid var(--clr-border);
}

html[data-theme="dark"] .float-text strong {
  color: var(--clr-text);
}

/* أزرار ثانوية */
html[data-theme="dark"] .btn-secondary {
  background: var(--clr-surface-elevated);
  color: var(--clr-primary-dark);
  border-color: var(--clr-border-dark);
}

html[data-theme="dark"] .btn-secondary:hover,
html[data-theme="dark"] .btn-secondary:focus-visible {
  background: var(--clr-surface);
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .btn-accent {
  color: #1a2e24;
}

html[data-theme="dark"] .btn-accent:hover,
html[data-theme="dark"] .btn-accent:focus-visible {
  color: #0d1a14;
}

html[data-theme="dark"] .badge-primary {
  background: var(--clr-primary-bg);
  color: var(--clr-primary);
  border-color: var(--clr-border-dark);
}

html[data-theme="dark"] .badge-accent {
  background: var(--clr-accent-bg);
  color: var(--clr-accent-light);
  border-color: rgba(201, 162, 39, 0.35);
}

/* قائمة جوال */
html[data-theme="dark"] .mobile-menu__sheet {
  background: linear-gradient(185deg, #1a2e26 0%, #122820 55%, #0d1a14 100%);
  border-inline-start-color: rgba(45, 106, 79, 0.3);
}

html[data-theme="dark"] .mobile-menu-head {
  background: rgba(26, 46, 38, 0.85);
  border-bottom-color: var(--clr-border);
}

html[data-theme="dark"] .mobile-menu-close {
  background: var(--clr-surface-elevated);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .mobile-nav-row {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  box-shadow: none;
  color: var(--clr-text-md);
}

html[data-theme="dark"] .mobile-nav-row:hover {
  background: var(--clr-primary-bg);
  border-color: var(--clr-border-dark);
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .mobile-menu-actions {
  background: linear-gradient(180deg, transparent 0%, rgba(13, 26, 20, 0.95) 24%);
}

/* فوتر */
html[data-theme="dark"] .footer {
  background: linear-gradient(180deg, #0a1410 0%, #0d1a14 100%);
  border-top-color: var(--clr-border);
}

html[data-theme="dark"] .footer-col a,
html[data-theme="dark"] .footer-bottom a {
  color: var(--clr-text-light);
}

html[data-theme="dark"] .footer-col a:hover {
  color: var(--clr-accent-light);
}

/* هيرو الرئيسية — أعمق قليلاً */
html[data-theme="dark"] .hero.hero--home {
  background:
    radial-gradient(ellipse 115% 85% at 100% 0%, rgba(201, 162, 39, 0.12) 0%, transparent 52%),
    radial-gradient(ellipse 95% 75% at 0% 100%, rgba(82, 183, 136, 0.14) 0%, transparent 55%),
    linear-gradient(160deg, #0a1410 0%, #0f2319 42%, #1b4332 100%);
}

html[data-theme="dark"] .hero-home-card {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(82, 183, 136, 0.2);
}

/* إحصاءات الصفحة الرئيسية (inline) */
html[data-theme="dark"] .home-catalog-stats .stat-item[style*="background:#f0fdf4"],
html[data-theme="dark"] .home-catalog-stats .stat-item[style*="background: #f0fdf4"] {
  background: var(--clr-green-bg) !important;
  border: 1px solid rgba(82, 183, 136, 0.35);
}

html[data-theme="dark"] .home-catalog-stats .stat-item[style*="background:#fef2f2"],
html[data-theme="dark"] .home-catalog-stats .stat-item[style*="background: #fef2f2"] {
  background: var(--clr-red-bg) !important;
  border: 1px solid rgba(240, 113, 103, 0.35);
}

html[data-theme="dark"] .home-catalog-stats .stat-item[style*="background:#f8fafc"],
html[data-theme="dark"] .home-catalog-stats .stat-item[style*="background: #f8fafc"] {
  background: var(--clr-surface) !important;
  border: 1px solid var(--clr-border);
}

html[data-theme="dark"] .home-catalog-stats .stat-num[style*="color:#166534"],
html[data-theme="dark"] .home-catalog-stats .stat-num[style*="color: #166534"] {
  color: var(--clr-green) !important;
}

html[data-theme="dark"] .home-catalog-stats .stat-num[style*="color:#991b1b"],
html[data-theme="dark"] .home-catalog-stats .stat-num[style*="color: #991b1b"] {
  color: var(--clr-red) !important;
}

/* زر التبديل */
.mt-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: var(--radius-sm);
  border: 1px solid var(--clr-border);
  background: var(--clr-primary-bg);
  color: var(--clr-primary-dark);
  cursor: pointer;
  flex-shrink: 0;
  transition: var(--transition);
}

.mt-theme-toggle:hover,
.mt-theme-toggle:focus-visible {
  border-color: var(--clr-accent);
  background: var(--clr-accent-bg);
  color: var(--clr-accent-dark);
  outline: none;
}

.mt-theme-toggle__icon {
  font-size: 1.15rem;
  line-height: 1;
}

.mt-theme-toggle__icon--sun {
  display: none;
}

html[data-theme="dark"] .mt-theme-toggle {
  background: rgba(201, 162, 39, 0.12);
  border-color: rgba(201, 162, 39, 0.35);
  color: var(--clr-accent-light);
}

html[data-theme="dark"] .mt-theme-toggle__icon--moon {
  display: none;
}

html[data-theme="dark"] .mt-theme-toggle__icon--sun {
  display: block;
}

html[data-theme="dark"] .mobile-nav-row--theme {
  border-color: rgba(201, 162, 39, 0.35);
  background: rgba(201, 162, 39, 0.08);
}

button.mobile-nav-row {
  width: 100%;
  font-family: var(--font-primary);
  text-align: inherit;
  cursor: pointer;
}

.navbar-cta + .mt-theme-toggle,
.mt-theme-toggle + .navbar-cta {
  margin-inline: 4px;
}

@media (max-width: 991px) {
  .navbar > .navbar-inner > .mt-theme-toggle {
    order: 2;
    margin-inline-start: auto;
    margin-inline-end: 6px;
  }
}

html[data-theme="dark"] #reading-progress {
  background: linear-gradient(90deg, var(--clr-primary-light), var(--clr-accent));
}

html[data-theme="dark"] .scroll-top {
  background: var(--clr-surface-elevated);
  color: var(--clr-accent-light);
  border: 1px solid var(--clr-border);
}

html[data-theme="dark"] .hamburger {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .hamburger span {
  background: var(--clr-text);
}

html[data-theme="dark"] .hamburger:hover {
  background: rgba(82, 183, 136, 0.12);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .section-header h2 {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .nav-pill {
  background: linear-gradient(135deg, #2a2418, #3d3420);
  color: var(--clr-accent-light);
  border-color: rgba(201, 162, 39, 0.3);
}

/* ====================================================
   أقسام عامة — style.css
   ==================================================== */
html[data-theme="dark"] .faq-section {
  background: var(--clr-bg-alt);
}

html[data-theme="dark"] .cta-section {
  background: linear-gradient(135deg, var(--clr-accent-bg) 0%, var(--clr-primary-bg) 100%);
}

html[data-theme="dark"] .cta-section__glass {
  background: rgba(26, 46, 38, 0.75);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .cta-section__title,
html[data-theme="dark"] .cta-section__lead,
html[data-theme="dark"] .cta-footnote {
  color: var(--clr-text);
}

html[data-theme="dark"] .page-hero {
  background: linear-gradient(160deg, #0a1410 0%, #0f2319 45%, #1b4332 100%);
  color: var(--clr-text);
}

html[data-theme="dark"] .page-hero h1,
html[data-theme="dark"] .page-hero p,
html[data-theme="dark"] .page-hero-note {
  color: inherit;
}

html[data-theme="dark"] .page-hero-card,
html[data-theme="dark"] .page-hero-cards .page-hero-card {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  color: var(--clr-text-md);
}

html[data-theme="dark"] .breadcrumb a {
  color: var(--clr-text-light);
}

html[data-theme="dark"] .breadcrumb a:hover {
  color: var(--clr-accent-light);
}

html[data-theme="dark"] .breadcrumb .current {
  color: var(--clr-text);
}

html[data-theme="dark"] .hero.hero--subpage {
  background: linear-gradient(160deg, #0a1410 0%, #0f2319 42%, #1b4332 100%);
}

html[data-theme="dark"] .hero-subpage-panel,
html[data-theme="dark"] .hero--majadid .hero-content {
  color: var(--clr-text);
}

html[data-theme="dark"] .food-card {
  background: var(--clr-bg);
}

html[data-theme="dark"] .faq-icon {
  background: var(--clr-bg);
  color: var(--clr-primary);
}

html[data-theme="dark"] .faq-item.open .faq-icon {
  background: var(--clr-primary);
  color: #fff;
}

html[data-theme="dark"] .bg-white {
  background: var(--clr-surface) !important;
}

html[data-theme="dark"] .btn-white,
html[data-theme="dark"] .btn-white:hover,
html[data-theme="dark"] .btn-white:focus-visible {
  background: rgba(232, 245, 238, 0.95);
  color: #1b4332;
  border-color: rgba(255, 255, 255, 0.35);
}

html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
  background: var(--clr-surface);
  color: var(--clr-text);
  border-color: var(--clr-border);
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .mt-updates-snackbar__inner {
  background: var(--clr-surface-elevated);
  border-color: var(--clr-border);
  color: var(--clr-text);
}

html[data-theme="dark"] .mt-wa-float__btn {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.4);
}

/* ====================================================
   تسجيل الدخول — auth.css
   ==================================================== */
html[data-theme="dark"] .reg-progress {
  background: linear-gradient(180deg, var(--clr-primary-bg), var(--clr-bg-alt));
}

html[data-theme="dark"] .reg-step::after {
  background: var(--clr-border);
}

html[data-theme="dark"] .btn-google {
  background: var(--clr-surface-elevated);
  color: var(--clr-text);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .btn-google:hover {
  background: var(--clr-surface);
  border-color: var(--clr-border-dark);
}

/* ====================================================
   المدونة — blog.css
   ==================================================== */
html[data-theme="dark"] .blog-page::before {
  background:
    radial-gradient(ellipse 80% 70% at 50% -20%, rgba(82, 183, 136, 0.12), transparent 55%),
    radial-gradient(ellipse 50% 40% at 100% 0%, rgba(201, 162, 39, 0.08), transparent 50%),
    radial-gradient(ellipse 50% 40% at 0% 0%, rgba(27, 67, 50, 0.35), transparent 45%);
}

html[data-theme="dark"] .blog-hero {
  background: linear-gradient(165deg, rgba(26, 46, 38, 0.95) 0%, rgba(18, 40, 32, 0.88) 100%);
  border-color: var(--clr-border);
  box-shadow: var(--shadow-md);
}

html[data-theme="dark"] .blog-hero__badge {
  background: linear-gradient(135deg, var(--clr-primary-bg), rgba(15, 35, 25, 0.8));
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .blog-card,
html[data-theme="dark"] .blog-post-card,
html[data-theme="dark"] .blog-sidebar-card,
html[data-theme="dark"] .blog-filter-bar,
html[data-theme="dark"] .blog-pagination .page-link {
  background: var(--clr-surface);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .blog-card:hover,
html[data-theme="dark"] .blog-post-card:hover {
  border-color: var(--clr-border-dark);
}

/* ====================================================
   المجتمع — community-hub.css
   ==================================================== */
html[data-theme="dark"] .comm-hero-canva {
  background: linear-gradient(180deg, var(--clr-bg-alt) 0%, var(--clr-bg) 55%);
}

html[data-theme="dark"] .comm-hero-canva__title {
  color: var(--clr-text);
}

html[data-theme="dark"] .comm-hero-canva__subtitle,
html[data-theme="dark"] .comm-hero-canva__badge-label {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .comm-tabs {
  background: var(--clr-surface);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .comm-tabs__btn {
  color: var(--clr-text-light);
}

html[data-theme="dark"] .comm-tabs__btn.is-active,
html[data-theme="dark"] .comm-tabs__btn:hover {
  background: var(--clr-primary-bg);
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .comm-toolbar,
html[data-theme="dark"] .comm-sort select {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  color: var(--clr-text);
}

html[data-theme="dark"] .comm-q-card,
html[data-theme="dark"] .comm-q-card--canva {
  background: var(--clr-surface);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .comm-q-card:hover {
  border-color: var(--clr-border-dark);
  box-shadow: var(--shadow-md);
}

html[data-theme="dark"] .comm-q-card__title,
html[data-theme="dark"] .comm-q-card__title a {
  color: var(--clr-text);
}

html[data-theme="dark"] .comm-q-card__excerpt,
html[data-theme="dark"] .comm-q-card__meta {
  color: var(--clr-text-light);
}

html[data-theme="dark"] .comm-stat-pill {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  color: var(--clr-text-md);
}

/* ====================================================
   التغذية واللوحة — nutrition.css
   ==================================================== */
html[data-theme="dark"] .onboarding-page {
  background: linear-gradient(135deg, #0d1a14 0%, #1a1810 50%, #0d1a14 100%);
}

html[data-theme="dark"] .progress-step-circle {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .onboarding-card,
html[data-theme="dark"] .dashboard-shell,
html[data-theme="dark"] .dashboard-header,
html[data-theme="dark"] .meal-item,
html[data-theme="dark"] .nt-card,
html[data-theme="dark"] .nt-panel,
html[data-theme="dark"] .nt-stat-card,
html[data-theme="dark"] .welcome-card,
html[data-theme="dark"] .chat-bubble-ai,
html[data-theme="dark"] .nutrition-sidebar {
  background: var(--nt-card-bg);
  border-color: var(--clr-border);
  color: var(--clr-text-md);
}

html[data-theme="dark"] .dashboard-greeting h1,
html[data-theme="dark"] .dashboard-hero-title,
html[data-theme="dark"] .onboarding-card-header h2 {
  color: var(--clr-text);
}

html[data-theme="dark"] .dashboard-page {
  background: var(--clr-bg);
}

/* ====================================================
   تتبع التذكرة — support-ticket-track.css
   ==================================================== */
html[data-theme="dark"] .stq-page {
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(82, 183, 136, 0.1) 0%, transparent 55%),
    radial-gradient(90% 60% at 0% 100%, rgba(45, 106, 79, 0.08) 0%, transparent 50%),
    linear-gradient(180deg, #0d1a14 0%, #122820 35%, #0d1a14 100%);
}

html[data-theme="dark"] .stq-card {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  box-shadow: var(--shadow-lg);
}

html[data-theme="dark"] .stq-hero__badge {
  color: var(--clr-green);
  background: var(--clr-green-bg);
  border-color: var(--clr-border-dark);
}

html[data-theme="dark"] .stq-timeline__item,
html[data-theme="dark"] .stq-reply {
  background: var(--clr-bg-alt);
  border-color: var(--clr-border);
}

/* ====================================================
   المساعد الذكي / الدردشة — live-chat-canva.css
   ==================================================== */
html[data-theme="dark"] .tayibat-live-chat {
  background: rgba(26, 46, 38, 0.92);
  border-color: var(--clr-border);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .tayibat-live-chat__head {
  background: linear-gradient(135deg, #0f2319, #1b4332);
}

html[data-theme="dark"] .tayibat-live-chat__body {
  background: var(--clr-bg);
}

html[data-theme="dark"] .tayibat-live-chat__msg--user .tayibat-live-chat__bubble {
  background: var(--clr-primary-bg);
  color: var(--clr-text);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .tayibat-live-chat__msg--bot .tayibat-live-chat__bubble {
  background: var(--clr-surface-elevated);
  color: var(--clr-text-md);
  border-color: var(--clr-border);
}

html[data-theme="dark"] .tayibat-live-chat__composer {
  background: var(--clr-surface);
  border-top-color: var(--clr-border);
}

html[data-theme="dark"] .tayibat-live-chat__input {
  background: var(--clr-bg);
  color: var(--clr-text);
  border-color: var(--clr-border);
}

/* ====================================================
   PDF — pdf-download-landing.css
   ==================================================== */
html[data-theme="dark"] .pdf-dl-step,
html[data-theme="dark"] .pdf-dl-faq-item,
html[data-theme="dark"] .pdf-dl-trust-card {
  background: var(--clr-surface);
  border-color: var(--clr-border);
}

/* ====================================================
   بطاقات إضافية / تجارب / تقييم
   ==================================================== */
html[data-theme="dark"] .card-elevated,
html[data-theme="dark"] .tajrubat-card,
html[data-theme="dark"] .rating-card,
html[data-theme="dark"] .contact-card,
html[data-theme="dark"] .guide-toc,
html[data-theme="dark"] .content-box,
html[data-theme="dark"] .info-box,
html[data-theme="dark"] .alert-box {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  color: var(--clr-text-md);
}

html[data-theme="dark"] .nav-mega-featured__link {
  background: var(--clr-surface);
  border-color: var(--clr-border);
  color: var(--clr-text-md);
}

html[data-theme="dark"] .nav-mega-featured__link:hover {
  background: var(--clr-primary-bg);
  border-color: var(--clr-border-dark);
}

html[data-theme="dark"] .footer-col h3,
html[data-theme="dark"] .footer-brand p {
  color: var(--clr-text-light);
}

html[data-theme="dark"] .footer-bottom {
  border-top-color: var(--clr-border);
  color: var(--clr-text-muted);
}

html[data-theme="dark"] .feature-card h3 {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .food-card.green:hover {
  background: var(--clr-green-bg);
}

html[data-theme="dark"] .food-card.red:hover {
  background: var(--clr-red-bg);
}

/* ====================================================
   تغذية / مجتمع — تجاوز الألوان الثابتة (!important)
   ==================================================== */
html[data-theme="dark"] .onboarding-card {
  background: var(--nt-card-bg) !important;
  border-color: var(--clr-border) !important;
}

html[data-theme="dark"] .onboarding-page .form-group label,
html[data-theme="dark"] .dashboard-page .form-group label {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .onboarding-page .form-group input,
html[data-theme="dark"] .onboarding-page .form-group select,
html[data-theme="dark"] .onboarding-page .form-group textarea,
html[data-theme="dark"] .dashboard-page .form-group input,
html[data-theme="dark"] .dashboard-page .form-group select,
html[data-theme="dark"] .dashboard-page .form-group textarea {
  background: var(--clr-surface) !important;
  color: var(--clr-text) !important;
  border-color: var(--clr-border) !important;
}

html[data-theme="dark"] .radio-card,
html[data-theme="dark"] .checkbox-item {
  background: var(--clr-surface) !important;
  border-color: var(--clr-border) !important;
  color: var(--clr-text-md);
}

html[data-theme="dark"] .radio-card.selected,
html[data-theme="dark"] .checkbox-item:has(input:checked) {
  background: var(--clr-primary-bg) !important;
  border-color: var(--clr-primary) !important;
}

html[data-theme="dark"] .comm-tabs__btn {
  background: var(--clr-surface) !important;
  color: var(--clr-text-md) !important;
}

html[data-theme="dark"] .comm-sort select {
  background: var(--clr-surface) !important;
  color: var(--clr-text) !important;
}

html[data-theme="dark"] .comm-q-card {
  background: var(--clr-surface) !important;
  box-shadow: var(--shadow-sm) !important;
}

html[data-theme="dark"] .comm-compose,
html[data-theme="dark"] .comm-thread,
html[data-theme="dark"] .comm-answer,
html[data-theme="dark"] .comm-wall-card,
html[data-theme="dark"] .comm-sidebar-box {
  background: var(--clr-surface) !important;
  border-color: var(--clr-border) !important;
  color: var(--clr-text-md);
}

html[data-theme="dark"] .content-subscribe-cta {
  background: linear-gradient(165deg, var(--clr-primary-bg) 0%, var(--clr-surface) 55%, var(--clr-accent-bg) 100%) !important;
}

html[data-theme="dark"] .content-body,
html[data-theme="dark"] .content-body h2,
html[data-theme="dark"] .content-body h3 {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .content-body h2 {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .sidebar-card h3 {
  color: var(--clr-primary-dark);
}

/* بطاقة «انضم مجاناً» — الشريط الجانبي */
html[data-theme="dark"] .sidebar-card.sidebar-card--signup {
  background: linear-gradient(
    168deg,
    var(--clr-surface-elevated) 0%,
    var(--clr-surface) 38%,
    var(--clr-primary-bg) 100%
  ) !important;
  border-color: rgba(82, 183, 136, 0.35) !important;
  box-shadow: var(--shadow-md);
}

html[data-theme="dark"] .sidebar-card.sidebar-card--signup h3.sidebar-card--signup__title {
  color: var(--clr-primary-dark);
  border-bottom-color: var(--clr-border);
}

html[data-theme="dark"] .sidebar-card--signup__text {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .sidebar-card--signup__link {
  color: var(--clr-accent-light);
}

html[data-theme="dark"] .sidebar-card--signup__link:hover {
  color: var(--clr-accent);
}

html[data-theme="dark"] .sidebar-card--signup .btn-accent {
  color: #0d1a14;
}

html[data-theme="dark"] .sidebar-card--signup .btn-secondary {
  background: rgba(82, 183, 136, 0.12) !important;
  color: var(--clr-primary-dark) !important;
  border: 1px solid rgba(82, 183, 136, 0.4) !important;
  --btn-shadow:
    0 3px 0 rgba(0, 0, 0, 0.28),
    0 5px 14px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .sidebar-card--signup .btn-secondary:hover,
html[data-theme="dark"] .sidebar-card--signup .btn-secondary:focus-visible {
  background: rgba(82, 183, 136, 0.2) !important;
  color: var(--clr-text) !important;
  border-color: var(--clr-accent) !important;
}

html[data-theme="dark"] .meal-type-icon.morning,
html[data-theme="dark"] .meal-type-icon.breakfast,
html[data-theme="dark"] .meal-type-icon.lunch,
html[data-theme="dark"] .meal-type-icon.dinner,
html[data-theme="dark"] .meal-type-icon.snacks {
  filter: brightness(0.85) saturate(0.9);
}

html[data-theme="dark"] .badge-beginner,
html[data-theme="dark"] .badge-intermediate,
html[data-theme="dark"] .badge-advanced {
  filter: brightness(0.75);
}

/* ====================================================
   صفحة ما الجديد (/ma-jadid)
   ==================================================== */
html[data-theme="dark"] .hero.hero--majadid {
  background:
    radial-gradient(ellipse 90% 70% at 100% 0%, rgba(201, 162, 39, 0.14) 0%, transparent 52%),
    linear-gradient(160deg, #0a1410 0%, #0f2319 42%, #1b4332 100%);
}

html[data-theme="dark"] .majadid-section {
  background: linear-gradient(180deg, var(--clr-bg-alt) 0%, var(--clr-bg) 38%);
}

html[data-theme="dark"] .majadid-card--cyan {
  border-color: rgba(45, 212, 191, 0.28);
  background: linear-gradient(135deg, rgba(15, 42, 38, 0.85) 0%, var(--clr-surface) 100%);
}

html[data-theme="dark"] .majadid-card--green {
  border-color: rgba(82, 183, 136, 0.35);
  background: linear-gradient(135deg, var(--clr-primary-bg) 0%, var(--clr-surface) 100%);
}

html[data-theme="dark"] .majadid-card--muted {
  border-color: var(--clr-border);
  background: var(--clr-surface);
}

html[data-theme="dark"] .majadid-pill--cyan {
  color: #5eead4;
  background: rgba(45, 212, 191, 0.2);
}

html[data-theme="dark"] .majadid-pill--green {
  color: var(--clr-primary-dark);
  background: rgba(82, 183, 136, 0.22);
}

html[data-theme="dark"] .majadid-pill--neutral {
  color: var(--clr-text-md);
  background: var(--clr-bg-alt);
}

html[data-theme="dark"] .majadid-card__title {
  color: var(--clr-primary-dark);
}

html[data-theme="dark"] .majadid-card__title--muted {
  color: var(--clr-text);
}

html[data-theme="dark"] .majadid-card__body {
  color: var(--clr-text-md);
}

html[data-theme="dark"] .majadid-card__body a {
  color: var(--clr-accent-light);
}

html[data-theme="dark"] .majadid-card__body a:hover,
html[data-theme="dark"] .majadid-card__body a:focus-visible {
  color: var(--clr-accent);
}

html[data-theme="dark"] .majadid-footnote {
  color: var(--clr-text-light);
}

html[data-theme="dark"] .majadid-footnote a {
  color: var(--clr-accent-light);
}

html[data-theme="dark"] .majadid-footnote a:hover,
html[data-theme="dark"] .majadid-footnote a:focus-visible {
  color: var(--clr-accent);
}