/* Light mode overrides for the public website. */
html.light-mode,
html[data-theme="light"],
body.light-mode,
body[data-theme="light"] {
    --bg-main: #f7f9fc;
    --bg-card: #ffffff;
    --bg-card-hover: #eef4ff;
    --primary: #2563eb;
    --primary-hover: #1d4ed8;
    --primary-gradient: linear-gradient(135deg, #2563eb 0%, #0f5fd7 100%);
    --secondary: #0f766e;
    --text-light: #111827;
    --text-muted: #5f6b7a;
    --border-color: rgba(15, 23, 42, 0.1);
    --border-light: rgba(15, 23, 42, 0.16);
    --shadow-soft: 0 18px 42px rgba(15, 23, 42, 0.08);
    --shadow-glow: 0 12px 28px rgba(37, 99, 235, 0.18);
    --shadow-hover: 0 24px 48px rgba(15, 23, 42, 0.14);
}

html.light-mode body,
html[data-theme="light"] body,
body.light-mode,
body[data-theme="light"] {
    background:
        radial-gradient(circle at 15% 0%, rgba(37, 99, 235, 0.08), transparent 28rem),
        linear-gradient(180deg, #ffffff 0%, var(--bg-main) 34rem);
    color: var(--text-light);
}

html.light-mode .top-bar,
html[data-theme="light"] .top-bar,
body.light-mode .top-bar,
body[data-theme="light"] .top-bar {
    background-color: rgba(255, 255, 255, 0.88);
    color: var(--text-muted);
}

html.light-mode .navbar.scrolled,
html.light-mode .navbar.solid,
html.light-mode .inner-page .navbar,
html[data-theme="light"] .navbar.scrolled,
html[data-theme="light"] .navbar.solid,
html[data-theme="light"] .inner-page .navbar,
body.light-mode .navbar.scrolled,
body.light-mode .navbar.solid,
body.light-mode.inner-page .navbar,
body[data-theme="light"] .navbar.scrolled,
body[data-theme="light"] .navbar.solid,
body[data-theme="light"].inner-page .navbar {
    background-color: rgba(255, 255, 255, 0.94);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

html.light-mode .nav-links a,
html.light-mode .menu-btn,
html.light-mode .lang-switch {
    color: var(--text-light);
}

html.light-mode .logo,
html[data-theme="light"] .logo,
body.light-mode .logo,
body[data-theme="light"] .logo {
    display: inline-flex;
    align-items: center;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

html.light-mode .logo img,
html[data-theme="light"] .logo img,
body.light-mode .logo img,
body[data-theme="light"] .logo img {
    height: 36px;
}

html.light-mode .hero-text h1,
html.light-mode .hero-text h1 span,
html.light-mode .hero-text p,
html.light-mode .hero-badge,
html[data-theme="light"] .hero-text h1,
html[data-theme="light"] .hero-text h1 span,
html[data-theme="light"] .hero-text p,
html[data-theme="light"] .hero-badge,
body.light-mode .hero-text h1,
body.light-mode .hero-text h1 span,
body.light-mode .hero-text p,
body.light-mode .hero-badge,
body[data-theme="light"] .hero-text h1,
body[data-theme="light"] .hero-text h1 span,
body[data-theme="light"] .hero-text p,
body[data-theme="light"] .hero-badge {
    color: #ffffff !important;
}

html.light-mode .time-box .num,
html[data-theme="light"] .time-box .num,
body.light-mode .time-box .num,
body[data-theme="light"] .time-box .num {
    color: #000000 !important;
}

html.light-mode .lang-switch,
html.light-mode .contact-field input,
html.light-mode .contact-field select,
html.light-mode .contact-field textarea,
html.light-mode .review-comment textarea,
html.light-mode .filter-select,
html.light-mode .newsletter-form input {
    background: #ffffff;
    color: var(--text-light);
}

html.light-mode .newsletter-form .input-wrapper,
html[data-theme="light"] .newsletter-form .input-wrapper,
body.light-mode .newsletter-form .input-wrapper,
body[data-theme="light"] .newsletter-form .input-wrapper {
    background: #ffffff;
    border-color: rgba(148, 163, 184, 0.38);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

html.light-mode .newsletter-form .input-wrapper:focus-within,
html[data-theme="light"] .newsletter-form .input-wrapper:focus-within,
body.light-mode .newsletter-form .input-wrapper:focus-within,
body[data-theme="light"] .newsletter-form .input-wrapper:focus-within {
    border-color: rgba(37, 99, 235, 0.55);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

html[data-theme="light"] .newsletter-form input,
body.light-mode .newsletter-form input,
body[data-theme="light"] .newsletter-form input {
    background: transparent;
    color: #1f2937;
}

html.light-mode .contact-field input::placeholder,
html.light-mode .contact-field textarea::placeholder,
html.light-mode .review-comment textarea::placeholder,
html.light-mode .newsletter-form input::placeholder {
    color: #8a94a6;
}

html[data-theme="light"] .newsletter-form input::placeholder,
body.light-mode .newsletter-form input::placeholder,
body[data-theme="light"] .newsletter-form input::placeholder {
    color: #7c8798;
}

html.light-mode .card,
html.light-mode .feature-item,
html.light-mode .promo-box,
html.light-mode .testimonial-card,
html.light-mode .newsletter-box,
html.light-mode .review-public-panel,
html.light-mode .about-media,
html.light-mode .about-value,
html.light-mode .contact-info-card,
html.light-mode .contact-form,
html.light-mode .filters-sidebar,
html.light-mode .program-card,
html.light-mode .hotel-card,
html.light-mode .excursion-card,
html.light-mode .excursion-request-panel,
html.light-mode .modal-content,
html.light-mode .booking-form-modal {
    background: var(--bg-card);
    border-color: var(--border-color);
    box-shadow: var(--shadow-soft);
}

html.light-mode .feature-item {
    box-shadow: none;
}

html.light-mode .hotel-country-filter a {
    background: #ffffff;
    color: var(--text-light);
}

html.light-mode .hotel-country-filter a.active,
html.light-mode .hotel-country-filter a:hover {
    color: #ffffff;
}

html.light-mode .filter-tag,
html.light-mode .icon-btn,
html.light-mode .top-bar-social a,
html.light-mode .social-links a,
html.light-mode .time-box,
html.light-mode .stat-item,
html.light-mode .tag-mini {
    background: rgba(37, 99, 235, 0.07);
    border-color: rgba(37, 99, 235, 0.14);
}

html.light-mode .filter-tag:hover,
html.light-mode .filter-tag.active,
html.light-mode .icon-btn:hover {
    background: var(--primary-gradient);
    color: #ffffff;
}

html.light-mode .card-badge {
    background: rgba(255, 255, 255, 0.92);
    color: #111827;
}

html.light-mode .section-label,
html.light-mode .page-kicker,
html.light-mode .card-duration,
html.light-mode .card-price,
html.light-mode .price-val,
html.light-mode .footer-col h4,
html.light-mode .footer-col a:hover {
    color: var(--primary);
}

html.light-mode .page-header,
html.light-mode .contact-page-header,
html.light-mode .about-page-header,
html.light-mode .review-page-header {
    color: #ffffff;
}

html.light-mode .page-header p {
    color: rgba(255, 255, 255, 0.82);
}

html.light-mode .about-mission-band,
html.light-mode .footer-bottom,
html.light-mode .review-program-summary {
    border-color: var(--border-color);
}

html.light-mode .excursion-card-body h3,
html.light-mode .excursion-detail-body h2,
html.light-mode .section-heading h2 {
    color: var(--text-light);
}

html.light-mode .excursion-request-form input,
html.light-mode .excursion-request-form textarea {
    background: #ffffff;
    color: var(--text-light);
}

html.light-mode .about-mission-band {
    background: rgba(37, 99, 235, 0.05);
}

html.light-mode .footer {
    background: #ffffff;
    border-top: 1px solid var(--border-color);
}

html.light-mode .footer-bottom {
    color: var(--text-muted);
}

html.light-mode .skeleton-line {
    background: linear-gradient(110deg, #e5eaf2 8%, #f4f7fb 18%, #e5eaf2 33%);
}

html.light-mode .scroll-top-btn {
    background: var(--primary-gradient);
    color: #ffffff;
}

html.light-mode .booking-form-overlay,
html[data-theme="light"] .booking-form-overlay,
body.light-mode .booking-form-overlay,
body[data-theme="light"] .booking-form-overlay {
    background: rgba(255, 255, 255, 0.96);
    color: var(--primary);
    border: 1px solid rgba(37, 99, 235, 0.14);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

html.light-mode .booking-form-overlay strong,
html.light-mode .booking-form-overlay small,
html[data-theme="light"] .booking-form-overlay strong,
html[data-theme="light"] .booking-form-overlay small,
body.light-mode .booking-form-overlay strong,
body.light-mode .booking-form-overlay small,
body[data-theme="light"] .booking-form-overlay strong,
body[data-theme="light"] .booking-form-overlay small {
    color: var(--primary);
}

html.light-mode .booking-submit-loader,
html[data-theme="light"] .booking-submit-loader,
body.light-mode .booking-submit-loader,
body[data-theme="light"] .booking-submit-loader {
    border-color: rgba(37, 99, 235, 0.18);
    border-top-color: var(--primary);
}

@media (max-width: 768px) {
    html.light-mode .nav-links {
        background: #ffffff;
        border-color: var(--border-color);
        box-shadow: 0 16px 30px rgba(15, 23, 42, 0.12);
    }
}