/* Global dark mode - applies to all app pages when html.dark-mode */
html.dark-mode {
  --bg: #0f172a;
  --card-bg: #1e293b;
  --text: #f1f5f9;
  --text-muted: #94a3b8;
  --input-bg: #334155;
  --primary: #60a5fa;
}
html.dark-mode body { background: var(--bg); color: var(--text); }
html.dark-mode .icon-btn,
html.dark-mode .bottom-nav { background: var(--card-bg); box-shadow: 0 -4px 20px rgba(0,0,0,0.3); }
html.dark-mode .service-item,
html.dark-mode .service-list-item,
html.dark-mode .content-card,
html.dark-mode .settings-card,
html.dark-mode .settings-list,
html.dark-mode .form-card,
html.dark-mode .filter-card,
html.dark-mode .flight-card,
html.dark-mode .itinerary-card,
html.dark-mode .hostel-card,
html.dark-mode .converter-card,
html.dark-mode .alert-banner { background: var(--card-bg); border-color: rgba(255,255,255,0.08); }
html.dark-mode .service-item,
html.dark-mode .service-list-item,
html.dark-mode .settings-item { border-bottom-color: rgba(255,255,255,0.08); color: var(--text); }
html.dark-mode .service-item:hover,
html.dark-mode .service-list-item:hover { background: rgba(255,255,255,0.05); }
html.dark-mode .greeting h1,
html.dark-mode .section-title,
html.dark-mode .all-services-title,
html.dark-mode .header h1 { color: var(--text); }
html.dark-mode .greeting p,
html.dark-mode .service-label,
html.dark-mode .chevron,
html.dark-mode .coming-soon-badge,
html.dark-mode .nav-item { color: var(--text-muted); }
html.dark-mode .nav-item:hover,
html.dark-mode .nav-item.active { color: var(--accent-orange); }
html.dark-mode input,
html.dark-mode select { background: var(--input-bg); color: var(--text); border-color: rgba(255,255,255,0.15); }
html.dark-mode .desktop-message { background: var(--bg); color: var(--text); }
html.dark-mode .podcast-card,
html.dark-mode .podcast-thumb { background: var(--card-bg); }
html.dark-mode .podcast-duration { color: var(--text-muted); }
html.dark-mode .settings-footer { color: var(--text-muted); }
html.dark-mode .no-flight-card,
html.dark-mode .trip-card { box-shadow: 0 10px 30px rgba(0,0,0,0.4); }

/* RTL support for Hebrew */
html[dir="rtl"] .back-link span:first-child,
html[dir="rtl"] .back-btn span:first-child { transform: scaleX(-1); }
html[dir="rtl"] .chevron { transform: scaleX(-1); }
html[dir="rtl"] .service-list-item .chevron,
html[dir="rtl"] .settings-item .chevron { display: inline-block; }
html[dir="rtl"] .form-card select { background-position: left 12px center; padding-right: 16px; padding-left: 44px; }