html[data-theme="dark"] {
    --primary-color: #16A34A;
    --primary-hover: #15803D;
    --primary-deep: #000000;
    --primary-soft: rgba(74, 222, 128, 0.12);
    --primary-soft-2: rgba(74, 222, 128, 0.08);
    --accent-color: #4ADE80;
    --accent-hover: #22C55E;
    --accent-soft: rgba(74, 222, 128, 0.16);
    --green-bright: #4ADE80;
    --ink: #FFFFFF;
    --text-color: #E5E7EB;
    --text-muted: #9CA3AF;
    --dark-surface: #000000;
    --dark-soft: #000000;
    --bg-canvas: #000000;
    --bg-alt: #000000;
    --border-color: #222222;
    --card-bg: #000000;
    --nav-bg: #000000;
    --shadow-sm: 0 4px 14px rgba(0, 0, 0, 0.8);
    --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.9);
}

html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] main,
html[data-theme="dark"] .section,
html[data-theme="dark"] .section-alt,
html[data-theme="dark"] .station-section {
    background-color: #000000 !important;
    background-image: none !important;
    color: var(--text-color);
}

html[data-theme="dark"] .navbar {
    background: #000000 !important;
    background-color: #000000 !important;
    border-bottom-color: #222222;
}

@media (max-width: 992px) {
    html[data-theme="dark"] .nav-menu {
        background: #0F1713 !important;
        background-color: #0F1713 !important;
        border-color: #1F2E26 !important;
    }
}

@media (min-width: 993px) {
    html[data-theme="dark"] .nav-menu {
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
    }
}

/* Hero banner retains its background color in dark mode */
html[data-theme="dark"] .hero-desc {
    color: rgba(255, 255, 255, 0.9);
}

/* Green sections in light theme maintain their green background in dark mode */
html[data-theme="dark"] .stats-band {
    background: linear-gradient(120deg, #14532D 0%, #16803D 60%, #1E7A44 100%) !important;
    border-top: none;
    border-bottom: none;
    color: #FFFFFF;
}

html[data-theme="dark"] .safety-band {
    background: linear-gradient(120deg, #14532D 0%, #15803D 70%) !important;
    border: none;
    color: #FFFFFF;
}

html[data-theme="dark"] .safety-band::before {
    display: block;
}

html[data-theme="dark"] .portal-cta {
    background: #000000 !important;
    border: 1px solid #222222;
}

html[data-theme="dark"] .card,
html[data-theme="dark"] .step-card,
html[data-theme="dark"] .station-row,
html[data-theme="dark"] .booking-card,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .testimonial-card,
html[data-theme="dark"] .testimonial-metrics {
    background: #000000 !important;
    background-color: #000000 !important;
    border: 1px solid #222222;
}

html[data-theme="dark"] .card:hover,
html[data-theme="dark"] .step-card:hover,
html[data-theme="dark"] .testimonial-card:hover {
    border-color: rgba(34, 197, 94, 0.45) !important;
    box-shadow: 0 20px 42px -10px rgba(0, 0, 0, 0.95), 0 0 0 1px rgba(34, 197, 94, 0.28), 0 8px 26px rgba(34, 197, 94, 0.16) !important;
}

html[data-theme="dark"] .metric-number {
    color: #FFFFFF !important;
}

html[data-theme="dark"] .carousel-nav-btn {
    background: #000000 !important;
    border-color: #222222;
    color: #FFFFFF;
}

html[data-theme="dark"] .carousel-nav-btn:hover {
    background: var(--primary-color) !important;
    border-color: var(--primary-color);
    color: #FFFFFF;
}

html[data-theme="dark"] .carousel-dot {
    background: #333333;
}

html[data-theme="dark"] .carousel-dot.active {
    background: var(--primary-color) !important;
}

html[data-theme="dark"] .testimonial-quote {
    color: #E5E7EB;
}

html[data-theme="dark"] .rating-val {
    color: #FFFFFF;
}

html[data-theme="dark"] .carousel-counter {
    color: #9CA3AF;
}

html[data-theme="dark"] .author-info h4 {
    color: #FFFFFF;
}

html[data-theme="dark"] .station-row:hover {
    border-color: rgba(34, 197, 94, 0.45) !important;
    box-shadow: 0 10px 28px -6px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(34, 197, 94, 0.25) !important;
}

html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-item.active {
    background: #111111 !important;
    color: var(--primary-color);
}

html[data-theme="dark"] .card-img-wrap {
    background: #0A0A0A;
}

html[data-theme="dark"] .tab-btn {
    background: #111111;
    border-color: #2A2A2A;
    color: #E5E7EB;
    transition: all 0.25s ease;
}

html[data-theme="dark"] .tab-btn:hover {
    border-color: var(--green-bright);
    color: var(--green-bright);
    background: rgba(74, 222, 128, 0.08);
}

html[data-theme="dark"] .tab-btn.active {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .bb-field select,
html[data-theme="dark"] .bb-field input {
    background-color: #000000 !important;
    color: #FFFFFF;
    border-color: #2A2A2A;
}

/* Badges & duration pills on cards */
html[data-theme="dark"] .tour-duration-badge,
html[data-theme="dark"] .tr-card-dur,
html[data-theme="dark"] .img-badge {
    background: rgba(10, 20, 14, 0.92) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(74, 222, 128, 0.4) !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.75) !important;
}

html[data-theme="dark"] .tour-duration-badge i,
html[data-theme="dark"] .tr-card-dur i,
html[data-theme="dark"] .img-badge i {
    color: var(--green-bright) !important;
}

html[data-theme="dark"] .sv-card-badge,
html[data-theme="dark"] .fl-cat-tag,
html[data-theme="dark"] .tr-featured-tag {
    background: rgba(74, 222, 128, 0.14) !important;
    color: var(--green-bright) !important;
    border: 1px solid rgba(74, 222, 128, 0.3) !important;
}

/* Action Buttons in Dark Mode - Subtle, Clean, No Glow */
html[data-theme="dark"] .btn,
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .btn-accent,
html[data-theme="dark"] .btn-outline,
html[data-theme="dark"] .btn-white,
html[data-theme="dark"] .btn-ghost {
    box-shadow: none !important;
}

html[data-theme="dark"] .btn:hover,
html[data-theme="dark"] .btn-primary:hover,
html[data-theme="dark"] .btn-accent:hover,
html[data-theme="dark"] .btn-outline:hover,
html[data-theme="dark"] .btn-white:hover,
html[data-theme="dark"] .btn-ghost:hover {
    box-shadow: none !important;
}

html[data-theme="dark"] .btn-outline {
    background: transparent !important;
    border: 1.5px solid rgba(74, 222, 128, 0.4) !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .btn-outline:hover {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .btn-primary {
    background: var(--primary-color) !important;
    color: #FFFFFF !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .btn-primary:hover {
    background: var(--primary-hover) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .btn-accent {
    background: var(--primary-color) !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .btn-accent:hover {
    background: var(--primary-hover) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .btn-white {
    background: #FFFFFF !important;
    color: #07150E !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .btn-white:hover {
    background: #E5E7EB !important;
    color: #07150E !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .btn-ghost {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .btn-ghost:hover {
    background: rgba(255, 255, 255, 0.16) !important;
    border-color: #FFFFFF !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .avail-bar {
    background: #1A1A1A;
}

html[data-theme="dark"] .map-overlay-card {
    background: rgba(0, 0, 0, 0.94) !important;
    border-color: #222222;
}

html[data-theme="dark"] .map-pin {
    border-color: #000000;
}

html[data-theme="dark"] .icon-btn {
    background: #111111;
    border-color: #2A2A2A;
    color: #FFFFFF;
}

html[data-theme="dark"] .icon-btn:hover {
    background: #1A1A1A;
    border-color: var(--green-bright);
    color: var(--green-bright);
}

html[data-theme="dark"] .topbar {
    background: #000000 !important;
    border-bottom-color: #1C1C1C;
}

html[data-theme="dark"] .mobile-toggle-btn {
    background: #000000;
    border-color: #222222;
    color: #FFFFFF;
}

html[data-theme="dark"] .mobile-toggle-btn:hover {
    background: #0A0A0A;
    border-color: var(--primary-color);
}

html[data-theme="dark"] .toggle-switch-indicator {
    background: #374151;
}

html[data-theme="dark"] .mobile-toggle-btn.active .toggle-switch-indicator,
html[data-theme="dark"] .toggle-switch-indicator.on {
    background: var(--primary-color);
}

html[data-theme="dark"] .footer {
    background: #000000 !important;
    background-color: #000000 !important;
    border-top: 1px solid #222222;
}

html[data-theme="dark"] .footer .logo,
html[data-theme="dark"] .footer-logo {
    color: #FFFFFF;
}

html[data-theme="dark"] .footer-col h4 {
    color: #FFFFFF;
}

html[data-theme="dark"] .footer-col > p,
html[data-theme="dark"] .footer-links a,
html[data-theme="dark"] .footer-contact li,
html[data-theme="dark"] .footer-contact a,
html[data-theme="dark"] .footer-bottom,
html[data-theme="dark"] .footer-bottom a {
    color: #9CA3AF;
}

html[data-theme="dark"] .footer-links a:hover,
html[data-theme="dark"] .footer-contact a:hover,
html[data-theme="dark"] .footer-bottom a:hover {
    color: var(--green-bright);
}

html[data-theme="dark"] .footer-social a {
    background: #000000;
    border-color: #222222;
    color: #D1D5DB;
}

html[data-theme="dark"] .footer-social a:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: #FFFFFF;
}

html[data-theme="dark"] .footer-bottom {
    border-top-color: #1E1E1E;
}

/* ===== Home 2 (dark) ===== */
html[data-theme="dark"] .hero2 {
    background: #000000 !important;
}

html[data-theme="dark"] .hero2-img {
    border-color: #222222;
}

html[data-theme="dark"] .hero2-img-ring {
    border-color: rgba(74, 222, 128, 0.3);
}

html[data-theme="dark"] .hero2-chip,
html[data-theme="dark"] .booking-strip {
    background: #000000 !important;
    background-color: #000000 !important;
    border: 1px solid #222222;
}

html[data-theme="dark"] .bb-row .bb-field select,
html[data-theme="dark"] .bb-row .bb-field input {
    background-color: #000000 !important;
    color: #FFFFFF;
    border-color: #2A2A2A;
}

html[data-theme="dark"] .trust-stat,
html[data-theme="dark"] .bento-card,
html[data-theme="dark"] .price-card,
html[data-theme="dark"] .testimonial-card {
    background: #000000 !important;
    background-color: #000000 !important;
    border-color: #222222;
}

html[data-theme="dark"] .trust-stat:hover,
html[data-theme="dark"] .bento-card:hover,
html[data-theme="dark"] .price-card:hover,
html[data-theme="dark"] .testimonial-card:hover {
    border-color: rgba(34, 197, 94, 0.45) !important;
    box-shadow: 0 20px 42px -10px rgba(0, 0, 0, 0.95), 0 0 0 1px rgba(34, 197, 94, 0.25) !important;
}

html[data-theme="dark"] .bento-large {
    background: linear-gradient(135deg, #14532D 0%, #15803D 85%) !important;
    border: 1px solid #14532D;
}

html[data-theme="dark"] .partner-logo {
    color: #6B7280;
}

html[data-theme="dark"] .partner-logo:hover {
    color: var(--green-bright);
}

html[data-theme="dark"] .spot-feature,
html[data-theme="dark"] .route-banner,
html[data-theme="dark"] .price-card--featured,
html[data-theme="dark"] .cta-band {
    background: linear-gradient(135deg, #14532D 0%, #15803D 100%) !important;
    border: none;
    color: #FFFFFF;
}

html[data-theme="dark"] .plan-price {
    color: #FFFFFF;
}

html[data-theme="dark"] .plan-desc {
    color: #9CA3AF;
}

html[data-theme="dark"] .plan-features li {
    color: #E5E7EB;
}

html[data-theme="dark"] .plan-features li.muted {
    color: #6B7280;
}

html[data-theme="dark"] .plan-features li.muted i {
    color: #374151;
}

html[data-theme="dark"] .testi-avatar {
    background: rgba(74, 222, 128, 0.14);
    color: var(--green-bright);
}

html[data-theme="dark"] .testi-avatar.alt {
    background: rgba(74, 222, 128, 0.1);
    color: var(--green-bright);
}

html[data-theme="dark"] .testi-quote {
    color: rgba(74, 222, 128, 0.18);
}

html[data-theme="dark"] .h2-tour-mini .h2-tour-tag {
    background: rgba(74, 222, 128, 0.16);
    border-color: rgba(74, 222, 128, 0.35);
    color: var(--green-bright);
}

html[data-theme="dark"] .sv-proc-card {
    background: #0d0d0d;
    border-color: #222222;
}

html[data-theme="dark"] .sv-proc-card:hover {
    border-color: var(--primary-color);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.7);
}

html[data-theme="dark"] .sv-proc-tag,
html[data-theme="dark"] .sv-spot-pill {
    background: #141414;
    border-color: #262626;
    color: var(--text-muted);
}

html[data-theme="dark"] .sv-spot-copy h2 {
    color: #FFFFFF;
}

html[data-theme="dark"] .sv-spot-list li {
    color: var(--text-color);
}

/* ===== Contact page (dark) ===== */
html[data-theme="dark"] .ct-card,
html[data-theme="dark"] .ct-form-card,
html[data-theme="dark"] .ct-map-card {
    background: #000000 !important;
    background-color: #000000 !important;
    border: 1px solid #222222;
}

html[data-theme="dark"] .ct-card:hover {
    border-color: rgba(34, 197, 94, 0.45) !important;
    box-shadow: 0 20px 42px -10px rgba(0, 0, 0, 0.95), 0 0 0 1px rgba(34, 197, 94, 0.25) !important;
}

html[data-theme="dark"] .ct-input,
html[data-theme="dark"] .ct-select,
html[data-theme="dark"] .ct-textarea {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #FFFFFF;
    border-color: #2A2A2A;
}

html[data-theme="dark"] .ad-select-btn {
    background: #000000 !important;
    border-color: #2A2A2A;
    color: #FFFFFF;
}

html[data-theme="dark"] .ad-select-dropdown {
    background: #000000 !important;
    border-color: #2A2A2A;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.95);
}

html[data-theme="dark"] .ad-select-opt {
    color: #E5E7EB;
}

html[data-theme="dark"] .ad-select-opt:hover {
    background: rgba(34, 197, 94, 0.16);
    color: var(--green-bright);
}

html[data-theme="dark"] .ad-select-opt.active {
    background: rgba(34, 197, 94, 0.2);
    color: var(--green-bright);
}

html[data-theme="dark"] select.ct-select {
    color-scheme: dark;
}

html[data-theme="dark"] select.ct-select option {
    background: #0C1510;
    color: #FFFFFF;
}

html[data-theme="dark"] .ct-map-frame {
    border-color: #2A2A2A;
}

html[data-theme="dark"] .ct-map-facts li {
    color: #9CA3AF;
}

/* ===== About page - Our Journey Timeline (dark) ===== */
html[data-theme="dark"] .ab-tl-year {
    border-color: #000000;
    box-shadow: 0 4px 18px rgba(74, 222, 128, 0.4);
}

html[data-theme="dark"] .ab-tl-card {
    background: #000000 !important;
    background-color: #000000 !important;
    border-color: #222222;
}

html[data-theme="dark"] .ab-tl-card:hover {
    border-color: #4ADE80;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(74, 222, 128, 0.25);
}

html[data-theme="dark"] .ab-tl-tag {
    background: rgba(74, 222, 128, 0.14);
    color: #4ADE80;
}

html[data-theme="dark"] .ab-timeline::before {
    background: linear-gradient(180deg, var(--primary-color) 0%, #22c55e 55%, rgba(74, 222, 128, 0.2) 100%);
}

/* ===== 404 & Coming Soon Dark Mode ===== */
html[data-theme="dark"] .err-hero,
html[data-theme="dark"] .cs-hero {
    background: radial-gradient(circle at 50% 30%, rgba(74, 222, 128, 0.08) 0%, transparent 70%), #000000 !important;
}

html[data-theme="dark"] .err-card,
html[data-theme="dark"] .cs-time-box,
html[data-theme="dark"] .cs-card,
html[data-theme="dark"] .cs-notify-form {
    background: #0B1610 !important;
    border-color: #1E2D24 !important;
}

html[data-theme="dark"] .err-card:hover,
html[data-theme="dark"] .cs-time-box:hover,
html[data-theme="dark"] .cs-card:hover {
    border-color: var(--primary-color) !important;
}

html[data-theme="dark"] .err-card h4,
html[data-theme="dark"] .cs-card h4,
html[data-theme="dark"] .cs-title,
html[data-theme="dark"] .err-title {
    color: #FFFFFF !important;
}

html[data-theme="dark"] .cs-track {
    background: #1E2D24;
}

html[data-theme="dark"] .cs-notify-input {
    color: #FFFFFF;
}

/* ============================================================
   ADMIN & USER DASHBOARD SIDEBAR ACTIVE INDICATORS (DARK MODE)
   ============================================================ */
html[data-theme="dark"] .ad-nav-link {
    color: #9CA3AF !important;
    background: transparent !important;
    border-color: transparent !important;
    position: relative;
    overflow: hidden;
}
html[data-theme="dark"] .ad-nav-link > i:first-child {
    color: #9CA3AF !important;
    transition: color 0.2s ease, filter 0.2s ease;
}

html[data-theme="dark"] .ad-nav-link:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #F3F4F6 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
html[data-theme="dark"] .ad-nav-link:hover > i:first-child {
    color: #4ADE80 !important;
}

/* Subtle Active Button Indicator (No Glow) */
html[data-theme="dark"] .ad-nav-link.active {
    background: rgba(34, 197, 94, 0.16) !important;
    border-color: rgba(74, 222, 128, 0.4) !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .ad-nav-link.active > i:first-child {
    color: #4ADE80 !important;
    filter: none !important;
}
html[data-theme="dark"] .ad-nav-link.active > span {
    color: #FFFFFF !important;
}
html[data-theme="dark"] .ad-nav-link.active::before {
    content: '';
    position: absolute;
    inset-inline-start: 0;
    top: 6px;
    bottom: 6px;
    width: 3px;
    background: #22C55E;
    border-radius: 0 3px 3px 0;
    box-shadow: none !important;
}
html[dir="rtl"][data-theme="dark"] .ad-nav-link.active::before,
[dir="rtl"] html[data-theme="dark"] .ad-nav-link.active::before {
    border-radius: 3px 0 0 3px;
}

/* Submenu Links in Dark Mode (Admin Dashboard) */
html[data-theme="dark"] .ad-submenu a {
    color: #9CA3AF !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    position: relative;
}
html[data-theme="dark"] .ad-submenu a > i {
    color: #9CA3AF !important;
    transition: color 0.2s ease;
}
html[data-theme="dark"] .ad-submenu a:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .ad-submenu a:hover > i {
    color: #4ADE80 !important;
}
html[data-theme="dark"] .ad-submenu a.active {
    background: rgba(34, 197, 94, 0.16) !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
    border-color: rgba(74, 222, 128, 0.35) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .ad-submenu a.active > i {
    color: #4ADE80 !important;
    filter: none !important;
}
html[data-theme="dark"] .ad-submenu a.active::before {
    content: '';
    position: absolute;
    inset-inline-start: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #22C55E;
    box-shadow: none !important;
}
html[dir="rtl"][data-theme="dark"] .ad-submenu a.active::before,
[dir="rtl"] html[data-theme="dark"] .ad-submenu a.active::before {
    inset-inline-start: auto;
    inset-inline-end: 16px;
}

/* Nav Group Open in Dark Mode */
html[data-theme="dark"] .ad-nav-group.open > .ad-nav-link {
    color: #FFFFFF !important;
    border-color: rgba(74, 222, 128, 0.25) !important;
    background: rgba(34, 197, 94, 0.08) !important;
}
html[data-theme="dark"] .ad-nav-group.open > .ad-nav-link > i:first-child,
html[data-theme="dark"] .ad-nav-group.open > .ad-nav-link .ad-sub-chev {
    color: #4ADE80 !important;
}

/* Filter Chips & Pagination Active in Dark Mode - Subtle, No Glow */
html[data-theme="dark"] .ad-chip.active {
    background: #16A34A !important;
    border-color: #16A34A !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .ad-page-btn.active {
    background: #16A34A !important;
    border-color: #16A34A !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

/* Current Ride timeline (Dark Mode) */
html[data-theme="dark"] .ud-ride-step .ic {
    background: #111D15;
    color: #9CA3AF;
}
html[data-theme="dark"] .ud-ride-step .ic.done {
    background: rgba(34, 197, 94, 0.2);
    color: #4ADE80;
}
html[data-theme="dark"] .ud-ride-step .ic.current {
    background: rgba(59, 130, 246, 0.2);
    color: #60A5FA;
}
html[data-theme="dark"] .ud-ride-step b {
    color: #FFFFFF;
}
html[data-theme="dark"] .ud-ride-step .ud-hub {
    color: #E5E7EB;
}
html[data-theme="dark"] .ud-ride-step .ud-time {
    color: #9CA3AF;
}
html[data-theme="dark"] .ud-ride-line {
    background: #1F2E26;
}
html[data-theme="dark"] .ud-ride-line.done {
    background: #22C55E;
}
html[data-theme="dark"] .ud-ride-step:not(:last-child)::after {
    background: #1F2E26;
}
html[data-theme="dark"] .ud-ride-step:first-child::after {
    background: #22C55E;
}