/*
 * SmartGoTrips balanced glass theme
 * Glass is used for chrome, hero shells and short marketing cards.
 * Dense forms, result rows, legal copy and payment surfaces stay high-opacity.
 */
:root {
    --sgt-glass-blue: #0057ad;
    --sgt-glass-blue-bright: #1a6bc4;
    --sgt-glass-blue-deep: #003e80;
    --sgt-glass-navy: #0b1e33;
    --sgt-glass-surface: rgba(255, 255, 255, 0.72);
    --sgt-glass-surface-strong: rgba(255, 255, 255, 0.9);
    --sgt-glass-surface-solid: #f9fcff;
    --sgt-glass-dark: rgba(6, 40, 79, 0.68);
    --sgt-glass-border: rgba(255, 255, 255, 0.78);
    --sgt-glass-border-blue: rgba(0, 87, 173, 0.18);
    --sgt-glass-blur: 16px;
    --sgt-glass-radius-sm: 14px;
    --sgt-glass-radius: 20px;
    --sgt-glass-radius-lg: 26px;
    --sgt-glass-shadow: 0 18px 48px rgba(6, 40, 79, 0.13);
    --sgt-glass-shadow-hover: 0 24px 58px rgba(0, 87, 173, 0.18);
    --sgt-glass-ring: 0 0 0 3px rgba(0, 87, 173, 0.2);
}

.sgt-glass-theme {
    background-color: #f4f9fd;
}

.sgt-glass,
.sgt-glass-theme .sgt-glass {
    background: var(--sgt-glass-surface);
    border: 1px solid var(--sgt-glass-border);
    box-shadow: var(--sgt-glass-shadow);
    -webkit-backdrop-filter: blur(var(--sgt-glass-blur)) saturate(135%);
    backdrop-filter: blur(var(--sgt-glass-blur)) saturate(135%);
}

.sgt-glass--strong,
.sgt-glass-theme .sgt-glass--strong {
    background: var(--sgt-glass-surface-strong);
    border: 1px solid rgba(255, 255, 255, 0.92);
    box-shadow: var(--sgt-glass-shadow);
    -webkit-backdrop-filter: blur(12px) saturate(125%);
    backdrop-filter: blur(12px) saturate(125%);
}

.sgt-glass--dark,
.sgt-glass-theme .sgt-glass--dark {
    background: var(--sgt-glass-dark);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 18px 46px rgba(6, 18, 38, 0.24);
    -webkit-backdrop-filter: blur(16px) saturate(130%);
    backdrop-filter: blur(16px) saturate(130%);
}

/* Shared site chrome */
.cont-offrt,
.mtp-topbar {
    display: none !important;
}

.sgt-glass-theme .sgt-nav.navbar,
.sgt-glass-theme .sgt-nav.navbar.nav-scroll {
    background: rgba(255, 255, 255, 0.9) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 30px rgba(6, 40, 79, 0.08);
    -webkit-backdrop-filter: blur(18px) saturate(135%);
    backdrop-filter: blur(18px) saturate(135%);
}

/* Keep chrome above glass cards (backdrop-filter creates competing layers).
   Match body.* specificity from custom.css and use !important so sticky nav wins. */
.sgt-glass-theme header,
.sgt-glass-theme .sgt-header {
    position: relative;
    z-index: 2100;
}

.sgt-glass-theme nav.navbar,
.sgt-glass-theme nav.navbar.nav-scroll,
.sgt-glass-theme nav.sgt-nav,
.sgt-glass-theme nav.sgt-nav.nav-scroll,
.sgt-glass-theme.flight-home nav.navbar,
.sgt-glass-theme.flight-home nav.navbar.nav-scroll,
.sgt-glass-theme.hotel-home nav.navbar.nav-scroll,
.sgt-glass-theme.visa-page nav.navbar.nav-scroll,
.sgt-glass-theme.car-rental-page nav.navbar.nav-scroll,
.sgt-glass-theme.bus-page nav.navbar.nav-scroll,
.sgt-glass-theme.destinations-page nav.navbar.nav-scroll,
.sgt-glass-theme.contact-page nav.navbar.nav-scroll,
.sgt-glass-theme.internal-layout nav.navbar.nav-scroll {
    z-index: 2100 !important;
}

/* Marketing glass cards must stay below sticky chrome */
.sgt-glass-theme .destination-card,
.sgt-glass-theme .flight-deal-card,
.sgt-glass-theme .feature-box,
.sgt-glass-theme .mtp-hotel-home-type-card,
.sgt-glass-theme .mtp-hotel-home-deal-card,
.sgt-glass-theme .mtp-bus-route-card,
.sgt-glass-theme .mtp-visa-card {
    z-index: 1;
}

.sgt-glass-theme section.flight_top_banner_fm {
    position: relative;
    isolation: isolate;
    /* Blue shade on the background layers — no ::before overlay that can block clicks */
    background-image:
        linear-gradient(115deg, rgba(11, 30, 51, 0.92) 0%, rgba(6, 40, 79, 0.78) 38%, rgba(26, 37, 96, 0.55) 62%, rgba(11, 30, 51, 0.4) 100%),
        linear-gradient(180deg, rgba(8, 10, 28, 0.35) 0%, transparent 32%, transparent 68%, rgba(8, 10, 28, 0.55) 100%),
        radial-gradient(ellipse 80% 60% at 70% 40%, rgba(0, 87, 173, 0.12) 0%, transparent 55%),
        url(/images/flight-banner.webp);
    background-repeat: no-repeat;
    background-position: center, center, center, center 40%;
    background-size: cover;
}

.sgt-glass-theme section.flight_top_banner_fm::before {
    content: none;
    display: none;
}

.sgt-glass-theme nav.navbar,
.sgt-glass-theme nav.navbar.nav-scroll,
.sgt-glass-theme.flight-home nav.navbar,
.sgt-glass-theme.hotel-home nav.navbar,
.sgt-glass-theme.contact-page nav.navbar,
.sgt-glass-theme.destinations-page nav.navbar,
.sgt-glass-theme.internal-layout nav.navbar {
    background: rgba(255, 255, 255, 0.86) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.86);
    box-shadow: 0 10px 30px rgba(6, 40, 79, 0.08);
    -webkit-backdrop-filter: blur(18px) saturate(135%);
    backdrop-filter: blur(18px) saturate(135%);
}

.sgt-glass-theme .mtp-product-tabs-host .list_navi {
    background: rgba(255, 255, 255, 0.78) !important;
    border: 1px solid rgba(255, 255, 255, 0.92);
    border-radius: 999px;
    box-shadow: 0 14px 34px rgba(6, 40, 79, 0.16);
    -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
    backdrop-filter: blur(16px) saturate(140%) !important;
}

/* Hero search: frosted outer surface, opaque controls and popovers */
.sgt-glass-theme #flightSearch .Search_form {
    background: rgba(250, 252, 255, 0.97);
    border: 1px solid rgba(255, 255, 255, 0.96);
    box-shadow: 0 22px 58px rgba(6, 40, 79, 0.2);
    -webkit-backdrop-filter: blur(12px) saturate(120%);
    backdrop-filter: blur(12px) saturate(120%);
}

.sgt-glass-theme #flightSearch .form_ful {
    background: rgba(247, 250, 253, 0.96);
    border-color: rgba(0, 87, 173, 0.14);
}

.sgt-glass-theme #flightSearch .form_ful .s_col_1,
.sgt-glass-theme #flightSearch .form_ful .bus_icon,
.sgt-glass-theme #flightSearch .form_ful .input_fm_sr,
.sgt-glass-theme #flightSearch .form_ful .pax-details {
    background: transparent !important;
}

.sgt-glass-theme #flightSearch .append_class,
.sgt-glass-theme #flightSearch .travel_pop_up,
.sgt-glass-theme .ui-datepicker,
.sgt-glass-theme .select2-dropdown {
    background-color: rgba(255, 255, 255, 0.98);
}

@media (min-width: 992px) {
    .sgt-glass-theme #flightSearch .Search_form {
        padding: 12px 14px 44px;
        margin-bottom: 0;
    }

    .sgt-glass-theme #flightSearch .form_ful {
        margin-top: 2px;
        margin-bottom: 4px;
    }

    .sgt-glass-theme #flightSearch ul.nav.nav-tabs.Serch {
        margin-bottom: 4px;
    }

    .sgt-glass-theme #flightSearch ul.nav.nav-tabs.Serch a.nav-link {
        margin-top: 0;
        margin-bottom: 2px;
        padding: 6px 14px;
    }

    .sgt-glass-theme #flightSearch .Rooms_Guests_Ser button.pl-search-bn {
        min-width: 240px;
        min-height: 54px;
        padding: 12px 56px;
        font-size: 22px;
        font-weight: 600;
        border-radius: 14px;
    }
}

.sgt-glass-theme .mtp-footer-bar {
    background: linear-gradient(135deg, rgba(6, 40, 79, 0.7), rgba(0, 62, 128, 0.58));
    border-color: rgba(155, 196, 232, 0.3);
    box-shadow: 0 18px 42px rgba(3, 16, 34, 0.2);
    -webkit-backdrop-filter: blur(16px) saturate(130%);
    backdrop-filter: blur(16px) saturate(130%);
}

/* High-value marketing surfaces */
.sgt-glass-theme .destination-card,
.sgt-glass-theme .flight-deal-card,
.sgt-glass-theme .feature-box,
.sgt-glass-theme .mtp-hotel-home-type-card,
.sgt-glass-theme .mtp-hotel-home-deal-card,
.sgt-glass-theme .mtp-hotel-home-why-card,
.sgt-glass-theme .mtp-hotel-home-review-card,
.sgt-glass-theme .mtp-bus-route-card,
.sgt-glass-theme .mtp-bus-feature-card,
.sgt-glass-theme .mtp-visa-card,
.sgt-glass-theme .mtp-car-fleet__card,
.sgt-glass-theme .mtp-about-service-card,
.sgt-glass-theme .mtp-about-value-card,
.sgt-glass-theme .mtp-contact-card,
.sgt-glass-theme .mtp-agency-type-card,
.sgt-glass-theme .mtp-agency-step,
.sgt-glass-theme .mtp-agency-platform__item,
.sgt-glass-theme .mtp-testimonials-card,
.sgt-glass-theme .mtp-dest-card {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(244, 249, 253, 0.76));
    border-color: rgba(255, 255, 255, 0.92);
    box-shadow: var(--sgt-glass-shadow);
    -webkit-backdrop-filter: blur(14px) saturate(125%);
    backdrop-filter: blur(14px) saturate(125%);
}

.sgt-glass-theme .mtp-about-stats__grid,
.sgt-glass-theme .mtp-agency-strip__grid,
.sgt-glass-theme .mtp-testimonials-stats__grid,
.sgt-glass-theme .mtp-contact-confirm__card {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(232, 243, 252, 0.78));
    border: 1px solid rgba(255, 255, 255, 0.94);
    box-shadow: var(--sgt-glass-shadow);
    -webkit-backdrop-filter: blur(18px) saturate(130%);
    backdrop-filter: blur(18px) saturate(130%);
}

/* Dark glass for CTAs that use white copy — never bleach these to pale glass */
.sgt-glass-theme .mtp-about-cta__card,
.sgt-glass-theme .mtp-agency-cta__card {
    background:
        radial-gradient(circle at 85% 20%, rgba(26, 107, 196, 0.35), transparent 30%),
        linear-gradient(135deg, rgba(6, 40, 79, 0.92), rgba(0, 62, 128, 0.88));
    border: 1px solid rgba(155, 196, 232, 0.28);
    box-shadow: 0 26px 70px rgba(6, 40, 79, 0.28);
    -webkit-backdrop-filter: blur(16px) saturate(130%);
    backdrop-filter: blur(16px) saturate(130%);
}

.sgt-glass-theme .mtp-about-cta h2,
.sgt-glass-theme .mtp-about-cta p,
.sgt-glass-theme .mtp-agency-cta h2,
.sgt-glass-theme .mtp-agency-cta p {
    color: #fff;
}

.sgt-glass-theme .mtp-about-cta p,
.sgt-glass-theme .mtp-agency-cta p {
    color: rgba(255, 255, 255, 0.82);
}

.sgt-glass-theme .mtp-about-floating-card,
.sgt-glass-theme .mtp-about-eyebrow,
.sgt-glass-theme .mtp-visa-hero__meta span {
    border: 1px solid rgba(255, 255, 255, 0.24);
    -webkit-backdrop-filter: blur(10px) saturate(125%);
    backdrop-filter: blur(10px) saturate(125%);
}

.sgt-glass-theme .mtp-legal-hero__meta {
    background: rgba(8, 40, 72, 0.28);
    border-color: rgba(255, 255, 255, 0.28);
}

.sgt-glass-theme .mtp-about-btn--light,
.sgt-glass-theme .mtp-agency-btn--outline,
.sgt-glass-theme .mtp-agency-btn--ghost {
    background: rgba(255, 255, 255, 0.78);
    border-color: rgba(255, 255, 255, 0.88);
    box-shadow: 0 12px 30px rgba(6, 40, 79, 0.12);
    -webkit-backdrop-filter: blur(12px) saturate(125%);
    backdrop-filter: blur(12px) saturate(125%);
}

/* Legal and dense content: glass around the content, not through it */
.sgt-glass-theme .mtp-legal-body,
.sgt-glass-theme .mtp-contact-cards,
.sgt-glass-theme .mtp-about-section--soft,
.sgt-glass-theme .mtp-agency-section--soft,
.sgt-glass-theme .mtp-testimonials-grid-section {
    background:
        radial-gradient(circle at 8% 10%, rgba(26, 107, 196, 0.1), transparent 32%),
        radial-gradient(circle at 92% 85%, rgba(155, 196, 232, 0.15), transparent 34%),
        #f4f9fd;
}

.sgt-glass-theme .mtp-legal-sidebar__card,
.sgt-glass-theme .mtp-legal-info,
.sgt-glass-theme .mtp-legal-card {
    background: rgba(255, 255, 255, 0.88);
    border-color: rgba(255, 255, 255, 0.94);
    box-shadow: 0 15px 38px rgba(6, 40, 79, 0.1);
    -webkit-backdrop-filter: blur(14px) saturate(120%);
    backdrop-filter: blur(14px) saturate(120%);
}

.sgt-glass-theme .mtp-legal-content,
.sgt-glass-theme .mtp-contact-form,
.sgt-glass-theme .mtp-pay-page__card,
.sgt-glass-theme .mtp-flight-booking .box_shadow,
.sgt-glass-theme .mtp-auth-form-panel {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(219, 232, 244, 0.94);
    box-shadow: 0 20px 48px rgba(6, 40, 79, 0.1);
}

.sgt-glass-theme .mtp-testimonials-featured__card,
.sgt-glass-theme .mtp-agency-intro__card,
.sgt-glass-theme .mtp-agency-visual {
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(255, 255, 255, 0.94);
    box-shadow: var(--sgt-glass-shadow);
    -webkit-backdrop-filter: blur(16px) saturate(125%);
    backdrop-filter: blur(16px) saturate(125%);
}

/* Product index shells: apply only to short cards, never dense result rows */
.sgt-glass-theme .mtp-hotel-search--hero .mtp-hotel-search__card,
.sgt-glass-theme .mtp-bus-search__card,
.sgt-glass-theme .mtp-visa-search,
.sgt-glass-theme .mtp-car-form-card {
    background: rgba(250, 252, 255, 0.97);
    border: 1px solid rgba(255, 255, 255, 0.94);
    box-shadow: 0 22px 56px rgba(6, 40, 79, 0.18);
    -webkit-backdrop-filter: blur(10px) saturate(115%);
    backdrop-filter: blur(10px) saturate(115%);
}

.sgt-glass-theme .mtp-hotel-search__field,
.sgt-glass-theme .mtp-bus-search__field {
    padding: 14px 18px;
    background: transparent;
}

.sgt-glass-theme .mtp-hotel-search__input,
.sgt-glass-theme .mtp-bus-search__input {
    background: transparent !important;
    box-shadow: none !important;
}

.sgt-glass-theme .mtp-hotel-search__field--submit,
.sgt-glass-theme .mtp-bus-search__field--submit {
    background: rgba(238, 246, 253, 0.86);
}

.sgt-glass-theme .mtp-car-form {
    padding: 20px 24px 24px;
}

.sgt-glass-theme .mtp-car-field :where(input, select, textarea),
.sgt-glass-theme .mtp-visa-search input {
    background: rgba(247, 250, 253, 0.98);
    border: 1px solid rgba(0, 87, 173, 0.15);
}

/* Account shell */
.sgt-glass-theme .mtp-auth-page {
    background:
        radial-gradient(circle at 10% 18%, rgba(26, 107, 196, 0.28), transparent 32%),
        radial-gradient(circle at 88% 78%, rgba(155, 196, 232, 0.3), transparent 30%),
        linear-gradient(145deg, #08294c 0%, #0a4d8e 43%, #eef6fc 43%, #f8fbfe 100%);
}

.sgt-glass-theme .mtp-auth-page--profile {
    background:
        radial-gradient(circle at 8% 10%, rgba(26, 107, 196, 0.12), transparent 28%),
        radial-gradient(circle at 90% 75%, rgba(155, 196, 232, 0.16), transparent 32%),
        #f4f9fd;
}

.sgt-glass-theme .mtp-auth-split,
.sgt-glass-theme .mtp-profile-header,
.sgt-glass-theme .mtp-profile-card,
.sgt-glass-theme .mtp-bookings-card {
    border: 1px solid rgba(255, 255, 255, 0.84);
    box-shadow: var(--sgt-glass-shadow);
}

.sgt-glass-theme .mtp-auth-split {
    background: rgba(255, 255, 255, 0.74);
    -webkit-backdrop-filter: blur(18px) saturate(130%);
    backdrop-filter: blur(18px) saturate(130%);
}

.sgt-glass-theme .mtp-auth-brand {
    background:
        radial-gradient(circle at 82% 10%, rgba(155, 196, 232, 0.2), transparent 30%),
        linear-gradient(145deg, rgba(8, 41, 76, 0.94), rgba(0, 87, 173, 0.88));
}

.sgt-glass-theme .mtp-profile-header {
    background:
        linear-gradient(135deg, rgba(7, 48, 91, 0.9), rgba(0, 87, 173, 0.82));
    -webkit-backdrop-filter: blur(14px) saturate(125%);
    backdrop-filter: blur(14px) saturate(125%);
}

.sgt-glass-theme .mtp-profile-card,
.sgt-glass-theme .mtp-bookings-card {
    background: rgba(255, 255, 255, 0.92);
    -webkit-backdrop-filter: blur(12px) saturate(120%);
    backdrop-filter: blur(12px) saturate(120%);
}

.sgt-glass-theme .mtp-auth-field :where(input, select, textarea),
.sgt-glass-theme .mtp-contact-form__field :where(input, select, textarea) {
    background-color: rgba(255, 255, 255, 0.98);
}

/* Consistent states */
.sgt-glass-theme :where(
    .destination-card,
    .flight-deal-card,
    .feature-box,
    .mtp-hotel-home-type-card,
    .mtp-hotel-home-deal-card,
    .mtp-hotel-home-why-card,
    .mtp-hotel-home-review-card,
    .mtp-bus-route-card,
    .mtp-bus-feature-card,
    .mtp-visa-card,
    .mtp-car-fleet__card,
    .mtp-about-service-card,
    .mtp-about-value-card,
    .mtp-contact-card,
    .mtp-agency-type-card,
    .mtp-agency-step,
    .mtp-agency-platform__item,
    .mtp-testimonials-card,
    .mtp-dest-card
):hover {
    border-color: rgba(0, 87, 173, 0.24);
    box-shadow: var(--sgt-glass-shadow-hover);
}

.sgt-glass-theme :where(a, button, input, select, textarea):focus-visible {
    outline: 2px solid var(--sgt-glass-blue);
    outline-offset: 3px;
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .sgt-glass-theme :where(
        nav.navbar,
        .mtp-topbar,
        .mtp-product-tabs-host .list_navi,
        #flightSearch .Search_form,
        .mtp-footer-bar,
        .destination-card,
        .flight-deal-card,
        .feature-box,
        .mtp-about-service-card,
        .mtp-contact-card,
        .mtp-legal-sidebar__card,
        .mtp-auth-split
    ) {
        background: var(--sgt-glass-surface-solid) !important;
    }
}

@media (prefers-reduced-transparency: reduce) {
    .sgt-glass-theme :where(
        nav.navbar,
        .mtp-topbar,
        .mtp-product-tabs-host .list_navi,
        #flightSearch .Search_form,
        .mtp-footer-bar,
        .destination-card,
        .flight-deal-card,
        .feature-box,
        .mtp-about-service-card,
        .mtp-contact-card,
        .mtp-legal-sidebar__card,
        .mtp-auth-split
    ) {
        background: var(--sgt-glass-surface-solid) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

@media (max-width: 991.98px) {
    .sgt-glass-theme {
        --sgt-glass-blur: 10px;
    }

    .sgt-glass-theme nav.navbar,
    .sgt-glass-theme nav.navbar.nav-scroll,
    .sgt-glass-theme .sgt-nav.navbar,
    .sgt-glass-theme .sgt-nav.navbar.nav-scroll {
        height: auto !important;
        min-height: 0 !important;
        background: rgba(255, 255, 255, 0.94) !important;
        -webkit-backdrop-filter: blur(12px) saturate(120%);
        backdrop-filter: blur(12px) saturate(120%);
    }

    .sgt-glass-theme.flight-home header,
    .sgt-glass-theme.hotel-home header,
    .sgt-glass-theme.visa-page header,
    .sgt-glass-theme.car-rental-page header,
    .sgt-glass-theme.bus-page header {
        background: transparent !important;
    }

    .sgt-glass-theme .mtp-product-tabs-host .list_navi {
        border-radius: 999px !important;
    }

    .sgt-glass-theme nav.navbar .navbar-collapse {
        background: rgba(255, 255, 255, 0.97);
        border: 1px solid rgba(219, 232, 244, 0.94);
        box-shadow: 0 18px 38px rgba(6, 40, 79, 0.14);
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
    }
}

@media (max-width: 575.98px) {
    .sgt-glass-theme {
        --sgt-glass-radius: 16px;
        --sgt-glass-radius-lg: 20px;
    }

    .sgt-glass-theme #flightSearch .Search_form,
    .sgt-glass-theme .mtp-hotel-search--hero .mtp-hotel-search__card,
    .sgt-glass-theme .mtp-bus-search__card,
    .sgt-glass-theme .mtp-visa-search,
    .sgt-glass-theme .mtp-car-form-card {
        background: rgba(255, 255, 255, 0.95);
        -webkit-backdrop-filter: blur(9px);
        backdrop-filter: blur(9px);
    }
}

/* Primary CTAs: use logo blue (#0057AD), not legacy navy */
.sgt-glass-theme a.nav_link.Touch,
.sgt-glass-theme ul.navbar-nav.ms-auto > li.nav-item > a.nav_link.Touch,
.sgt-glass-theme button.pl-search-bn,
.sgt-glass-theme #flightSearch .Rooms_Guests_Ser button.pl-search-bn,
.sgt-glass-theme ul.nav.nav-tabs.Serch a.nav-link.active,
.sgt-glass-theme #flightSearch ul.nav.nav-tabs.Serch a.nav-link.active {
    background: #0057AD !important;
    border-color: #0057AD !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(0, 87, 173, 0.26);
}

.sgt-glass-theme a.nav_link.Touch:hover,
.sgt-glass-theme ul.navbar-nav.ms-auto > li.nav-item > a.nav_link.Touch:hover,
.sgt-glass-theme button.pl-search-bn:hover,
.sgt-glass-theme #flightSearch .Rooms_Guests_Ser button.pl-search-bn:hover {
    background: #1A6BC4 !important;
    border-color: #1A6BC4 !important;
    color: #fff !important;
}