:root{--yt-navy:#071a38;--yt-navy-2:#0b244c;--yt-blue:#2457f5;--yt-teal:#079c96;--yt-gold:#ffbe19;--yt-text:#10213e;--yt-muted:#687890;--yt-border:#e0e8f2;--yt-bg:#f7f9fc;--yt-white:#fff;--yt-radius:16px;--yt-radius-lg:24px;--yt-shadow:0 16px 42px rgba(15,35,70,.11);--yt-max:1280px}
*{box-sizing:border-box}.yt-container{width:min(var(--yt-max),calc(100% - 48px));margin-inline:auto}.bravo_header,.bravo_footer{display:none!important}body{color:var(--yt-text);background:#fff}.yt-site-header{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;position:relative;z-index:1050;background:#fff;box-shadow:0 1px 0 rgba(18,38,68,.08)}.yt-utility-bar{background:var(--yt-navy);color:#fff;font-size:12px}.yt-utility-inner{height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.yt-utility-left,.yt-utility-right{display:flex;align-items:center;gap:22px}.yt-utility-bar a{color:#fff;text-decoration:none}.yt-main-nav{background:#fff}.yt-nav-inner{height:92px;display:flex;align-items:stretch;gap:34px}.yt-brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:220px}.yt-brand img{width:60px;height:60px;object-fit:contain;border-radius:12px}.yt-brand-copy{display:flex;flex-direction:column}.yt-brand-copy strong{font-size:21px;letter-spacing:.5px;color:#0c2f63}.yt-brand-copy small{color:#f3a800;font-weight:800;text-transform:uppercase;font-size:10px;letter-spacing:1px}.yt-primary-nav{display:flex;align-items:stretch;flex:1}.yt-primary-nav a{min-width:92px;padding:18px 15px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#15233a;text-decoration:none;font-weight:800;font-size:13px;border-bottom:3px solid transparent}.yt-primary-nav a span{font-size:22px}.yt-primary-nav a:hover,.yt-primary-nav a.active{color:var(--yt-blue);background:#f6f8ff;border-bottom-color:var(--yt-blue)}.yt-account-link{display:flex;align-items:center;gap:8px;color:#18263d;text-decoration:none;font-weight:800;font-size:13px;white-space:nowrap}.yt-mobile-menu-button{display:none;background:none;border:0;font-size:28px}
/* Search hero + existing chip form */
.yt-home-flight-search,.premium-search{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:#fff!important;border:1px solid rgba(219,228,240,.95);border-radius:20px!important;box-shadow:0 20px 55px rgba(16,35,66,.13)!important;padding:18px 22px 20px!important;max-width:1220px;margin-inline:auto}.yt-home-flight-search .top-passenger-bar{margin-bottom:12px!important}.yt-home-flight-search .passenger-trigger{border:1px solid var(--yt-border);background:#fff;border-radius:14px;min-height:48px;padding:7px 14px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 20px rgba(15,35,70,.05);font-weight:800}.yt-pax-chip{display:inline-flex;align-items:center;padding:7px 11px;border-radius:10px;font-weight:900;font-size:13px}.yt-pax-adult{background:#e8f7f6;color:#087d76}.yt-pax-cabin{background:#e8f3ff;color:#31709a}.yt-pax-child,.yt-pax-infant{background:#fff4d8;color:#8a5f00}.yt-home-flight-search .g-field-search>.row{margin:0 -7px;display:flex;flex-wrap:nowrap;align-items:end!important}.yt-home-flight-search .g-field-search>.row>[class*=col-]{padding:0 7px;flex:1 1 0;max-width:none}.yt-home-flight-search .g-field-search>.row>.col-md-2{flex:0 0 190px}.yt-home-flight-search .btn-blue-1{background:linear-gradient(135deg,#079c96,#087d78)!important;border:0!important;border-radius:13px!important;box-shadow:0 10px 24px rgba(7,156,150,.22);font-weight:900;color:#fff!important}.airport-box{border-radius:13px!important;border-color:var(--yt-border)!important}.airport-label{color:#5a6c86!important}.airport-chip{border-radius:10px!important}.airport-chip-yellow .airport-chip{background:linear-gradient(135deg,#ffc928,#f6a800)!important}.yt-flight-search-shell{background:linear-gradient(110deg,#fee4a2 0%,#a9e8cd 52%,#74c9b2 100%);padding:42px 24px}.yt-flight-search-inner{max-width:1240px;margin:auto}.yt-flight-results-section{background:var(--yt-bg)}
/* AI */
.yt-home-intelligence{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:#fff;padding:0 0 44px}.yt-ai-panel{margin-top:-2px;transform:translateY(-1px);border:1px solid #b5c9ff;border-radius:17px;box-shadow:0 10px 38px rgba(69,93,180,.08);padding:17px 20px;display:grid;grid-template-columns:240px 1fr;gap:11px 20px;background:linear-gradient(135deg,#fff,#fcfbff)}.yt-ai-brand{grid-row:1/3;display:flex;align-items:center;gap:13px}.yt-ai-orb{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;color:#4258e7;font-weight:900;font-size:18px;background:radial-gradient(circle,#fff 18%,#d7e6ff 48%,#d7ccff 68%,#fff 72%);box-shadow:0 0 0 1px #c6d4ff}.yt-ai-brand strong{display:block;font-size:17px}.yt-ai-brand em{font-size:8px;background:#eef1ff;color:#344bd4;padding:3px 5px;border-radius:4px;font-style:normal}.yt-ai-brand span{display:block;font-size:12px;color:var(--yt-muted);margin-top:3px}.yt-ai-form{display:flex;align-items:center;border:1px solid var(--yt-border);border-radius:12px;background:#fff;overflow:hidden}.yt-ai-form input{border:0;outline:0;flex:1;padding:13px 15px;font-size:13px}.yt-ai-form button{width:42px;height:42px;margin-right:4px;border-radius:50%;border:0;background:var(--yt-blue);color:#fff;font-size:18px}.yt-ai-prompts{display:flex;gap:8px;flex-wrap:wrap}.yt-ai-prompts button{border:1px solid #dbe3ef;background:#fff;border-radius:999px;padding:6px 11px;font-size:10px;color:#51627a}.yt-ai-response{grid-column:2;padding:10px 12px;border-radius:10px;background:#f4f7ff;color:#334365;font-size:12px}.yt-section-heading{display:flex;align-items:end;justify-content:space-between;margin:27px 0 12px}.yt-section-heading h2{font-size:20px;margin:0 0 2px;color:#13213b}.yt-section-heading p{margin:0;color:var(--yt-muted);font-size:12px}.yt-section-heading a{color:var(--yt-blue);font-weight:800;font-size:12px;text-decoration:none}.yt-deal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.yt-deal-card{border:1px solid var(--yt-border);border-radius:12px;overflow:hidden;background:#fff;color:inherit;text-decoration:none;box-shadow:0 4px 15px rgba(20,40,70,.04);transition:.2s}.yt-deal-card:hover{transform:translateY(-3px);box-shadow:var(--yt-shadow)}.yt-deal-image{height:124px;background-size:cover;background-position:center;position:relative}.yt-deal-image span{position:absolute;top:9px;left:9px;border-radius:6px;background:#1ebc70;color:#fff;font-size:8px;font-weight:900;padding:5px 7px}.yt-deal-card:nth-child(2) .yt-deal-image span{background:#3778ee}.yt-deal-card:nth-child(3) .yt-deal-image span{background:#8b46e7}.yt-deal-card:nth-child(4) .yt-deal-image span{background:#ff553a}.yt-deal-card:nth-child(5) .yt-deal-image span{background:#e847a3}.yt-deal-body{padding:11px}.yt-deal-body>strong{font-size:15px;display:block}.yt-deal-body>small{display:block;color:var(--yt-muted);font-size:9px}.yt-deal-body>div{display:flex;justify-content:space-between;align-items:end;margin:8px 0}.yt-deal-body b{color:#1756e8;font-size:14px}.yt-deal-body span{font-size:9px}.yt-dream-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.yt-dream-card{height:168px;background-size:cover;background-position:center;border-radius:11px;overflow:hidden;position:relative;color:#fff;text-decoration:none}.yt-dream-card:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.85))}.yt-dream-card>span{position:absolute;z-index:2;left:12px;right:10px;bottom:10px}.yt-dream-card strong,.yt-dream-card small,.yt-dream-card b{display:block}.yt-dream-card strong{font-size:15px}.yt-dream-card small{font-size:10px}.yt-dream-card b{font-size:10px;margin-top:2px}
/* Footer */
.yt-trust-strip{background:#f8fafc;border-top:1px solid #e7edf5}.yt-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0}.yt-trust-grid>div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;align-items:center;padding:0 22px;border-right:1px solid #e5eaf0}.yt-trust-grid>div:last-child{border-right:0}.yt-trust-grid span{grid-row:1/3;font-size:24px;color:var(--yt-blue)}.yt-trust-grid strong{font-size:12px}.yt-trust-grid small{color:var(--yt-muted);font-size:10px}.yt-newsletter{background:linear-gradient(90deg,#061a39,#0b2851);color:#fff;padding:18px 0}.yt-newsletter-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.yt-newsletter-inner>div strong,.yt-newsletter-inner>div span{display:block}.yt-newsletter-inner>div strong{font-size:16px}.yt-newsletter-inner>div span{font-size:10px;color:#d3def0}.yt-newsletter-form{display:flex;width:min(520px,50%)}.yt-newsletter-form input{flex:1;border:0;border-radius:8px 0 0 8px;padding:12px}.yt-newsletter-form button{border:0;background:#0d9d98;color:#fff;padding:0 28px;border-radius:0 8px 8px 0;font-weight:800}.yt-footer-main{background:#061a39;color:#fff;padding:34px 0}.yt-footer-grid{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:40px}.yt-footer-grid h4{font-size:13px;margin:0 0 12px}.yt-footer-grid a,.yt-footer-grid span{display:block;color:#e8eef8;text-decoration:none;font-size:11px;margin:7px 0}.yt-footer-logo{display:flex!important;gap:10px;align-items:center;font-size:20px!important}.yt-footer-logo span{font-size:24px!important;color:#ffbd18}.yt-footer-brand>small{color:#ffbd18;text-transform:uppercase;font-weight:800;font-size:9px}.yt-footer-brand p{font-size:11px;line-height:1.6;color:#d3dcea}.yt-socials{display:flex;gap:8px}.yt-socials span{width:29px;height:29px;border-radius:50%;display:grid!important;place-items:center;background:#19365d}.yt-footer-contact b{display:inline-block;margin-top:12px;border:1px solid #506789;border-radius:7px;padding:8px 11px;font-size:10px}.yt-footer-bottom{background:#061a39;border-top:1px solid #213b60;color:#aebbd0;text-align:center;padding:12px;font-size:10px}
/* Results + shared page language */
.yt-flight-page,.yt-booking-page,.yt-checkout-page{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.yt-results-main,.yt-filter-sidebar,.wf-flight-card-ota,.yt-card{border-radius:var(--yt-radius)}.wf-flight-card-ota{border:1px solid var(--yt-border)!important;box-shadow:0 8px 26px rgba(12,32,60,.06)!important;background:#fff}.wf-btn-select,.mobile-search-btn,.yt-primary-button{border-radius:12px!important;background:linear-gradient(135deg,#2457f5,#1649df)!important;font-weight:900!important}.secondary-button,.btn-outline-primary{border-radius:10px!important}
/* Floating AI */
.yt-ai-fab{position:fixed;right:20px;bottom:20px;z-index:1090;border:0;border-radius:999px;background:linear-gradient(135deg,#3157f4,#7b4ee7);color:#fff;padding:12px 17px;font-weight:900;box-shadow:0 15px 38px rgba(59,75,210,.3)}
@media(max-width:1024px){.yt-primary-nav a{min-width:72px}.yt-account-link span{display:none}.yt-brand{min-width:180px}.yt-deal-grid{grid-template-columns:repeat(3,1fr)}.yt-dream-grid{grid-template-columns:repeat(3,1fr)}.yt-home-flight-search .g-field-search>.row{flex-wrap:wrap}.yt-home-flight-search .g-field-search>.row>[class*=col-]{flex:1 1 33%;margin-bottom:10px!important}.yt-home-flight-search .g-field-search>.row>.col-md-2{flex:1 1 100%}}
@media(max-width:767px){.yt-container{width:min(100% - 28px,var(--yt-max))}.yt-utility-right,.yt-utility-left span:first-child{display:none}.yt-utility-inner{justify-content:center}.yt-nav-inner{height:70px;align-items:center}.yt-brand img{width:44px;height:44px}.yt-brand-copy strong{font-size:17px}.yt-primary-nav{display:none;position:absolute;top:106px;left:14px;right:14px;background:#fff;box-shadow:var(--yt-shadow);border-radius:16px;padding:8px;flex-direction:column}.yt-primary-nav.open{display:flex}.yt-primary-nav a{flex-direction:row;justify-content:flex-start;min-height:48px;border-bottom:0;border-radius:10px}.yt-mobile-menu-button{display:block;margin-left:auto}.yt-account-link{font-size:18px}.yt-home-flight-search{padding:14px!important;border-radius:18px!important}.yt-ai-panel{grid-template-columns:1fr;padding:14px}.yt-ai-brand{grid-row:auto}.yt-ai-response{grid-column:auto}.yt-ai-prompts{overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.yt-ai-prompts button{white-space:nowrap}.yt-deal-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.yt-deal-card{min-width:240px;scroll-snap-align:start}.yt-dream-grid{display:flex;overflow-x:auto}.yt-dream-card{min-width:190px}.yt-section-heading{align-items:center}.yt-section-heading a{font-size:10px}.yt-trust-grid{grid-template-columns:1fr 1fr}.yt-trust-grid>div{border-right:0;border-bottom:1px solid #e5eaf0;padding:14px 8px}.yt-newsletter-inner{display:block}.yt-newsletter-form{width:100%;margin-top:14px}.yt-footer-grid{grid-template-columns:1fr 1fr;gap:28px}.yt-footer-brand,.yt-footer-contact{grid-column:1/-1}.yt-ai-fab{bottom:14px;right:14px}}


/* =========================================================
   YES TRAVELS GLOBAL HEADER — FINAL
   Matches modules/Layout/parts/header.blade.php
   ========================================================= */

.yt-site-header {
    position: relative;
    z-index: 1200;
    width: 100%;
    background: #fff;
    color: #10213e;
    box-shadow: 0 1px 0 rgba(18, 38, 68, .08);
}

.frontend-page.header_transparent .yt-site-header,
.header_transparent .yt-site-header {
    background: #fff;
}


/* ---------- UTILITY BAR ---------- */

.yt-utility-bar {
    width: 100%;
    background: #071b3b;
    color: #fff;
    font-size: 12px;
}

.yt-utility-bar__inner {
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.yt-utility-bar__left,
.yt-utility-bar__right {
    display: flex;
    align-items: center;
    gap: 18px;
}

.yt-utility-pill,
.yt-utility-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(255,255,255,.94) !important;
    text-decoration: none !important;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 600;
}

.yt-utility-link:hover {
    color: #fff !important;
}

.yt-utility-switcher {
    display: flex;
    align-items: center;
}

.yt-utility-switcher,
.yt-utility-switcher a,
.yt-utility-switcher button,
.yt-utility-switcher .dropdown-toggle {
    color: #fff !important;
}


/* ---------- MAIN NAV ---------- */

.yt-nav-shell {
    position: relative;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #edf1f6;
}

.yt-nav {
    min-height: 82px;
    display: flex;
    align-items: center;
    gap: 34px;
}


/* ---------- BRAND ---------- */

.yt-brand {
    flex: 0 0 auto;
    min-width: 210px;
    display: flex;
    align-items: center;
    gap: 11px;
    text-decoration: none !important;
}

.yt-brand__logo {
    display: block;
    width: 66px;
    height: 66px;
    object-fit: contain;
    border-radius: 0;
}

.yt-brand__text {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.yt-brand__text strong {
    color: #0d3978;
    font-size: 19px;
    font-weight: 900;
    letter-spacing: -.35px;
    white-space: nowrap;
}

.yt-brand__text small {
    margin-top: 5px;
    color: #5f6f87;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}


/* ---------- DESKTOP NAVIGATION ---------- */

.yt-desktop-nav {
    align-self: stretch;
    flex: 1 1 auto;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    gap: 2px;
}

.yt-desktop-nav > a {
    position: relative;
    min-width: 86px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #182943 !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 800;
    border-bottom: 3px solid transparent;
    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease;
}

.yt-desktop-nav > a:hover {
    color: #2457f5 !important;
    background: #f7f9ff;
    border-bottom-color: #b8c7ff;
}

.yt-desktop-nav > a.is-active {
    color: #2457f5 !important;
    background: #f5f7ff;
    border-bottom-color: #2457f5;
}


/* ---------- ACCOUNT AREA ---------- */

.yt-nav-actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.yt-nav-link-button {
    appearance: none;
    border: 0;
    background: transparent;
    color: #162844;
    padding: 11px 13px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.yt-nav-link-button:hover {
    background: #f5f7fb;
}

.yt-button--nav {
    min-height: 42px;
    padding: 0 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 11px;
    background: #2457f5;
    color: #fff !important;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 7px 18px rgba(36,87,245,.16);
}


/* ---------- LOGGED-IN USER ---------- */

.yt-user-menu {
    position: relative;
}

.yt-user-menu__button {
    appearance: none;
    border: 1px solid #e3eaf3;
    background: #fff;
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 11px 5px 6px;
    border-radius: 14px;
    color: #152742;
    font-weight: 800;
    cursor: pointer;
}

.yt-user-menu__avatar {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 50%;
}

.yt-user-menu__avatar--text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #edf2ff;
    color: #2457f5;
}

.yt-user-dropdown {
    min-width: 220px;
    margin-top: 10px;
    padding: 8px;
    border: 1px solid #e7edf5;
    border-radius: 15px;
    box-shadow: 0 18px 50px rgba(13,34,67,.14);
}

.yt-user-dropdown .dropdown-item {
    border-radius: 9px;
    padding: 10px 12px;
    font-size: 13px;
}

.yt-user-dropdown .dropdown-item i {
    width: 22px;
    color: #66758d;
}


/* ---------- MOBILE MENU BUTTON ---------- */

.yt-mobile-menu-button {
    width: 44px;
    height: 44px;
    padding: 10px;
    border: 1px solid #e1e8f1;
    border-radius: 12px;
    background: #fff;
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
}

.yt-mobile-menu-button span {
    width: 100%;
    height: 2px;
    display: block;
    border-radius: 5px;
    background: #10213e;
}


/* =========================================================
   MOBILE DRAWER
   HIDDEN BY DEFAULT — THIS FIXES THE RAW BLOCK ON DESKTOP
   ========================================================= */

.yt-mobile-drawer {
    position: fixed;
    inset: 0;
    z-index: 5000;

    visibility: hidden;
    opacity: 0;
    pointer-events: none;

    transition:
        opacity .22s ease,
        visibility .22s ease;
}

.yt-mobile-drawer.is-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.yt-mobile-drawer__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(4,16,38,.54);
    backdrop-filter: blur(2px);
}

.yt-mobile-drawer__panel {
    position: absolute;
    top: 0;
    right: 0;

    width: min(88vw, 390px);
    height: 100%;

    padding: 22px;
    overflow-y: auto;

    background: #fff;
    box-shadow: -20px 0 60px rgba(4,22,52,.18);

    transform: translateX(105%);
    transition: transform .26s ease;
}

.yt-mobile-drawer.is-open .yt-mobile-drawer__panel {
    transform: translateX(0);
}

.yt-mobile-drawer__head {
    padding-bottom: 20px;
    margin-bottom: 10px;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;

    border-bottom: 1px solid #edf1f6;
}

.yt-mobile-drawer__head > div {
    display: flex;
    flex-direction: column;
}

.yt-mobile-drawer__head strong {
    color: #0d2f63;
    font-size: 21px;
    font-weight: 900;
}

.yt-mobile-drawer__head span {
    margin-top: 3px;
    color: #718098;
    font-size: 12px;
}

.yt-mobile-drawer__close {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #e4eaf2;
    border-radius: 11px;
    background: #fff;

    color: #172843;
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
}


/* ---------- MOBILE NAV ---------- */

.yt-mobile-nav {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.yt-mobile-nav a {
    min-height: 54px;
    padding: 0 14px;

    display: flex;
    align-items: center;
    gap: 13px;

    border-radius: 12px;

    color: #142744 !important;
    text-decoration: none !important;

    font-size: 14px;
    font-weight: 800;
}

.yt-mobile-nav a:hover {
    background: #f3f6fc;
}

.yt-mobile-nav a i {
    width: 22px;
    text-align: center;
    color: #2457f5;
    font-size: 17px;
}

.yt-mobile-drawer__account {
    margin-top: 22px;
    padding-top: 20px;

    display: grid;
    gap: 10px;

    border-top: 1px solid #edf1f6;
}

.yt-mobile-drawer__account > a {
    min-height: 45px;
    padding: 0 14px;

    display: flex;
    align-items: center;

    border-radius: 10px;
    background: #f5f7fb;

    color: #152742 !important;
    text-decoration: none !important;
    font-weight: 800;
}

.yt-button--wide {
    width: 100%;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {

    .yt-nav {
        gap: 20px;
    }

    .yt-brand {
        min-width: 170px;
    }

    .yt-brand__text {
        display: none;
    }

    .yt-desktop-nav > a {
        min-width: auto;
        padding-inline: 13px;
    }
}


@media (max-width: 850px) {

    .yt-utility-bar__left .yt-hide-mobile,
    .yt-utility-bar__right .yt-hide-mobile {
        display: none !important;
    }

    .yt-nav {
        min-height: 70px;
    }

    .yt-brand {
        min-width: 0;
        flex: 1;
    }

    .yt-brand__logo {
        width: 52px;
        height: 52px;
    }

    .yt-brand__text {
        display: flex;
    }

    .yt-brand__text strong {
        font-size: 16px;
    }

    .yt-brand__text small {
        font-size: 9px;
    }

    .yt-desktop-nav {
        display: none !important;
    }

    .yt-hide-small {
        display: none !important;
    }

    .yt-mobile-menu-button {
        display: flex;
    }
}


@media (max-width: 600px) {

    .yt-container {
        width: calc(100% - 28px);
    }

    .yt-utility-bar__inner {
        min-height: 32px;
    }

    .yt-utility-bar__left {
        display: none;
    }

    .yt-utility-bar__right {
        width: 100%;
        justify-content: space-between;
    }

    .yt-brand__logo {
        width: 48px;
        height: 48px;
    }

    .yt-brand__text strong {
        font-size: 15px;
    }

    .yt-brand__text small {
        display: none;
    }

    .yt-nav-actions {
        gap: 6px;
    }
}


/* End Yes Travels global header */


/* =========================================================
   YES TRAVELS GLOBAL HEADER — FINAL
   Matches modules/Layout/parts/header.blade.php
   ========================================================= */

.yt-site-header {
    position: relative;
    z-index: 1200;
    width: 100%;
    background: #fff;
    color: #10213e;
    box-shadow: 0 1px 0 rgba(18, 38, 68, .08);
}

.frontend-page.header_transparent .yt-site-header,
.header_transparent .yt-site-header {
    background: #fff;
}


/* ---------- UTILITY BAR ---------- */

.yt-utility-bar {
    width: 100%;
    background: #071b3b;
    color: #fff;
    font-size: 12px;
}

.yt-utility-bar__inner {
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.yt-utility-bar__left,
.yt-utility-bar__right {
    display: flex;
    align-items: center;
    gap: 18px;
}

.yt-utility-pill,
.yt-utility-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(255,255,255,.94) !important;
    text-decoration: none !important;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 600;
}

.yt-utility-link:hover {
    color: #fff !important;
}

.yt-utility-switcher {
    display: flex;
    align-items: center;
}

.yt-utility-switcher,
.yt-utility-switcher a,
.yt-utility-switcher button,
.yt-utility-switcher .dropdown-toggle {
    color: #fff !important;
}


/* ---------- MAIN NAV ---------- */

.yt-nav-shell {
    position: relative;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #edf1f6;
}

.yt-nav {
    min-height: 82px;
    display: flex;
    align-items: center;
    gap: 34px;
}


/* ---------- BRAND ---------- */

.yt-brand {
    flex: 0 0 auto;
    min-width: 210px;
    display: flex;
    align-items: center;
    gap: 11px;
    text-decoration: none !important;
}

.yt-brand__logo {
    display: block;
    width: 66px;
    height: 66px;
    object-fit: contain;
    border-radius: 0;
}

.yt-brand__text {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.yt-brand__text strong {
    color: #0d3978;
    font-size: 19px;
    font-weight: 900;
    letter-spacing: -.35px;
    white-space: nowrap;
}

.yt-brand__text small {
    margin-top: 5px;
    color: #5f6f87;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}


/* ---------- DESKTOP NAVIGATION ---------- */

.yt-desktop-nav {
    align-self: stretch;
    flex: 1 1 auto;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    gap: 2px;
}

.yt-desktop-nav > a {
    position: relative;
    min-width: 86px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #182943 !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 800;
    border-bottom: 3px solid transparent;
    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease;
}

.yt-desktop-nav > a:hover {
    color: #2457f5 !important;
    background: #f7f9ff;
    border-bottom-color: #b8c7ff;
}

.yt-desktop-nav > a.is-active {
    color: #2457f5 !important;
    background: #f5f7ff;
    border-bottom-color: #2457f5;
}


/* ---------- ACCOUNT AREA ---------- */

.yt-nav-actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.yt-nav-link-button {
    appearance: none;
    border: 0;
    background: transparent;
    color: #162844;
    padding: 11px 13px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.yt-nav-link-button:hover {
    background: #f5f7fb;
}

.yt-button--nav {
    min-height: 42px;
    padding: 0 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 11px;
    background: #2457f5;
    color: #fff !important;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 7px 18px rgba(36,87,245,.16);
}


/* ---------- LOGGED-IN USER ---------- */

.yt-user-menu {
    position: relative;
}

.yt-user-menu__button {
    appearance: none;
    border: 1px solid #e3eaf3;
    background: #fff;
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 11px 5px 6px;
    border-radius: 14px;
    color: #152742;
    font-weight: 800;
    cursor: pointer;
}

.yt-user-menu__avatar {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 50%;
}

.yt-user-menu__avatar--text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #edf2ff;
    color: #2457f5;
}

.yt-user-dropdown {
    min-width: 220px;
    margin-top: 10px;
    padding: 8px;
    border: 1px solid #e7edf5;
    border-radius: 15px;
    box-shadow: 0 18px 50px rgba(13,34,67,.14);
}

.yt-user-dropdown .dropdown-item {
    border-radius: 9px;
    padding: 10px 12px;
    font-size: 13px;
}

.yt-user-dropdown .dropdown-item i {
    width: 22px;
    color: #66758d;
}


/* ---------- MOBILE MENU BUTTON ---------- */

.yt-mobile-menu-button {
    width: 44px;
    height: 44px;
    padding: 10px;
    border: 1px solid #e1e8f1;
    border-radius: 12px;
    background: #fff;
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
}

.yt-mobile-menu-button span {
    width: 100%;
    height: 2px;
    display: block;
    border-radius: 5px;
    background: #10213e;
}


/* =========================================================
   MOBILE DRAWER
   HIDDEN BY DEFAULT — THIS FIXES THE RAW BLOCK ON DESKTOP
   ========================================================= */

.yt-mobile-drawer {
    position: fixed;
    inset: 0;
    z-index: 5000;

    visibility: hidden;
    opacity: 0;
    pointer-events: none;

    transition:
        opacity .22s ease,
        visibility .22s ease;
}

.yt-mobile-drawer.is-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.yt-mobile-drawer__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(4,16,38,.54);
    backdrop-filter: blur(2px);
}

.yt-mobile-drawer__panel {
    position: absolute;
    top: 0;
    right: 0;

    width: min(88vw, 390px);
    height: 100%;

    padding: 22px;
    overflow-y: auto;

    background: #fff;
    box-shadow: -20px 0 60px rgba(4,22,52,.18);

    transform: translateX(105%);
    transition: transform .26s ease;
}

.yt-mobile-drawer.is-open .yt-mobile-drawer__panel {
    transform: translateX(0);
}

.yt-mobile-drawer__head {
    padding-bottom: 20px;
    margin-bottom: 10px;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;

    border-bottom: 1px solid #edf1f6;
}

.yt-mobile-drawer__head > div {
    display: flex;
    flex-direction: column;
}

.yt-mobile-drawer__head strong {
    color: #0d2f63;
    font-size: 21px;
    font-weight: 900;
}

.yt-mobile-drawer__head span {
    margin-top: 3px;
    color: #718098;
    font-size: 12px;
}

.yt-mobile-drawer__close {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #e4eaf2;
    border-radius: 11px;
    background: #fff;

    color: #172843;
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
}


/* ---------- MOBILE NAV ---------- */

.yt-mobile-nav {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.yt-mobile-nav a {
    min-height: 54px;
    padding: 0 14px;

    display: flex;
    align-items: center;
    gap: 13px;

    border-radius: 12px;

    color: #142744 !important;
    text-decoration: none !important;

    font-size: 14px;
    font-weight: 800;
}

.yt-mobile-nav a:hover {
    background: #f3f6fc;
}

.yt-mobile-nav a i {
    width: 22px;
    text-align: center;
    color: #2457f5;
    font-size: 17px;
}

.yt-mobile-drawer__account {
    margin-top: 22px;
    padding-top: 20px;

    display: grid;
    gap: 10px;

    border-top: 1px solid #edf1f6;
}

.yt-mobile-drawer__account > a {
    min-height: 45px;
    padding: 0 14px;

    display: flex;
    align-items: center;

    border-radius: 10px;
    background: #f5f7fb;

    color: #152742 !important;
    text-decoration: none !important;
    font-weight: 800;
}

.yt-button--wide {
    width: 100%;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {

    .yt-nav {
        gap: 20px;
    }

    .yt-brand {
        min-width: 170px;
    }

    .yt-brand__text {
        display: none;
    }

    .yt-desktop-nav > a {
        min-width: auto;
        padding-inline: 13px;
    }
}


@media (max-width: 850px) {

    .yt-utility-bar__left .yt-hide-mobile,
    .yt-utility-bar__right .yt-hide-mobile {
        display: none !important;
    }

    .yt-nav {
        min-height: 70px;
    }

    .yt-brand {
        min-width: 0;
        flex: 1;
    }

    .yt-brand__logo {
        width: 52px;
        height: 52px;
    }

    .yt-brand__text {
        display: flex;
    }

    .yt-brand__text strong {
        font-size: 16px;
    }

    .yt-brand__text small {
        font-size: 9px;
    }

    .yt-desktop-nav {
        display: none !important;
    }

    .yt-hide-small {
        display: none !important;
    }

    .yt-mobile-menu-button {
        display: flex;
    }
}


@media (max-width: 600px) {

    .yt-container {
        width: calc(100% - 28px);
    }

    .yt-utility-bar__inner {
        min-height: 32px;
    }

    .yt-utility-bar__left {
        display: none;
    }

    .yt-utility-bar__right {
        width: 100%;
        justify-content: space-between;
    }

    .yt-brand__logo {
        width: 48px;
        height: 48px;
    }

    .yt-brand__text strong {
        font-size: 15px;
    }

    .yt-brand__text small {
        display: none;
    }

    .yt-nav-actions {
        gap: 6px;
    }
}


/* End Yes Travels global header */


/* =========================================================
   YES TRAVELS FOOTER — FINAL
   Matches themes/Mytravel/Layout/parts/footer.blade.php
   ========================================================= */

.yt-footer {
    width: 100%;
    background: #061a39;
    color: #fff;
}


/* ---------- NEWSLETTER ---------- */

.yt-footer-newsletter {
    background: linear-gradient(90deg, #061a39 0%, #0b2851 100%);
    color: #fff;
    padding: 24px 0;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.yt-footer-newsletter-inner {
    width: min(var(--yt-max), calc(100% - 48px));
    margin-inline: auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 36px;
}

.yt-footer-newsletter-copy {
    flex: 1 1 auto;
    min-width: 0;
}

.yt-footer-newsletter-copy > span {
    display: inline-block;
    margin-bottom: 4px;

    color: #7fd7ff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.yt-footer-newsletter-copy h3 {
    margin: 0;
    color: #fff;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 900;
}

.yt-footer-newsletter-copy p {
    margin: 7px 0 0;
    color: #c8d5e8;
    font-size: 12px;
    line-height: 1.55;
}

.yt-footer-subscribe {
    flex: 0 1 520px;
    margin: 0;
}

.yt-footer-subscribe-box {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-height: 48px;
}

.yt-footer-subscribe-box input {
    flex: 1 1 auto;
    min-width: 0;

    height: 48px;
    padding: 0 16px;

    border: 0 !important;
    border-radius: 10px 0 0 10px !important;

    background: #fff;
    color: #10213e;

    font-size: 13px;
    outline: none;
    box-shadow: none !important;
}

.yt-footer-subscribe-box input::placeholder {
    color: #8895a8;
}

.yt-footer-subscribe-box button {
    flex: 0 0 auto;

    min-width: 128px;
    padding: 0 22px;

    border: 0;
    border-radius: 0 10px 10px 0;

    background: #2457f5;
    color: #fff;

    font-size: 13px;
    font-weight: 900;
    cursor: pointer;

    transition:
        background .18s ease,
        transform .18s ease;
}

.yt-footer-subscribe-box button:hover {
    background: #1746da;
}

.yt-footer-subscribe-box button:active {
    transform: translateY(1px);
}

.yt-footer-subscribe .form-mess {
    margin-top: 7px;
    font-size: 11px;
}


/* ---------- MAIN FOOTER ---------- */

.yt-footer-main {
    width: 100%;
    background: #061a39;
    color: #fff;
    padding: 48px 0 42px;
}

.yt-footer-main > .yt-footer-brand,
.yt-footer-main > .yt-footer-col {
    display: none;
}

/*
   Blade currently places the columns directly inside
   .yt-footer-main rather than inside .yt-footer-grid,
   so turn the main container itself into the grid.
*/
.yt-footer-main {
    display: grid;
    grid-template-columns:
        minmax(250px, 1.4fr)
        repeat(3, minmax(130px, .75fr));
    gap: 42px;

    padding-left: max(24px, calc((100% - var(--yt-max)) / 2));
    padding-right: max(24px, calc((100% - var(--yt-max)) / 2));
}


/* ---------- BRAND COLUMN ---------- */

.yt-footer-brand {
    min-width: 0;
}

.yt-footer-logo {
    display: flex !important;
    align-items: center;
    gap: 12px;

    margin-bottom: 18px;

    color: #fff !important;
    text-decoration: none !important;
}

.yt-footer-logo img {
    width: 74px;
    height: 74px;
    object-fit: contain;

    border-radius: 12px;
    background: #fff;
}

.yt-footer-logo > span {
    display: flex !important;
    flex-direction: column;
    gap: 3px;
    margin: 0 !important;
}

.yt-footer-logo > span,
.yt-footer-logo > span strong {
    color: #fff !important;
}

.yt-footer-logo > span strong {
    font-size: 19px;
    line-height: 1.1;
    font-weight: 900;
}

.yt-footer-logo > span small {
    color: #ffbd18;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.yt-footer-brand > p {
    max-width: 320px;
    margin: 0 0 18px;

    color: #c8d5e8;
    font-size: 12px;
    line-height: 1.7;
}

.yt-footer-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.yt-footer-trust span {
    display: inline-flex !important;
    align-items: center;

    margin: 0 !important;
    padding: 6px 9px;

    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;

    background: rgba(255,255,255,.04);

    color: #d8e2f0 !important;
    font-size: 10px !important;
    font-weight: 700;
}


/* ---------- FOOTER COLUMNS ---------- */

.yt-footer-col {
    min-width: 0;
}

.yt-footer-col h4 {
    margin: 0 0 15px;

    color: #fff;
    font-size: 13px;
    font-weight: 900;
}

.yt-footer-col a,
.yt-footer-col span {
    display: block;

    margin: 8px 0;

    color: #c9d5e7 !important;
    text-decoration: none !important;

    font-size: 11px;
    line-height: 1.5;
}

.yt-footer-col a:hover {
    color: #fff !important;
}

.yt-footer-contact a,
.yt-footer-contact span {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.yt-footer-contact i {
    width: 16px;
    margin-top: 2px;
    color: #76a4ff;
}

.yt-footer-support-note {
    display: inline-block;
    margin-top: 14px;
    padding: 8px 11px;

    border: 1px solid rgba(255,255,255,.18);
    border-radius: 8px;

    color: #fff;
    font-size: 10px;
    font-weight: 800;
}


/* ---------- BOTTOM BAR ---------- */

.yt-footer-bottom {
    width: 100%;

    background: #061a39;
    border-top: 1px solid rgba(255,255,255,.10);

    color: #aebbd0;

    padding: 15px 0;
}

.yt-footer-bottom > span,
.yt-footer-bottom > .yt-footer-bottom-links {
    display: none;
}

/*
   Live Blade has direct children instead of a .yt-container.
*/
.yt-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    padding-left: max(24px, calc((100% - var(--yt-max)) / 2));
    padding-right: max(24px, calc((100% - var(--yt-max)) / 2));
}

.yt-footer-bottom > span {
    display: block;
    margin: 0;
    font-size: 10px;
}

.yt-footer-bottom-links {
    display: flex !important;
    align-items: center;
    gap: 18px;
}

.yt-footer-bottom-links a {
    color: #aebbd0 !important;
    text-decoration: none !important;
    font-size: 10px;
}

.yt-footer-bottom-links a:hover {
    color: #fff !important;
}


/* =========================================================
   RESPONSIVE FOOTER
   ========================================================= */

@media (max-width: 980px) {

    .yt-footer-main {
        grid-template-columns: 1.35fr repeat(2, 1fr);
        gap: 34px 28px;
    }

    .yt-footer-contact {
        grid-column: 2 / -1;
    }
}


@media (max-width: 767px) {

    .yt-footer-newsletter {
        padding: 22px 0;
    }

    .yt-footer-newsletter-inner {
        width: calc(100% - 28px);

        display: block;
    }

    .yt-footer-newsletter-copy h3 {
        font-size: 19px;
    }

    .yt-footer-subscribe {
        width: 100%;
        margin-top: 16px;
    }

    .yt-footer-main {
        grid-template-columns: 1fr 1fr;
        gap: 28px 20px;

        padding: 34px 14px;
    }

    .yt-footer-brand,
    .yt-footer-contact {
        grid-column: 1 / -1;
    }

    .yt-footer-logo img {
        width: 62px;
        height: 62px;
    }

    .yt-footer-bottom {
        padding: 14px;

        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}


@media (max-width: 480px) {

    .yt-footer-subscribe-box {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .yt-footer-subscribe-box input,
    .yt-footer-subscribe-box button {
        width: 100%;
        min-height: 46px;
        border-radius: 9px !important;
    }

    .yt-footer-main {
        grid-template-columns: 1fr;
    }

    .yt-footer-brand,
    .yt-footer-contact {
        grid-column: auto;
    }
}


/* End Yes Travels footer */


/* =========================================================
   YES TRAVELS FOOTER — FINAL
   Matches themes/Mytravel/Layout/parts/footer.blade.php
   ========================================================= */

.yt-footer {
    width: 100%;
    background: #061a39;
    color: #fff;
}


/* ---------- NEWSLETTER ---------- */

.yt-footer-newsletter {
    background: linear-gradient(90deg, #061a39 0%, #0b2851 100%);
    color: #fff;
    padding: 24px 0;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.yt-footer-newsletter-inner {
    width: min(var(--yt-max), calc(100% - 48px));
    margin-inline: auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 36px;
}

.yt-footer-newsletter-copy {
    flex: 1 1 auto;
    min-width: 0;
}

.yt-footer-newsletter-copy > span {
    display: inline-block;
    margin-bottom: 4px;

    color: #7fd7ff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.yt-footer-newsletter-copy h3 {
    margin: 0;
    color: #fff;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 900;
}

.yt-footer-newsletter-copy p {
    margin: 7px 0 0;
    color: #c8d5e8;
    font-size: 12px;
    line-height: 1.55;
}

.yt-footer-subscribe {
    flex: 0 1 520px;
    margin: 0;
}

.yt-footer-subscribe-box {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-height: 48px;
}

.yt-footer-subscribe-box input {
    flex: 1 1 auto;
    min-width: 0;

    height: 48px;
    padding: 0 16px;

    border: 0 !important;
    border-radius: 10px 0 0 10px !important;

    background: #fff;
    color: #10213e;

    font-size: 13px;
    outline: none;
    box-shadow: none !important;
}

.yt-footer-subscribe-box input::placeholder {
    color: #8895a8;
}

.yt-footer-subscribe-box button {
    flex: 0 0 auto;

    min-width: 128px;
    padding: 0 22px;

    border: 0;
    border-radius: 0 10px 10px 0;

    background: #2457f5;
    color: #fff;

    font-size: 13px;
    font-weight: 900;
    cursor: pointer;

    transition:
        background .18s ease,
        transform .18s ease;
}

.yt-footer-subscribe-box button:hover {
    background: #1746da;
}

.yt-footer-subscribe-box button:active {
    transform: translateY(1px);
}

.yt-footer-subscribe .form-mess {
    margin-top: 7px;
    font-size: 11px;
}


/* ---------- MAIN FOOTER ---------- */

.yt-footer-main {
    width: 100%;
    background: #061a39;
    color: #fff;
    padding: 48px 0 42px;
}

.yt-footer-main > .yt-footer-brand,
.yt-footer-main > .yt-footer-col {
    display: none;
}

/*
   Blade currently places the columns directly inside
   .yt-footer-main rather than inside .yt-footer-grid,
   so turn the main container itself into the grid.
*/
.yt-footer-main {
    display: grid;
    grid-template-columns:
        minmax(250px, 1.4fr)
        repeat(3, minmax(130px, .75fr));
    gap: 42px;

    padding-left: max(24px, calc((100% - var(--yt-max)) / 2));
    padding-right: max(24px, calc((100% - var(--yt-max)) / 2));
}


/* ---------- BRAND COLUMN ---------- */

.yt-footer-brand {
    min-width: 0;
}

.yt-footer-logo {
    display: flex !important;
    align-items: center;
    gap: 12px;

    margin-bottom: 18px;

    color: #fff !important;
    text-decoration: none !important;
}

.yt-footer-logo img {
    width: 74px;
    height: 74px;
    object-fit: contain;

    border-radius: 12px;
    background: #fff;
}

.yt-footer-logo > span {
    display: flex !important;
    flex-direction: column;
    gap: 3px;
    margin: 0 !important;
}

.yt-footer-logo > span,
.yt-footer-logo > span strong {
    color: #fff !important;
}

.yt-footer-logo > span strong {
    font-size: 19px;
    line-height: 1.1;
    font-weight: 900;
}

.yt-footer-logo > span small {
    color: #ffbd18;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.yt-footer-brand > p {
    max-width: 320px;
    margin: 0 0 18px;

    color: #c8d5e8;
    font-size: 12px;
    line-height: 1.7;
}

.yt-footer-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.yt-footer-trust span {
    display: inline-flex !important;
    align-items: center;

    margin: 0 !important;
    padding: 6px 9px;

    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;

    background: rgba(255,255,255,.04);

    color: #d8e2f0 !important;
    font-size: 10px !important;
    font-weight: 700;
}


/* ---------- FOOTER COLUMNS ---------- */

.yt-footer-col {
    min-width: 0;
}

.yt-footer-col h4 {
    margin: 0 0 15px;

    color: #fff;
    font-size: 13px;
    font-weight: 900;
}

.yt-footer-col a,
.yt-footer-col span {
    display: block;

    margin: 8px 0;

    color: #c9d5e7 !important;
    text-decoration: none !important;

    font-size: 11px;
    line-height: 1.5;
}

.yt-footer-col a:hover {
    color: #fff !important;
}

.yt-footer-contact a,
.yt-footer-contact span {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.yt-footer-contact i {
    width: 16px;
    margin-top: 2px;
    color: #76a4ff;
}

.yt-footer-support-note {
    display: inline-block;
    margin-top: 14px;
    padding: 8px 11px;

    border: 1px solid rgba(255,255,255,.18);
    border-radius: 8px;

    color: #fff;
    font-size: 10px;
    font-weight: 800;
}


/* ---------- BOTTOM BAR ---------- */

.yt-footer-bottom {
    width: 100%;

    background: #061a39;
    border-top: 1px solid rgba(255,255,255,.10);

    color: #aebbd0;

    padding: 15px 0;
}

.yt-footer-bottom > span,
.yt-footer-bottom > .yt-footer-bottom-links {
    display: none;
}

/*
   Live Blade has direct children instead of a .yt-container.
*/
.yt-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    padding-left: max(24px, calc((100% - var(--yt-max)) / 2));
    padding-right: max(24px, calc((100% - var(--yt-max)) / 2));
}

.yt-footer-bottom > span {
    display: block;
    margin: 0;
    font-size: 10px;
}

.yt-footer-bottom-links {
    display: flex !important;
    align-items: center;
    gap: 18px;
}

.yt-footer-bottom-links a {
    color: #aebbd0 !important;
    text-decoration: none !important;
    font-size: 10px;
}

.yt-footer-bottom-links a:hover {
    color: #fff !important;
}


/* =========================================================
   RESPONSIVE FOOTER
   ========================================================= */

@media (max-width: 980px) {

    .yt-footer-main {
        grid-template-columns: 1.35fr repeat(2, 1fr);
        gap: 34px 28px;
    }

    .yt-footer-contact {
        grid-column: 2 / -1;
    }
}


@media (max-width: 767px) {

    .yt-footer-newsletter {
        padding: 22px 0;
    }

    .yt-footer-newsletter-inner {
        width: calc(100% - 28px);

        display: block;
    }

    .yt-footer-newsletter-copy h3 {
        font-size: 19px;
    }

    .yt-footer-subscribe {
        width: 100%;
        margin-top: 16px;
    }

    .yt-footer-main {
        grid-template-columns: 1fr 1fr;
        gap: 28px 20px;

        padding: 34px 14px;
    }

    .yt-footer-brand,
    .yt-footer-contact {
        grid-column: 1 / -1;
    }

    .yt-footer-logo img {
        width: 62px;
        height: 62px;
    }

    .yt-footer-bottom {
        padding: 14px;

        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}


@media (max-width: 480px) {

    .yt-footer-subscribe-box {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .yt-footer-subscribe-box input,
    .yt-footer-subscribe-box button {
        width: 100%;
        min-height: 46px;
        border-radius: 9px !important;
    }

    .yt-footer-main {
        grid-template-columns: 1fr;
    }

    .yt-footer-brand,
    .yt-footer-contact {
        grid-column: auto;
    }
}


/* End Yes Travels footer */

/* Newsletter spinner is hidden until an actual submit state needs it */
.yt-footer-subscribe-box .fa-spinner {
    display: none !important;
}


/* =========================================================
   YES TRAVELS — HOMEPAGE SEARCH UNIFICATION
   Make homepage search match /flight
   ========================================================= */

body.home .bravo-form-search-slider,
body.home .bravo_search_flight,
body.home .bc_search_flight,
body.home .form-search-all-service {
    background:
        linear-gradient(
            115deg,
            rgba(255, 223, 140, .72) 0%,
            rgba(165, 235, 210, .78) 45%,
            rgba(99, 198, 177, .88) 100%
        ) !important;

    padding: 22px 0 26px !important;
}

body.home .yt-home-flight-search,
body.home .g-form-control,
body.home .form-search-all-service .form-content,
body.home .bc_search_flight .form-search {
    width: min(1480px, calc(100% - 88px)) !important;
    margin: 0 auto !important;

    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(255,255,255,.92) !important;
    border-radius: 26px !important;

    padding: 22px 24px !important;

    box-shadow:
        0 18px 50px rgba(18, 47, 77, .12) !important;
}

/* trip selector */
body.home .yt-trip-switch {
    width: fit-content !important;
    margin: 0 auto 18px !important;
}

body.home .nav-select {
    width: 100% !important;
    margin: 0 0 18px !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 10px !important;
}

/* align all search fields */
body.home .g-field-search,
body.home .g-field-search > .row {
    align-items: end !important;
}

body.home .form-group,
body.home .field-group {
    margin-bottom: 0 !important;
}

/* labels */
body.home .g-field-search label,
body.home .form-group > label {
    display: block !important;
    margin: 0 0 7px !important;

    color: #5f6f87 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

/* field shells */
body.home .g-field-search .form-control,
body.home .g-field-search .form-select,
body.home .form-group .form-control {
    min-height: 60px !important;

    border: 1px solid #dbe5ef !important;
    border-radius: 15px !important;

    background: #fff !important;

    box-shadow: none !important;
}

/* search button */
body.home .btn-search,
body.home .g-button-submit,
body.home button[type="submit"].btn {
    min-height: 60px !important;

    border: 0 !important;
    border-radius: 15px !important;

    background:
        linear-gradient(135deg, #69b6c8 0%, #65a9b9 100%) !important;

    color: #fff !important;
    font-weight: 900 !important;

    box-shadow:
        0 12px 28px rgba(92, 168, 188, .22) !important;
}

/* chips */
body.home .airport-chip,
body.home .yt-chip,
body.home .selected-airport {
    border-radius: 12px !important;
}

/* traveller/cabin pill */
body.home .passenger-box,
body.home .traveller-box,
body.home .yt-traveller-control {
    border-radius: 15px !important;
}

/* remove awkward excess white/old wrappers */
body.home .form-search-all-service .card,
body.home .form-search-all-service .card-body {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* mobile */
@media (max-width: 768px) {
    body.home .yt-home-flight-search,
    body.home .g-form-control,
    body.home .form-search-all-service .form-content,
    body.home .bc_search_flight .form-search {
        width: calc(100% - 20px) !important;
        padding: 14px !important;
        border-radius: 20px !important;
    }

    body.home .bravo-form-search-slider,
    body.home .bravo_search_flight,
    body.home .bc_search_flight,
    body.home .form-search-all-service {
        padding: 10px 0 18px !important;
    }
}


/* =========================================================
   YES TRAVELS — SOFTER GLOBAL LOWER-SITE PALETTE
   ========================================================= */

.yt-footer-newsletter {
    background:
        linear-gradient(
            135deg,
            #eef8f6 0%,
            #dff3ef 46%,
            #d6edf2 100%
        ) !important;

    color: #10213e !important;
    border-top: 1px solid #d8e8e7 !important;
    border-bottom: 1px solid #d8e8e7 !important;
}

.yt-footer-newsletter-copy > span {
    color: #168f86 !important;
}

.yt-footer-newsletter-copy h3 {
    color: #10213e !important;
}

.yt-footer-newsletter-copy p {
    color: #5e7085 !important;
}

.yt-footer-subscribe-box {
    padding: 6px !important;

    border: 1px solid rgba(98, 156, 166, .20) !important;
    border-radius: 16px !important;

    background: rgba(255,255,255,.88) !important;

    box-shadow:
        0 10px 30px rgba(41, 86, 100, .08) !important;
}

.yt-footer-subscribe-box input {
    border-radius: 11px !important;
    background: transparent !important;
}

.yt-footer-subscribe-box button {
    border-radius: 11px !important;

    background:
        linear-gradient(135deg, #ffbd18, #f6a90c) !important;

    color: #10213e !important;
}

/* footer blended rather than flat navy */
.yt-footer-main {
    background:
        radial-gradient(
            circle at 92% 0%,
            rgba(34, 164, 151, .32),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #071c38 0%,
            #0a3150 52%,
            #0d746f 100%
        ) !important;
}

.yt-footer-bottom {
    background:
        linear-gradient(
            90deg,
            #071c38 0%,
            #0a2b48 55%,
            #0d5f60 100%
        ) !important;
}



/* =========================================================
   YES TRAVELS — HOMEPAGE INTELLIGENCE V2
   Desktop + Mobile
   ========================================================= */

.yt-home-intelligence {
    padding: 34px 0 42px;
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f7fbfb 44%,
            #eef8f5 100%
        );
}


/* =========================================================
   ASK YES AI
   ========================================================= */

.yt-home-ai {
    position: relative;
    overflow: hidden;

    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 32px;

    padding: 28px;

    border: 1px solid #dcebea;
    border-radius: 26px;

    background:
        radial-gradient(
            circle at 2% 0%,
            rgba(255,190,24,.16),
            transparent 30%
        ),
        linear-gradient(
            125deg,
            #ffffff 0%,
            #f8fcfb 55%,
            #edf8f5 100%
        );

    box-shadow:
        0 18px 48px rgba(20,68,75,.08);
}

.yt-home-ai__identity {
    display: flex;
    align-items: center;
    gap: 16px;
}

.yt-home-ai__orb {
    flex: 0 0 66px;

    width: 66px;
    height: 66px;

    display: grid;
    place-items: center;

    border-radius: 22px;

    background:
        linear-gradient(
            135deg,
            #2c65f5,
            #16a79a
        );

    color: #fff;

    font-size: 20px;
    font-weight: 950;

    box-shadow:
        0 15px 30px rgba(47,104,208,.22);
}

.yt-home-ai__title-row {
    display: flex;
    align-items: center;
    gap: 9px;
}

.yt-home-ai__title-row h2 {
    margin: 0;

    color: #10213e;

    font-size: 22px;
    font-weight: 950;
    letter-spacing: -.03em;
}

.yt-home-ai__beta {
    padding: 4px 7px;

    border-radius: 999px;

    background: #e9eeff;
    color: #315bd9;

    font-size: 8px;
    font-weight: 950;
    letter-spacing: .06em;
}

.yt-home-ai__identity p {
    margin: 5px 0 0;

    color: #6b7c90;

    font-size: 11px;
    line-height: 1.55;
}

.yt-home-ai__conversation {
    min-width: 0;
}

.yt-home-ai__form {
    width: 100%;

    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;

    padding: 6px;

    border: 1px solid #d9e6e5;
    border-radius: 16px;

    background: rgba(255,255,255,.94);

    box-shadow:
        0 8px 24px rgba(23,61,73,.06);
}

.yt-home-ai__form input {
    width: 100%;
    height: 46px;

    padding: 0 13px;

    border: 0 !important;
    outline: 0 !important;

    background: transparent !important;
    box-shadow: none !important;

    color: #172a45;

    font-size: 12px;
}

.yt-home-ai__form button {
    min-width: 92px;

    border: 0;
    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            #2f63ef,
            #2854d8
        );

    color: #fff;

    font-size: 12px;
    font-weight: 900;

    cursor: pointer;
}

.yt-home-ai__form button i {
    margin-left: 6px;
}

.yt-home-ai__prompts {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;

    margin-top: 10px;
}

.yt-home-ai__prompts button {
    min-height: 30px;

    padding: 0 11px;

    border: 1px solid #dfe8eb;
    border-radius: 999px;

    background: #fff;

    color: #52657d;

    font-size: 9px;
    font-weight: 800;

    cursor: pointer;
}

.yt-home-ai__prompts button:hover {
    border-color: #8acbc1;
    color: #137d74;
    background: #f1faf8;
}

.yt-home-ai__response {
    margin-top: 12px;
    padding: 13px 15px;

    border-radius: 13px;

    background: #edf7ff;

    color: #29415e;

    font-size: 11px;
    line-height: 1.55;
}


/* =========================================================
   SHARED HOMEPAGE SECTION
   ========================================================= */

.yt-home-section {
    margin-top: 42px;
}

.yt-home-section__head {
    margin-bottom: 17px;

    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
}

.yt-home-section__eyebrow {
    display: block;

    margin-bottom: 5px;

    color: #159086;

    font-size: 9px;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.yt-home-section__head h2 {
    margin: 0;

    color: #10213e;

    font-size: 25px;
    font-weight: 950;
    letter-spacing: -.04em;
}

.yt-home-section__head p {
    margin: 5px 0 0;

    color: #6c7b90;

    font-size: 11px;
}

.yt-home-section__head > a {
    flex: 0 0 auto;

    color: #285adf !important;
    text-decoration: none !important;

    font-size: 10px;
    font-weight: 900;
}

.yt-home-section__head > a i {
    margin-left: 5px;
}


/* =========================================================
   DEAL RADAR
   ========================================================= */

.yt-home-deal-track {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 14px;
}

.yt-home-deal-card {
    overflow: hidden;

    display: block;

    border: 1px solid #e0e9ec;
    border-radius: 19px;

    background: #fff;

    color: inherit !important;
    text-decoration: none !important;

    box-shadow:
        0 12px 32px rgba(23,56,72,.07);

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.yt-home-deal-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 18px 38px rgba(23,56,72,.12);
}

.yt-home-deal-card__image {
    min-height: 145px;

    position: relative;

    background:
        linear-gradient(
            135deg,
            #cfe9e4,
            #d6e8f8
        );

    background-size: cover;
    background-position: center;
}

.yt-home-deal-card__badge {
    position: absolute;
    left: 12px;
    top: 12px;

    padding: 5px 8px;

    border-radius: 999px;

    background: rgba(255,255,255,.94);
    color: #157d72;

    font-size: 8px;
    font-weight: 950;
}

.yt-home-deal-card__body {
    padding: 15px;
}

.yt-home-deal-card__body small {
    color: #7a899d;
    font-size: 9px;
}

.yt-home-deal-card__body h3 {
    margin: 3px 0 11px;

    color: #10213e;

    font-size: 18px;
    font-weight: 950;
}

.yt-home-deal-card__price {
    display: flex;
    align-items: baseline;
    gap: 5px;
}

.yt-home-deal-card__price strong {
    color: #10213e;
    font-size: 20px;
    font-weight: 950;
}

.yt-home-deal-card__body > p {
    margin: 9px 0 0;

    color: #66788d;

    font-size: 10px;
    line-height: 1.5;
}

.yt-home-deal-card__meta {
    margin-top: 13px;
    padding-top: 11px;

    display: flex;
    justify-content: space-between;
    gap: 12px;

    border-top: 1px solid #edf1f4;

    color: #7d8a9b;

    font-size: 8px;
    font-weight: 700;
}


/* honest empty state */

.yt-home-radar-empty {
    min-height: 155px;

    padding: 26px;

    display: grid;
    grid-template-columns: 60px minmax(0,1fr) auto;
    align-items: center;
    gap: 20px;

    border: 1px dashed #b9d8d3;
    border-radius: 20px;

    background:
        linear-gradient(
            120deg,
            #f8fcfb,
            #eef8f5
        );
}

.yt-home-radar-empty__icon {
    width: 54px;
    height: 54px;

    display: grid;
    place-items: center;

    border-radius: 16px;

    background: #dff4ef;
    color: #168b80;

    font-size: 20px;
}

.yt-home-radar-empty span {
    color: #168b80;

    font-size: 8px;
    font-weight: 950;
    letter-spacing: .08em;
}

.yt-home-radar-empty h3 {
    margin: 4px 0;

    color: #10213e;

    font-size: 17px;
    font-weight: 950;
}

.yt-home-radar-empty p {
    max-width: 650px;

    margin: 0;

    color: #687a8d;

    font-size: 10px;
    line-height: 1.6;
}

.yt-home-radar-empty > a {
    padding: 11px 15px;

    border-radius: 11px;

    background: #fff;

    color: #2254d7 !important;
    text-decoration: none !important;

    font-size: 10px;
    font-weight: 900;

    box-shadow:
        0 7px 20px rgba(30,67,99,.08);
}


/* =========================================================
   DREAM DESTINATIONS
   ========================================================= */

.yt-home-dream-track {
    display: grid;
    grid-template-columns:
        repeat(6, minmax(0, 1fr));

    gap: 12px;
}

.yt-home-dream-card {
    min-height: 240px;

    position: relative;
    overflow: hidden;

    padding: 15px;

    display: flex;
    align-items: flex-end;

    border-radius: 19px;

    background-size: cover;
    background-position: center;

    color: #fff !important;
    text-decoration: none !important;

    box-shadow:
        0 12px 30px rgba(25,54,70,.10);

    transition:
        transform .2s ease;
}

.yt-home-dream-card:hover {
    transform: translateY(-3px);
}

.yt-home-dream-card__code {
    position: absolute;
    top: 12px;
    right: 12px;

    padding: 5px 7px;

    border: 1px solid rgba(255,255,255,.35);
    border-radius: 999px;

    background: rgba(8,26,48,.32);
    backdrop-filter: blur(7px);

    font-size: 8px;
    font-weight: 950;
}

.yt-home-dream-card h3 {
    margin: 0;

    color: #fff;

    font-size: 20px;
    font-weight: 950;
}

.yt-home-dream-card p {
    margin: 5px 0 11px;

    color: rgba(255,255,255,.84);

    font-size: 9px;
    line-height: 1.45;
}

.yt-home-dream-card div > span {
    color: #fff;

    font-size: 9px;
    font-weight: 900;
}


/* =========================================================
   TRUST STRIP
   ========================================================= */

.yt-home-trust {
    margin-top: 38px;

    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    border: 1px solid #dfeae9;
    border-radius: 20px;

    background: rgba(255,255,255,.88);

    box-shadow:
        0 10px 30px rgba(28,69,73,.05);
}

.yt-home-trust article {
    padding: 19px;

    display: flex;
    align-items: center;
    gap: 12px;

    border-right: 1px solid #e6eeee;
}

.yt-home-trust article:last-child {
    border-right: 0;
}

.yt-home-trust article > div {
    flex: 0 0 38px;

    width: 38px;
    height: 38px;

    display: grid;
    place-items: center;

    border-radius: 12px;

    background: #e7f5f2;
    color: #168b80;

    font-size: 15px;
}

.yt-home-trust article > span {
    display: flex;
    flex-direction: column;
}

.yt-home-trust strong {
    color: #172a44;

    font-size: 11px;
    font-weight: 950;
}

.yt-home-trust small {
    margin-top: 3px;

    color: #7a8899;

    font-size: 8px;
    line-height: 1.4;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .yt-home-deal-track {
        grid-template-columns:
            repeat(3, minmax(0,1fr));
    }

    .yt-home-dream-track {
        grid-template-columns:
            repeat(3, minmax(0,1fr));
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .yt-home-intelligence {
        padding: 18px 0 28px;
    }

    .yt-home-ai {
        grid-template-columns: 1fr;
        gap: 17px;

        padding: 17px;

        border-radius: 20px;
    }

    .yt-home-ai__orb {
        flex-basis: 52px;

        width: 52px;
        height: 52px;

        border-radius: 17px;

        font-size: 16px;
    }

    .yt-home-ai__title-row h2 {
        font-size: 19px;
    }

    .yt-home-ai__form {
        grid-template-columns:
            minmax(0,1fr) 48px;
    }

    .yt-home-ai__form button {
        min-width: 48px;
    }

    .yt-home-ai__form button span {
        display: none;
    }

    .yt-home-ai__prompts {
        overflow-x: auto;
        flex-wrap: nowrap;

        padding-bottom: 4px;

        scrollbar-width: none;
    }

    .yt-home-ai__prompts::-webkit-scrollbar {
        display: none;
    }

    .yt-home-ai__prompts button {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .yt-home-section {
        margin-top: 30px;
    }

    .yt-home-section__head {
        align-items: center;
    }

    .yt-home-section__head h2 {
        font-size: 21px;
    }

    .yt-home-section__head p {
        display: none;
    }

    .yt-home-section__head > a {
        font-size: 8px;
    }

    .yt-home-deal-track,
    .yt-home-dream-track {
        width: calc(100vw - 14px);

        display: flex;
        gap: 11px;

        overflow-x: auto;

        margin-right: calc(50% - 50vw);
        padding-right: 14px;
        padding-bottom: 9px;

        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .yt-home-deal-track::-webkit-scrollbar,
    .yt-home-dream-track::-webkit-scrollbar {
        display: none;
    }

    .yt-home-deal-card {
        flex: 0 0 265px;
        scroll-snap-align: start;
    }

    .yt-home-dream-card {
        flex: 0 0 205px;
        min-height: 260px;

        scroll-snap-align: start;
    }

    .yt-home-radar-empty {
        padding: 18px;

        grid-template-columns: 46px 1fr;
        gap: 13px;
    }

    .yt-home-radar-empty__icon {
        width: 44px;
        height: 44px;
    }

    .yt-home-radar-empty > a {
        grid-column: 1 / -1;

        text-align: center;
    }

    .yt-home-trust {
        grid-template-columns: 1fr 1fr;
    }

    .yt-home-trust article {
        border-right: 0;
        border-bottom: 1px solid #e6eeee;
    }

    .yt-home-trust article:nth-child(odd) {
        border-right: 1px solid #e6eeee;
    }

    .yt-home-trust article:nth-last-child(-n+2) {
        border-bottom: 0;
    }
}


@media (max-width: 430px) {

    .yt-home-trust {
        grid-template-columns: 1fr;
    }

    .yt-home-trust article,
    .yt-home-trust article:nth-child(odd) {
        border-right: 0;
        border-bottom: 1px solid #e6eeee;
    }

    .yt-home-trust article:last-child {
        border-bottom: 0;
    }
}


/* End Yes Travels Homepage Intelligence V2 */


/* Destination card → next step hint */

.yt-destination-next-step {
    outline: 3px solid rgba(27, 166, 151, .18) !important;
    box-shadow:
        0 0 0 6px rgba(27, 166, 151, .08) !important;

    transition:
        outline .25s ease,
        box-shadow .25s ease;
}

.yt-home-dream-card {
    cursor: pointer;
}



/* =========================================================
   YES TRAVELS — HOMEPAGE SEARCH PREMIUM V3
   Homepage only
   ========================================================= */

.bc-form-search-all .hero-tab-pane {
    overflow: visible !important;
}

.bc-form-search-all .hero-tab-pane .card {
    overflow: visible !important;
}


/* MAIN SEARCH CARD */

.bc-form-search-all .hero-tab-pane .card-body {
    position: relative;

    padding: 34px 22px 24px !important;

    border: 1px solid rgba(218, 230, 235, .95);
    border-radius: 26px !important;

    background:
        radial-gradient(
            circle at 5% 5%,
            rgba(255, 202, 67, .11),
            transparent 25%
        ),
        radial-gradient(
            circle at 96% 100%,
            rgba(26, 170, 153, .08),
            transparent 32%
        ),
        rgba(255,255,255,.98) !important;

    box-shadow:
        0 18px 48px rgba(22, 62, 80, .12),
        0 1px 0 rgba(255,255,255,.9) inset;

    overflow: visible !important;
}


/* =========================================================
   ONE WAY / RETURN
   ========================================================= */

.bc-form-search-all .nav-select,
.bc-form-search-all .flight-type-tabs,
.bc-form-search-all .trip-type-tabs {
    position: absolute !important;

    top: 18px !important;
    left: 20px !important;

    z-index: 20;

    display: flex !important;
    align-items: center;

    width: auto !important;

    padding: 4px !important;

    border: 1px solid #dce6eb !important;
    border-radius: 16px !important;

    background: rgba(255,255,255,.96) !important;

    box-shadow:
        0 8px 24px rgba(30,61,79,.09) !important;
}


/* generic tab items */

.bc-form-search-all .nav-select a,
.bc-form-search-all .nav-select button,
.bc-form-search-all .flight-type-tabs a,
.bc-form-search-all .flight-type-tabs button,
.bc-form-search-all .trip-type-tabs a,
.bc-form-search-all .trip-type-tabs button {
    position: relative;

    min-width: 112px !important;
    height: 44px !important;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;

    margin: 0 !important;
    padding: 0 18px !important;

    border: 0 !important;
    border-radius: 12px !important;

    background: transparent !important;

    color: #30445f !important;

    font-size: 13px !important;
    font-weight: 900 !important;

    text-decoration: none !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease,
        color .18s ease;
}


/* ACTIVE ONE WAY / RETURN */

.bc-form-search-all .nav-select .active,
.bc-form-search-all .flight-type-tabs .active,
.bc-form-search-all .trip-type-tabs .active {
    background:
        linear-gradient(
            135deg,
            #078f89 0%,
            #10b4a5 100%
        ) !important;

    color: #fff !important;

    box-shadow:
        0 0 0 3px rgba(19,181,166,.12),
        0 0 22px rgba(19,181,166,.38),
        0 8px 18px rgba(9,128,123,.22) !important;

    transform: translateY(-1px);
}


/* subtle glow */

.bc-form-search-all .nav-select .active::after,
.bc-form-search-all .flight-type-tabs .active::after,
.bc-form-search-all .trip-type-tabs .active::after {
    content: "";

    position: absolute;
    inset: -5px;

    z-index: -1;

    border-radius: 16px;

    background:
        radial-gradient(
            circle,
            rgba(255,211,78,.28),
            transparent 70%
        );

    pointer-events: none;
}


/* =========================================================
   PASSENGER / CABIN CONTROL
   ========================================================= */

.bc-form-search-all .passenger-dropdown,
.bc-form-search-all .passenger-box,
.bc-form-search-all .form-passengers,
.bc-form-search-all [data-passenger-summary] {
    position: relative;
    z-index: 12;
}


/*
Give the main flight form some breathing room at the top,
because the One Way / Return selector now occupies the top-left.
*/

.bc-form-search-all form {
    padding-top: 52px;
}


/* =========================================================
   REAL SEARCH ROW
   ========================================================= */

.bc-form-search-all .g-field-search > .row {
    display: grid !important;

    grid-template-columns:
        minmax(0,1.15fr)
        minmax(0,1.15fr)
        minmax(0,.90fr)
        minmax(0,.90fr)
        minmax(190px,.75fr);

    align-items: end !important;

    gap: 14px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/*
Bootstrap columns stop controlling widths.
*/

.bc-form-search-all .g-field-search > .row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;

    flex: none !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    margin-bottom: 0 !important;
}


/* =========================================================
   FIELD LABELS
   ========================================================= */

.bc-form-search-all .g-field-search label,
.bc-form-search-all .g-field-search .field-label,
.bc-form-search-all .g-field-search .title {
    color: #5b6f89 !important;

    font-size: 11px !important;
    font-weight: 850 !important;

    letter-spacing: .01em;
}


/* =========================================================
   FIELD BOXES
   ========================================================= */

.bc-form-search-all .g-field-search .form-group,
.bc-form-search-all .g-field-search .form-control,
.bc-form-search-all .g-field-search .airport-box,
.bc-form-search-all .g-field-search .date-wrapper,
.bc-form-search-all .g-field-search [data-date-open] {
    min-height: 60px;
}


/* airport / date shells */

.bc-form-search-all .g-field-search .airport-box,
.bc-form-search-all .g-field-search .date-wrapper,
.bc-form-search-all .g-field-search [data-date-open] {
    border-radius: 14px !important;

    background: #fff !important;

    border: 1px solid #dce6eb !important;

    box-shadow:
        0 5px 16px rgba(25,61,79,.045) !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}


.bc-form-search-all .g-field-search .airport-box:hover,
.bc-form-search-all .g-field-search .date-wrapper:hover,
.bc-form-search-all .g-field-search [data-date-open]:hover {
    border-color: #b8d8d5 !important;

    box-shadow:
        0 8px 20px rgba(24,105,103,.08) !important;
}


/* =========================================================
   DATE PLACEHOLDER FEEL
   ========================================================= */

.bc-form-search-all [data-depart-display]:empty::before {
    content: "Select departure date";

    color: #8a98aa;
    font-size: 11px;
}

.bc-form-search-all [data-return-display]:empty::before {
    content: "Add return date";

    color: #a4afbd;
    font-size: 11px;
}


/* =========================================================
   SEARCH BUTTON
   ========================================================= */

.bc-form-search-all button[type="submit"],
.bc-form-search-all .btn-search,
.bc-form-search-all .search-btn,
.bc-form-search-all .btn.btn-primary {
    position: relative;

    width: 100% !important;
    min-width: 0 !important;
    height: 60px !important;

    margin: 0 !important;
    padding: 0 24px !important;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;

    border: 0 !important;
    border-radius: 15px !important;

    background:
        linear-gradient(
            135deg,
            #078f89 0%,
            #09a9a2 50%,
            #087e8a 100%
        ) !important;

    color: #fff !important;

    font-size: 16px !important;
    font-weight: 950 !important;

    box-shadow:
        0 0 0 4px rgba(255,207,62,.10),
        0 0 26px rgba(255,201,48,.26),
        0 12px 28px rgba(0,119,123,.24) !important;

    overflow: hidden;

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}


/* gloss */

.bc-form-search-all button[type="submit"]::before,
.bc-form-search-all .btn-search::before,
.bc-form-search-all .search-btn::before {
    content: "";

    position: absolute;
    inset: 1px;

    border-radius: 14px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.18),
            transparent 45%
        );

    pointer-events: none;
}


.bc-form-search-all button[type="submit"]:hover,
.bc-form-search-all .btn-search:hover,
.bc-form-search-all .search-btn:hover {
    transform: translateY(-2px);

    box-shadow:
        0 0 0 4px rgba(255,207,62,.15),
        0 0 34px rgba(255,201,48,.35),
        0 16px 32px rgba(0,119,123,.28) !important;
}


/* =========================================================
   HERO HEIGHT / POSITION
   ========================================================= */

.bc-form-search-all.hero-block {
    min-height: 300px !important;

    padding-top: 24px !important;
    padding-bottom: 30px !important;

    background-position: center !important;
    background-size: cover !important;
}


/*
The template's utility spacing classes were originally designed
for a giant hero headline. Override them only in this homepage block.
*/

.bc-form-search-all .space-2,
.bc-form-search-all .space-top-xl-4 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* =========================================================
   LITTLE HERO SPARKLES
   ========================================================= */

.bc-form-search-all::before,
.bc-form-search-all::after {
    content: "✦";

    position: absolute;

    z-index: 3;

    color: rgba(255,255,255,.88);

    text-shadow:
        0 0 12px rgba(255,224,107,.85);

    pointer-events: none;

    animation: ytHeroSpark 2.8s ease-in-out infinite;
}

.bc-form-search-all::before {
    left: 5%;
    top: 42%;

    font-size: 16px;
}

.bc-form-search-all::after {
    right: 5%;
    bottom: 14%;

    font-size: 19px;

    animation-delay: 1.2s;
}

@keyframes ytHeroSpark {
    0%, 100% {
        opacity: .35;
        transform: scale(.8) rotate(0deg);
    }

    50% {
        opacity: 1;
        transform: scale(1.15) rotate(18deg);
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .bc-form-search-all .g-field-search > .row {
        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;
    }

    .bc-form-search-all .g-field-search > .row > :last-child {
        grid-column: 1 / -1;
    }

    .bc-form-search-all button[type="submit"],
    .bc-form-search-all .btn-search,
    .bc-form-search-all .search-btn {
        width: 100% !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .bc-form-search-all.hero-block {
        padding: 12px 0 18px !important;
        min-height: auto !important;
    }

    .bc-form-search-all .hero-tab-pane .card-body {
        padding: 16px !important;

        border-radius: 20px !important;
    }

    .bc-form-search-all form {
        padding-top: 0;
    }

    /*
    Don't force desktop absolute positioning on mobile.
    Your mobile search has its own layout.
    */

    .bc-form-search-all .nav-select,
    .bc-form-search-all .flight-type-tabs,
    .bc-form-search-all .trip-type-tabs {
        position: relative !important;

        top: auto !important;
        left: auto !important;

        margin-bottom: 14px !important;

        width: 100% !important;
    }

    .bc-form-search-all .nav-select a,
    .bc-form-search-all .nav-select button,
    .bc-form-search-all .flight-type-tabs a,
    .bc-form-search-all .flight-type-tabs button,
    .bc-form-search-all .trip-type-tabs a,
    .bc-form-search-all .trip-type-tabs button {
        flex: 1 1 50%;

        min-width: 0 !important;
    }

    .bc-form-search-all .g-field-search > .row {
        display: block !important;
    }

    .bc-form-search-all .g-field-search > .row > [class*="col-"] {
        width: 100% !important;

        margin-bottom: 11px !important;
    }

    .bc-form-search-all button[type="submit"],
    .bc-form-search-all .btn-search,
    .bc-form-search-all .search-btn {
        height: 56px !important;
    }
}


/* END HOMEPAGE SEARCH PREMIUM V3 */

/* =========================================================
   YES TRAVELS — HOMEPAGE SEARCH FINAL OVERRIDES
   Scoped ONLY to Template Builder homepage
   ========================================================= */

/* Keep /flight untouched */
.yt-home-search-hero {
    min-height: 320px !important;
    padding: 22px 0 28px !important;
}

/* Search card */
.yt-home-search-hero .hero-tab-pane .card {
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
}

.yt-home-search-hero .hero-tab-pane .card-body {
    position: relative;
    overflow: visible !important;

    padding: 28px 24px 24px !important;

    border: 1px solid rgba(219,230,235,.95) !important;
    border-radius: 26px !important;

    background:
        radial-gradient(circle at 4% 5%,rgba(255,205,68,.11),transparent 25%),
        radial-gradient(circle at 96% 95%,rgba(27,170,154,.08),transparent 30%),
        rgba(255,255,255,.98) !important;

    box-shadow:
        0 18px 46px rgba(20,57,75,.12) !important;
}

/* =========================================================
   BACKEND/THEME ONE WAY + RETURN
   Do NOT recreate them — just present them properly
   ========================================================= */

.yt-home-search-hero .nav-select {
    position: absolute !important;
    top: 18px !important;
    left: 20px !important;

    z-index: 30;

    width: auto !important;

    display: inline-flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 4px !important;

    border: 1px solid #dbe6eb !important;
    border-radius: 16px !important;

    background: rgba(255,255,255,.97) !important;

    box-shadow:
        0 8px 24px rgba(21,55,72,.10) !important;
}

.yt-home-search-hero .nav-select > * {
    margin: 0 !important;
}

/* clickable One Way / Return items */
.yt-home-search-hero .nav-select a,
.yt-home-search-hero .nav-select button {
    position: relative;

    min-width: 112px !important;
    height: 44px !important;

    padding: 0 18px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    border: 0 !important;
    border-radius: 12px !important;

    background: transparent !important;

    color: #31445f !important;

    font-size: 13px !important;
    font-weight: 900 !important;

    text-decoration: none !important;
}

/* backend-selected trip type */
.yt-home-search-hero .nav-select .active {
    color: #fff !important;

    background:
        linear-gradient(135deg,#078f89,#11b3a4) !important;

    box-shadow:
        0 0 0 3px rgba(15,181,166,.12),
        0 0 22px rgba(14,181,165,.36),
        0 9px 19px rgba(2,124,122,.24) !important;
}

/* glowing halo */
.yt-home-search-hero .nav-select .active::after {
    content: "";
    position: absolute;
    inset: -5px;
    z-index: -1;

    border-radius: 16px;

    background:
        radial-gradient(circle,rgba(255,207,61,.30),transparent 70%);

    pointer-events: none;
}

/* =========================================================
   FORM BODY
   ========================================================= */

/* leave room for backend trip selector */
.yt-home-search-hero form {
    padding-top: 62px !important;
}

/* traveller selector centered */
.yt-home-search-hero .passenger-dropdown,
.yt-home-search-hero .form-passengers,
.yt-home-search-hero [data-passenger-summary] {
    position: relative;
    z-index: 15;
}

/* actual From / To / Dates / Search row */
.yt-home-search-hero .g-field-search > .row {
    display: grid !important;

    grid-template-columns:
        minmax(0,1.18fr)
        minmax(0,1.18fr)
        minmax(0,.90fr)
        minmax(0,.90fr)
        210px !important;

    gap: 14px !important;
    align-items: end !important;

    margin: 0 !important;
}

/* neutralise Bootstrap widths on homepage only */
.yt-home-search-hero .g-field-search > .row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: none !important;

    padding: 0 !important;
    margin: 0 !important;
}

/* field shells */
.yt-home-search-hero .airport-box,
.yt-home-search-hero .date-wrapper,
.yt-home-search-hero [data-date-open] {
    min-height: 60px !important;

    border: 1px solid #dae6eb !important;
    border-radius: 14px !important;

    background: #fff !important;

    box-shadow:
        0 5px 15px rgba(25,58,75,.045) !important;
}

/* =========================================================
   SEARCH BUTTON — stay INSIDE the card
   ========================================================= */

.yt-home-search-hero button[type="submit"],
.yt-home-search-hero .btn-search {
    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 60px !important;

    margin: 0 !important;
    padding: 0 22px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;

    border: 0 !important;
    border-radius: 15px !important;

    color: #fff !important;

    background:
        linear-gradient(
            135deg,
            #078e89 0%,
            #0baaa2 55%,
            #087b88 100%
        ) !important;

    font-size: 16px !important;
    font-weight: 950 !important;

    box-shadow:
        0 0 0 4px rgba(255,208,62,.10),
        0 0 26px rgba(255,202,52,.28),
        0 13px 28px rgba(0,119,122,.24) !important;
}

.yt-home-search-hero button[type="submit"]:hover,
.yt-home-search-hero .btn-search:hover {
    transform: translateY(-2px);

    box-shadow:
        0 0 0 4px rgba(255,208,62,.16),
        0 0 34px rgba(255,202,52,.36),
        0 16px 32px rgba(0,119,122,.28) !important;
}

/* =========================================================
   DATE PLACEHOLDERS
   ========================================================= */

.yt-home-search-hero [data-depart-display]:empty::before {
    content: "Select departure date";
    color: #8b99aa;
}

.yt-home-search-hero [data-return-display]:empty::before {
    content: "Add return date";
    color: #aab4c1;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .yt-home-search-hero .g-field-search > .row {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

    .yt-home-search-hero .g-field-search > .row > :last-child {
        grid-column: 1 / -1;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .yt-home-search-hero {
        min-height: auto !important;
        padding: 12px 0 18px !important;
    }

    .yt-home-search-hero .hero-tab-pane .card-body {
        padding: 15px !important;
        border-radius: 20px !important;
    }

    .yt-home-search-hero form {
        padding-top: 0 !important;
    }

    .yt-home-search-hero .nav-select {
        position: relative !important;

        top: auto !important;
        left: auto !important;

        width: 100% !important;

        margin-bottom: 14px !important;
    }

    .yt-home-search-hero .nav-select a,
    .yt-home-search-hero .nav-select button {
        flex: 1 1 50%;
        min-width: 0 !important;
    }

    .yt-home-search-hero .g-field-search > .row {
        display: block !important;
    }

    .yt-home-search-hero .g-field-search > .row > [class*="col-"] {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
}

/* END HOMEPAGE SEARCH FINAL OVERRIDES */

/* =========================================================
   YES TRAVELS — HOMEPAGE CTA POLISH
   Search + Trip Type
   ========================================================= */


/* -----------------------------------------
   TRIP TYPE SHELL
   ----------------------------------------- */

.yt-home-search-hero .nav-select {
    position: absolute !important;
    top: 16px !important;
    left: 20px !important;

    display: inline-flex !important;
    align-items: center !important;

    width: auto !important;

    padding: 5px !important;

    border: 1px solid rgba(212,225,231,.95) !important;
    border-radius: 17px !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.98),
            rgba(248,251,252,.96)
        ) !important;

    box-shadow:
        0 8px 24px rgba(18,57,75,.10),
        inset 0 1px 0 rgba(255,255,255,.95) !important;

    backdrop-filter: blur(8px);
}


/* Base tab */

.yt-home-search-hero .nav-select a,
.yt-home-search-hero .nav-select button {
    position: relative;

    min-width: 116px !important;
    height: 44px !important;

    padding: 0 18px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    border: 0 !important;
    border-radius: 12px !important;

    background: transparent !important;

    color: #41516a !important;

    font-size: 13px !important;
    font-weight: 900 !important;

    transition:
        transform .18s ease,
        background .18s ease,
        color .18s ease,
        box-shadow .18s ease;
}


/* inactive hover */

.yt-home-search-hero .nav-select a:hover,
.yt-home-search-hero .nav-select button:hover {
    color: #0a8d86 !important;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #f1faf8
        ) !important;
}


/* Active tab */

.yt-home-search-hero .nav-select .active {
    color: #fff !important;

    background:
        linear-gradient(
            135deg,
            #078d87 0%,
            #0fb5a7 55%,
            #087e88 100%
        ) !important;

    box-shadow:
        0 0 0 3px rgba(14,179,164,.13),
        0 0 22px rgba(15,181,165,.36),
        0 8px 18px rgba(1,120,119,.24) !important;

    transform: translateY(-1px);
}


/* Gold halo around active type */

.yt-home-search-hero .nav-select .active::before {
    content: "";

    position: absolute;
    inset: -5px;

    z-index: -1;

    border-radius: 16px;

    background:
        radial-gradient(
            circle,
            rgba(255,207,58,.35),
            rgba(255,207,58,.10) 45%,
            transparent 72%
        );

    filter: blur(2px);

    pointer-events: none;
}


/* tiny sparkle */

.yt-home-search-hero .nav-select .active::after {
    content: "✦";

    position: absolute;
    right: 6px;
    top: 2px;

    color: #ffe88a;

    font-size: 8px;

    text-shadow:
        0 0 8px rgba(255,220,89,.9);

    animation: ytTripSpark 2.2s ease-in-out infinite;
}

@keyframes ytTripSpark {
    0%,100% {
        opacity: .35;
        transform: scale(.75) rotate(0deg);
    }

    50% {
        opacity: 1;
        transform: scale(1.2) rotate(20deg);
    }
}


/* -----------------------------------------
   SEARCH BUTTON
   ----------------------------------------- */

.yt-home-search-hero button[type="submit"],
.yt-home-search-hero .btn-search,
.yt-home-search-hero .search-btn {
    position: relative !important;

    overflow: hidden !important;

    width: 100% !important;
    height: 60px !important;

    border: 1px solid rgba(255,255,255,.35) !important;
    border-radius: 16px !important;

    color: #fff !important;

    background:
        linear-gradient(
            135deg,
            #087e87 0%,
            #0aa69e 45%,
            #12b8a6 70%,
            #087883 100%
        ) !important;

    font-size: 17px !important;
    font-weight: 950 !important;
    letter-spacing: .01em;

    box-shadow:
        0 0 0 4px rgba(255,208,57,.12),
        0 0 25px rgba(255,201,43,.28),
        0 13px 26px rgba(0,116,119,.28),
        inset 0 1px 0 rgba(255,255,255,.28) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}


/* soft glass shine */

.yt-home-search-hero button[type="submit"]::before,
.yt-home-search-hero .btn-search::before,
.yt-home-search-hero .search-btn::before {
    content: "";

    position: absolute;

    top: -30%;
    left: -45%;

    width: 35%;
    height: 160%;

    transform: rotate(18deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.32),
            transparent
        );

    animation: ytSearchSheen 4s ease-in-out infinite;

    pointer-events: none;
}

@keyframes ytSearchSheen {
    0%, 55% {
        left: -45%;
    }

    80%, 100% {
        left: 120%;
    }
}


/* gold ambient glow */

.yt-home-search-hero button[type="submit"]::after,
.yt-home-search-hero .btn-search::after,
.yt-home-search-hero .search-btn::after {
    content: "";

    position: absolute;

    inset: -8px;

    z-index: -1;

    border-radius: 22px;

    background:
        radial-gradient(
            circle,
            rgba(255,205,51,.30),
            transparent 68%
        );

    filter: blur(7px);

    pointer-events: none;
}


/* Hover */

.yt-home-search-hero button[type="submit"]:hover,
.yt-home-search-hero .btn-search:hover,
.yt-home-search-hero .search-btn:hover {
    transform: translateY(-2px) scale(1.01);

    box-shadow:
        0 0 0 4px rgba(255,208,57,.18),
        0 0 34px rgba(255,201,43,.38),
        0 17px 32px rgba(0,116,119,.32),
        inset 0 1px 0 rgba(255,255,255,.32) !important;
}


/* Click */

.yt-home-search-hero button[type="submit"]:active,
.yt-home-search-hero .btn-search:active,
.yt-home-search-hero .search-btn:active {
    transform: translateY(0) scale(.985);
}


/* -----------------------------------------
   MOBILE — keep it polished, not oversized
   ----------------------------------------- */

@media (max-width: 767px) {

    .yt-home-search-hero .nav-select {
        position: relative !important;

        top: auto !important;
        left: auto !important;

        width: 100% !important;
    }

    .yt-home-search-hero .nav-select a,
    .yt-home-search-hero .nav-select button {
        flex: 1 1 50%;

        min-width: 0 !important;
        height: 42px !important;
    }

    .yt-home-search-hero button[type="submit"],
    .yt-home-search-hero .btn-search,
    .yt-home-search-hero .search-btn {
        height: 56px !important;

        font-size: 15px !important;
    }
}


/* =========================================================
   YES TRAVELS — HOMEPAGE TRIP TYPE CARDS
   One Way / Return
   ========================================================= */

body.home .yt-home-search-hero .nav-select {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;

    width: min(720px, calc(100% - 40px)) !important;
    margin: 0 auto 16px !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    z-index: 20 !important;
}


/* EACH TRIP TYPE */

body.home .yt-home-search-hero .nav-select a,
body.home .yt-home-search-hero .nav-select button {
    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;
    height: 64px !important;

    margin: 0 !important;
    padding: 0 24px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;

    border: 1px solid rgba(196, 213, 221, .9) !important;
    border-radius: 17px !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.98),
            rgba(248,251,252,.96)
        ) !important;

    color: #475970 !important;

    font-size: 16px !important;
    font-weight: 800 !important;

    text-decoration: none !important;

    box-shadow:
        0 8px 22px rgba(16, 55, 72, .07),
        inset 0 1px 0 rgba(255,255,255,.95) !important;

    transition:
        transform .18s ease,
        border-color .18s ease,
        color .18s ease,
        background .18s ease,
        box-shadow .18s ease !important;
}


/* ICON */

body.home .yt-home-search-hero .nav-select i {
    font-size: 20px !important;
    color: #64758a !important;
    transition: color .18s ease !important;
}


/* HOVER */

body.home .yt-home-search-hero .nav-select a:hover,
body.home .yt-home-search-hero .nav-select button:hover {
    transform: translateY(-1px) !important;

    border-color: rgba(20, 155, 145, .35) !important;

    color: #087f78 !important;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #f1faf8
        ) !important;

    box-shadow:
        0 12px 28px rgba(16, 80, 86, .10),
        inset 0 1px 0 #ffffff !important;
}

/* =========================================================
   YES TRAVELS — HOMEPAGE ONLY
   ONE WAY / RETURN BOX
   Do NOT affect /flight results page
   ========================================================= */

body.home .yt-home-search-hero .nav-select {
    position: absolute !important;
    top: 18px !important;
    left: 22px !important;

    width: auto !important;
    margin: 0 !important;
    padding: 5px !important;

    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;

    border: 1px solid rgba(210,224,231,.95) !important;
    border-radius: 17px !important;

    background: rgba(255,255,255,.96) !important;

    box-shadow:
        0 10px 28px rgba(19,62,79,.10),
        inset 0 1px 0 rgba(255,255,255,.95) !important;

    z-index: 30 !important;
}


/* ONE WAY / RETURN BUTTONS */

body.home .yt-home-search-hero .nav-select a,
body.home .yt-home-search-hero .nav-select button {
    position: relative !important;

    min-width: 116px !important;
    height: 44px !important;

    padding: 0 17px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    border: 0 !important;
    border-radius: 12px !important;

    background: transparent !important;
    color: #44556c !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    box-shadow: none !important;

    transition:
        background .18s ease,
        color .18s ease,
        box-shadow .18s ease,
        transform .18s ease !important;
}


body.home .yt-home-search-hero .nav-select i {
    color: #607187 !important;
    font-size: 14px !important;
}


/* ACTIVE */

body.home .yt-home-search-hero .nav-select .active {
    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #078d87 0%,
            #10aa9f 100%
        ) !important;

    box-shadow:
        0 7px 16px rgba(7,141,135,.24) !important;
}

body.home .yt-home-search-hero .nav-select .active i {
    color: #ffffff !important;
}


/* HOVER */

body.home .yt-home-search-hero .nav-select a:not(.active):hover,
body.home .yt-home-search-hero .nav-select button:not(.active):hover {
    color: #078d87 !important;
    background: #f0faf8 !important;
}


/* Give passenger selector enough room beneath trip type */

body.home .yt-home-search-hero .hero-tab-pane .card-body {
    position: relative !important;
    padding-top: 78px !important;
}


/* MOBILE */

@media (max-width: 767px) {

    body.home .yt-home-search-hero .nav-select {
        position: relative !important;

        top: auto !important;
        left: auto !important;

        width: calc(100% - 20px) !important;

        margin: 0 auto 12px !important;

        display: flex !important;
    }

    body.home .yt-home-search-hero .nav-select a,
    body.home .yt-home-search-hero .nav-select button {
        flex: 1 1 50% !important;

        min-width: 0 !important;
        height: 42px !important;

        padding: 0 10px !important;
    }

    body.home .yt-home-search-hero .hero-tab-pane .card-body {
        padding-top: 18px !important;
    }
}
/* =========================================================
   YES TRAVELS HOMEPAGE — BOXED SEARCH SHELL
   Existing Flight / Boat tabs = One Way / Return
   ========================================================= */

.yt-home-search-hero .yt-home-search-card {
    position: relative !important;

    max-width: 100% !important;
    margin: 0 auto !important;

    padding: 22px 24px 24px !important;

    background: rgba(255,255,255,.98) !important;

    border: 1px solid rgba(210,224,230,.9) !important;
    border-radius: 22px !important;

    box-shadow:
        0 18px 46px rgba(17,55,73,.16),
        0 2px 8px rgba(17,55,73,.06) !important;
}


/* ==========================================
   ONE WAY / RETURN — TOP LEFT
   ========================================== */

.yt-home-search-hero
.yt-home-search-card
> .tab-nav-boxed {

    position: relative !important;

    width: fit-content !important;
    max-width: 100% !important;

    margin: 0 0 18px 0 !important;
    padding: 4px !important;

    display: inline-flex !important;
    justify-content: flex-start !important;
    align-items: center !important;

    background: #f3f8f8 !important;

    border: 1px solid #d9e6e8 !important;
    border-radius: 15px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        0 7px 18px rgba(18,62,78,.07) !important;
}


/* remove BookingCore spacing */

.yt-home-search-hero
.yt-home-search-card
> .tab-nav-boxed.nav {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}


/* individual tabs */

.yt-home-search-hero
.yt-home-search-card
> .tab-nav-boxed
.nav-item {

    margin: 0 !important;
}


.yt-home-search-hero
.yt-home-search-card
> .tab-nav-boxed
.nav-link {

    min-width: 118px !important;
    height: 44px !important;

    padding: 0 18px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 0 !important;
    border-radius: 11px !important;

    background: transparent !important;

    color: #526378 !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    box-shadow: none !important;
}


/* active One Way / Return */

.yt-home-search-hero
.yt-home-search-card
> .tab-nav-boxed
.nav-link.active {

    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #078d87 0%,
            #12aaa0 100%
        ) !important;

    box-shadow:
        0 7px 16px rgba(7,141,135,.23) !important;
}


/* Existing icon/text must inherit cleanly */

.yt-home-search-hero
.yt-home-search-card
> .tab-nav-boxed
.nav-link .tabtext,
.yt-home-search-hero
.yt-home-search-card
> .tab-nav-boxed
.nav-link i {

    color: inherit !important;
}


/* ==========================================
   INNER BOOTSTRAP CARD
   Outer shell now owns the white background
   ========================================== */

.yt-home-search-hero
.yt-home-search-card
.hero-tab-pane {

    padding: 0 !important;
    margin: 0 !important;
}


.yt-home-search-hero
.yt-home-search-card
.hero-tab-pane
.card {

    background: transparent !important;
    border: 0 !important;

    box-shadow: none !important;
}


.yt-home-search-hero
.yt-home-search-card
.hero-tab-pane
.card-body {

    padding: 4px 0 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


/* ==========================================
   MOBILE
   ========================================== */

@media (max-width: 767px) {

    .yt-home-search-hero .yt-home-search-card {
        padding: 16px 14px 18px !important;
        border-radius: 18px !important;
    }

    .yt-home-search-hero
    .yt-home-search-card
    > .tab-nav-boxed {

        width: 100% !important;
        display: flex !important;

        margin-bottom: 14px !important;
    }

    .yt-home-search-hero
    .yt-home-search-card
    > .tab-nav-boxed
    .nav-item {

        flex: 1 1 50% !important;
    }

    .yt-home-search-hero
    .yt-home-search-card
    > .tab-nav-boxed
    .nav-link {

        width: 100% !important;
        min-width: 0 !important;

        height: 42px !important;
        padding: 0 9px !important;

        font-size: 12px !important;
    }
}

/* ============================================================
   YES TRAVELS — PREMIUM HOMEPAGE SEARCH CARD
   Homepage only
   ============================================================ */

.yt-home-search-hero .yt-home-search-card {
    position: relative !important;
    overflow: visible !important;

    width: 100% !important;
    max-width: 1280px !important;

    margin: 0 auto !important;
    padding: 26px 28px 30px !important;

    background:
        radial-gradient(
            circle at 4% 18%,
            rgba(25, 177, 167, .08) 0,
            rgba(25, 177, 167, 0) 18%
        ),
        radial-gradient(
            circle at 96% 82%,
            rgba(12, 147, 139, .07) 0,
            rgba(12, 147, 139, 0) 20%
        ),
        linear-gradient(
            135deg,
            rgba(255,255,255,.985) 0%,
            rgba(252,254,254,.985) 58%,
            rgba(245,251,251,.985) 100%
        ) !important;

    border: 1px solid rgba(25, 168, 158, .38) !important;
    border-radius: 32px !important;

    box-shadow:
        0 26px 55px rgba(9, 49, 69, .18),
        0 7px 18px rgba(9, 49, 69, .08),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}


/* thin premium teal edge at bottom */

.yt-home-search-hero .yt-home-search-card::after {
    content: "";
    position: absolute;

    left: 38px;
    right: 38px;
    bottom: -2px;

    height: 3px;

    border-radius: 0 0 999px 999px;

    background: linear-gradient(
        90deg,
        rgba(7,141,135,0),
        rgba(7,141,135,.78) 25%,
        rgba(32,189,177,.92) 50%,
        rgba(7,141,135,.78) 75%,
        rgba(7,141,135,0)
    );

    box-shadow:
        0 5px 12px rgba(9,145,137,.22);

    pointer-events: none;
}


/* ============================================================
   SUBTLE DECORATIVE DOTS — LEFT
   ============================================================ */

.yt-home-search-hero .yt-home-search-card::before {
    content: "";

    position: absolute;

    top: 34px;
    left: 22px;

    width: 82px;
    height: 105px;

    opacity: .32;

    background-image:
        radial-gradient(
            circle,
            rgba(15,167,157,.58) 1.6px,
            transparent 1.8px
        );

    background-size: 10px 10px;

    mask-image:
        linear-gradient(
            135deg,
            #000 0%,
            rgba(0,0,0,.7) 42%,
            transparent 90%
        );

    -webkit-mask-image:
        linear-gradient(
            135deg,
            #000 0%,
            rgba(0,0,0,.7) 42%,
            transparent 90%
        );

    pointer-events: none;
}


/* ============================================================
   ONE WAY / RETURN
   ============================================================ */

.yt-home-search-hero
.yt-home-search-card
> .tab-nav-boxed {

    position: relative !important;

    z-index: 5 !important;

    width: fit-content !important;
    max-width: calc(100% - 110px) !important;

    margin:
        0
        0
        24px
        50px !important;

    padding: 5px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 3px !important;

    background:
        rgba(248,251,252,.96) !important;

    border:
        1px solid rgba(197,214,220,.95) !important;

    border-radius: 17px !important;

    box-shadow:
        0 10px 26px rgba(17,62,80,.10),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}


/* remove old Bootstrap tab spacing */

.yt-home-search-hero
.yt-home-search-card
> .tab-nav-boxed.pb-4,

.yt-home-search-hero
.yt-home-search-card
> .tab-nav-boxed.pt-2 {
    padding: 5px !important;
}


/* tab item */

.yt-home-search-hero
.yt-home-search-card
> .tab-nav-boxed
.nav-item {
    margin: 0 !important;
    padding: 0 !important;
}


/* tab button */

.yt-home-search-hero
.yt-home-search-card
> .tab-nav-boxed
.nav-link {

    width: auto !important;
    min-width: 128px !important;
    height: 48px !important;

    margin: 0 !important;
    padding: 0 20px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 0 !important;
    border-radius: 13px !important;

    background: transparent !important;

    color: #5d6c80 !important;

    font-size: 14px !important;
    font-weight: 800 !important;

    text-decoration: none !important;

    box-shadow: none !important;

    transition:
        transform .18s ease,
        background .18s ease,
        color .18s ease,
        box-shadow .18s ease !important;
}


/* Important — BookingCore has white text inside */

.yt-home-search-hero
.yt-home-search-card
> .tab-nav-boxed
.nav-link .text-white,

.yt-home-search-hero
.yt-home-search-card
> .tab-nav-boxed
.nav-link .tabtext,

.yt-home-search-hero
.yt-home-search-card
> .tab-nav-boxed
.nav-link i {
    color: inherit !important;
}


/* icons */

.yt-home-search-hero
.yt-home-search-card
> .tab-nav-boxed
.nav-link figure {

    margin:
        0
        9px
        0
        0 !important;
}

.yt-home-search-hero
.yt-home-search-card
> .tab-nav-boxed
.nav-link i {

    font-size: 15px !important;
}


/* selected trip type */

.yt-home-search-hero
.yt-home-search-card
> .tab-nav-boxed
.nav-link.active {

    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #078f88 0%,
            #0ba199 55%,
            #16afa4 100%
        ) !important;

    box-shadow:
        0 8px 18px rgba(6,141,134,.27),
        inset 0 1px 0 rgba(255,255,255,.20) !important;
}


/* hover inactive */

.yt-home-search-hero
.yt-home-search-card
> .tab-nav-boxed
.nav-link:not(.active):hover {

    color: #087f79 !important;

    background: rgba(226,246,243,.72) !important;
}


/* ============================================================
   REMOVE THE OLD "BOX INSIDE A BOX" LOOK
   ============================================================ */

.yt-home-search-hero
.yt-home-search-card
.hero-tab-pane {

    position: relative !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


.yt-home-search-hero
.yt-home-search-card
.hero-tab-pane
.tab-pane {

    background: transparent !important;
}


.yt-home-search-hero
.yt-home-search-card
.hero-tab-pane
.card {

    margin: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


.yt-home-search-hero
.yt-home-search-card
.hero-tab-pane
.card-body {

    position: relative !important;

    margin: 0 !important;

    padding:
        4px
        0
        0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


/* ============================================================
   PASSENGER CONTROL
   ============================================================ */

.yt-home-search-hero
.yt-home-search-card
.top-passenger-bar {

    position: relative !important;
    z-index: 6 !important;

    margin:
        -2px
        0
        22px !important;
}


.yt-home-search-hero
.yt-home-search-card
.passenger-trigger {

    min-height: 56px !important;

    padding: 7px 14px !important;

    border:
        1px solid rgba(204,220,226,.95) !important;

    border-radius: 16px !important;

    background:
        rgba(255,255,255,.97) !important;

    box-shadow:
        0 10px 24px rgba(20,60,78,.09),
        inset 0 1px 0 #ffffff !important;
}


/* ============================================================
   SEARCH INPUT BOXES
   ============================================================ */

.yt-home-search-hero
.yt-home-search-card
.form-control,

.yt-home-search-hero
.yt-home-search-card
.date-box,

.yt-home-search-hero
.yt-home-search-card
.smart-search {

    border-color:
        rgba(202,218,224,.95) !important;

    background:
        rgba(255,255,255,.985) !important;

    box-shadow:
        0 7px 17px rgba(17,57,74,.055) !important;
}


/* ============================================================
   SEARCH BUTTON
   ============================================================ */

.yt-home-search-hero
.yt-home-search-card
button[type="submit"] {

    position: relative !important;

    min-height: 56px !important;

    overflow: hidden !important;

    border: 1px solid rgba(6,128,124,.42) !important;

    border-radius: 16px !important;

    background:
        linear-gradient(
            135deg,
            #087f7b 0%,
            #0b9690 52%,
            #18aaa0 100%
        ) !important;

    color: #ffffff !important;

    font-weight: 800 !important;

    box-shadow:
        0 12px 26px rgba(6,127,121,.22),
        inset 0 1px 0 rgba(255,255,255,.20) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease !important;
}


.yt-home-search-hero
.yt-home-search-card
button[type="submit"]:hover {

    transform: translateY(-1px) !important;

    box-shadow:
        0 15px 30px rgba(6,127,121,.28),
        inset 0 1px 0 rgba(255,255,255,.22) !important;
}


/* ============================================================
   DESKTOP — KEEP HERO COMPACT
   ============================================================ */

@media (min-width: 1200px) {

    .yt-home-search-hero
    .yt-home-search-card {

        padding:
            25px
            30px
            30px !important;
    }

}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 991px) {

    .yt-home-search-hero
    .yt-home-search-card {

        padding:
            22px
            20px
            24px !important;

        border-radius: 25px !important;
    }

    .yt-home-search-hero
    .yt-home-search-card
    > .tab-nav-boxed {

        margin-left: 20px !important;
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .yt-home-search-hero
    .yt-home-search-card {

        padding:
            15px
            13px
            18px !important;

        border-radius: 21px !important;

        box-shadow:
            0 18px 36px rgba(9,49,69,.15) !important;
    }


    .yt-home-search-hero
    .yt-home-search-card::before {

        display: none !important;
    }


    .yt-home-search-hero
    .yt-home-search-card
    > .tab-nav-boxed {

        width: 100% !important;
        max-width: 100% !important;

        margin:
            0
            0
            15px
            0 !important;

        display: flex !important;
    }


    .yt-home-search-hero
    .yt-home-search-card
    > .tab-nav-boxed
    .nav-item {

        flex:
            1
            1
            50% !important;
    }


    .yt-home-search-hero
    .yt-home-search-card
    > .tab-nav-boxed
    .nav-link {

        width: 100% !important;
        min-width: 0 !important;

        height: 44px !important;

        padding:
            0
            10px !important;

        font-size: 12px !important;
    }


    .yt-home-search-hero
    .yt-home-search-card
    .top-passenger-bar {

        margin-bottom: 15px !important;
    }

}

/* ============================================================
   FINAL PREMIUM DETAILS
   ============================================================ */


/* SEARCH BUTTON — add round arrow badge */

.yt-home-search-hero
.yt-home-search-card
button[type="submit"] {

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 18px !important;

    min-width: 170px !important;

    padding:
        0
        12px
        0
        27px !important;

    font-size: 16px !important;
}


/* Arrow circle */

.yt-home-search-hero
.yt-home-search-card
button[type="submit"]::after {

    content: "➜";

    width: 38px;
    height: 38px;

    flex:
        0
        0
        38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #fff6bf 0%,
            #f5e59a 100%
        );

    color: #126f6c;

    font-size: 19px;
    font-weight: 900;

    box-shadow:
        0 5px 12px rgba(8,75,72,.22),
        inset 0 1px 0 rgba(255,255,255,.8);

    transition:
        transform .18s ease;
}


.yt-home-search-hero
.yt-home-search-card
button[type="submit"]:hover::after {

    transform:
        translateX(2px);
}


/* Hide old search icon if one exists */

.yt-home-search-hero
.yt-home-search-card
button[type="submit"]
.flaticon-magnifying-glass {

    display: none !important;
}



/* ============================================================
   FIELD DEPTH
   ============================================================ */

.yt-home-search-hero
.yt-home-search-card
.smart-search,

.yt-home-search-hero
.yt-home-search-card
.date-box {

    min-height: 58px !important;

    border-radius: 15px !important;

    box-shadow:
        0 8px 18px rgba(16,55,72,.075),
        inset 0 1px 0 rgba(255,255,255,1) !important;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease !important;
}


.yt-home-search-hero
.yt-home-search-card
.smart-search:hover,

.yt-home-search-hero
.yt-home-search-card
.date-box:hover {

    transform:
        translateY(-1px);

    border-color:
        rgba(10,153,145,.30) !important;

    box-shadow:
        0 11px 23px rgba(16,55,72,.10),
        inset 0 1px 0 #fff !important;
}



/* ============================================================
   PASSENGER SELECTOR — stronger floating feel
   ============================================================ */

.yt-home-search-hero
.yt-home-search-card
.passenger-trigger {

    min-width: 290px !important;

    box-shadow:
        0 11px 25px rgba(15,54,72,.11),
        inset 0 1px 0 #fff !important;
}



/* ============================================================
   TOP TAB POSITION
   ============================================================ */

@media (min-width: 992px) {

    .yt-home-search-hero
    .yt-home-search-card
    > .tab-nav-boxed {

        margin-left: 32px !important;

        transform:
            translateY(-2px);
    }

}



/* ============================================================
   RIGHT DECORATIVE DOT FIELD
   ============================================================ */

.yt-home-search-hero
.yt-home-search-card
.hero-tab-pane::after {

    content: "";

    position: absolute;

    top: -72px;
    right: 7px;

    width: 80px;
    height: 110px;

    opacity: .24;

    background-image:
        radial-gradient(
            circle,
            rgba(11,159,151,.68) 1.55px,
            transparent 1.8px
        );

    background-size:
        10px
        10px;

    -webkit-mask-image:
        linear-gradient(
            225deg,
            #000 0%,
            rgba(0,0,0,.7) 42%,
            transparent 92%
        );

    mask-image:
        linear-gradient(
            225deg,
            #000 0%,
            rgba(0,0,0,.7) 42%,
            transparent 92%
        );

    pointer-events:
        none;
}



/* ============================================================
   SUBTLE WAVE IN TOP RIGHT
   ============================================================ */

.yt-home-search-hero
.yt-home-search-card
.hero-tab-pane::before {

    content: "";

    position: absolute;

    right: 50px;
    top: -95px;

    width: 240px;
    height: 90px;

    opacity: .16;

    border-top:
        1px solid rgba(31,132,145,.45);

    border-radius:
        50%;

    transform:
        rotate(-7deg);

    pointer-events:
        none;
}



/* ============================================================
   LABELS
   ============================================================ */

.yt-home-search-hero
.yt-home-search-card
label {

    color: #5f7084 !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    letter-spacing: .01em !important;
}


/* =========================================================
   YES TRAVELS — MOBILE HEADER ABOVE SEARCH UI
========================================================= */

@media (max-width: 768px) {

    .yt-site-header {
        position: relative !important;
        z-index: 100000 !important;
    }

    .yt-mobile-drawer {
        position: fixed !important;
        inset: 0 !important;
        z-index: 100001 !important;
    }

    .yt-mobile-drawer__backdrop {
        z-index: 100001 !important;
    }

    .yt-mobile-drawer__panel {
        position: absolute !important;
        z-index: 100002 !important;
    }

    .yt-trip-switch,
    .mfs-trip-toggle,
    .mfs-instance,
    .mobile-flight-search {
        z-index: 1 !important;
    }
}


/* ============================================================
   MOBILE SEARCH BUTTON
   ============================================================ */

@media (max-width: 767px) {

    .yt-home-search-hero
    .yt-home-search-card
    button[type="submit"] {

        width: 100% !important;
        min-width: 0 !important;

        justify-content: center !important;

        padding:
            0
            14px
            0
            22px !important;
    }


    .yt-home-search-hero
    .yt-home-search-card
    .hero-tab-pane::before,

    .yt-home-search-hero
    .yt-home-search-card
    .hero-tab-pane::after {

        display: none !important;
    }

}
body.yt-mobile-menu-open {
    overflow: hidden;
}

@media (max-width: 768px) {

    .yt-mobile-drawer__account {
        display: grid;
        gap: 10px;
        padding-top: 18px;
    }

    .yt-mobile-drawer__account .yt-button {
        width: 100%;
        min-height: 48px;
        border: 0 !important;
        border-radius: 14px !important;

        display: flex;
        align-items: center;
        justify-content: center;

        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1 !important;

        cursor: pointer;
        transition:
            transform .18s ease,
            box-shadow .18s ease,
            background .18s ease;
    }

    /* Sign in */
    .yt-mobile-drawer__account .yt-button:not(.yt-button--secondary) {
        background: linear-gradient(135deg, #0f766e, #14b8a6) !important;
        color: #ffffff !important;
        box-shadow: 0 10px 24px rgba(15, 118, 110, .22) !important;
    }

    /* Create account */
    .yt-mobile-drawer__account .yt-button--secondary {
        background: #eef4ff !important;
        color: #1d4ed8 !important;
        border: 1px solid #d9e5ff !important;
        box-shadow: none !important;
    }

    .yt-mobile-drawer__account .yt-button:active {
        transform: scale(.98);
    }
}

/* =========================================================
   YES TRAVELS — AUTH MODALS MOBILE
========================================================= */

@media (max-width: 768px) {

    .yt-auth-modal {
        padding-right: 0 !important;
    }

    .yt-auth-modal .modal-dialog.yt-auth-dialog {
        width: calc(100% - 20px) !important;
        max-width: 430px !important;
        margin: 10px auto !important;
        min-height: calc(100vh - 20px) !important;

        display: flex !important;
        align-items: center !important;
    }

    .yt-auth-modal .yt-auth-card {
        width: 100% !important;
        max-height: calc(100vh - 20px) !important;

        border: 0 !important;
        border-radius: 22px !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        -webkit-overflow-scrolling: touch;

        box-shadow: 0 24px 70px rgba(15, 23, 42, .25) !important;
    }

    .yt-auth-modal .yt-auth-shell {
        display: block !important;
        min-height: 0 !important;
    }

    /* Hide desktop marketing side */
    .yt-auth-modal .yt-auth-brand-panel {
        display: none !important;
    }

    /* Form takes full mobile width */
    .yt-auth-modal .yt-auth-form-panel {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        padding: 30px 20px 24px !important;
        background: #ffffff !important;
    }

    .yt-auth-modal .yt-auth-form-head {
        padding-right: 44px;
        margin-bottom: 20px;
    }

    .yt-auth-modal .yt-auth-form-head > span {
        display: block;
        margin-bottom: 5px;

        color: #64748b;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .09em;
        text-transform: uppercase;
    }

    .yt-auth-modal .yt-auth-form-head h4 {
        margin: 0 !important;

        color: #0f172a !important;
        font-size: 28px !important;
        line-height: 1.1 !important;
        font-weight: 900 !important;
    }

    .yt-auth-modal .yt-auth-form-head p {
        margin: 7px 0 0 !important;

        color: #64748b !important;
        font-size: 13px !important;
        line-height: 1.45 !important;
    }

    /* Close button */
    .yt-auth-modal .yt-auth-close {
        position: absolute !important;
        top: 12px !important;
        right: 12px !important;

        width: 44px !important;
        height: 44px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 50% !important;

        background: #f8fafc !important;
        color: #334155 !important;

        font-size: 26px !important;
        line-height: 1 !important;

        z-index: 20 !important;
    }

    /* Inputs */
    .yt-auth-modal .form-group {
        position: relative;
        margin-bottom: 15px !important;
    }

    .yt-auth-modal .form-control {
        width: 100% !important;
        min-height: 54px !important;

        padding: 0 14px 0 42px !important;

        border: 1px solid #dbe4ef !important;
        border-radius: 14px !important;

        background: #f8fafc !important;
        color: #0f172a !important;

        font-size: 16px !important;

        box-shadow: none !important;
    }

    .yt-auth-modal .form-control:focus {
        border-color: #2563eb !important;
        background: #ffffff !important;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, .10) !important;
    }

    .yt-auth-modal .input-icon {
        position: absolute !important;
        left: 14px !important;
        top: 17px !important;

        color: #64748b !important;
        font-size: 17px !important;
    }

    /* Remember / forgot row */
    .yt-auth-modal .form-group .d-flex.justify-content-between {
        align-items: center !important;
        gap: 12px !important;
    }

    .yt-auth-modal .form-group .d-flex.justify-content-between label,
    .yt-auth-modal .form-group .d-flex.justify-content-between a {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    .yt-auth-modal .form-group .d-flex.justify-content-between a {
        font-weight: 800 !important;
    }

    /* Main login/register submit button */
    .yt-auth-modal .form-submit {
        width: 100% !important;
        min-height: 52px !important;

        border: 0 !important;
        border-radius: 14px !important;

        background: linear-gradient(135deg, #0f766e, #14b8a6) !important;
        color: #ffffff !important;

        font-size: 15px !important;
        font-weight: 900 !important;

        box-shadow: 0 12px 26px rgba(15, 118, 110, .22) !important;
    }

    .yt-auth-modal .form-submit:active {
        transform: scale(.985);
    }

    /* Bottom switch: Sign Up / Log In */
    .yt-auth-modal .c-grey.text-center {
        margin-top: 16px !important;

        color: #64748b !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    .yt-auth-modal .c-grey.text-center a {
        color: #1d4ed8 !important;
        font-weight: 900 !important;
    }

    /* Turnstile shouldn't overflow narrow screens */
    .yt-auth-modal .yt-turnstile-slot {
        max-width: 100% !important;
        overflow: hidden !important;
    }

    /* Social login buttons if enabled */
    .yt-auth-modal .advanced .row {
        margin-left: -5px !important;
        margin-right: -5px !important;
    }

    .yt-auth-modal .advanced [class*="col-"] {
        padding-left: 5px !important;
        padding-right: 5px !important;
        margin-bottom: 8px !important;
    }

    .yt-auth-modal .advanced .btn {
        width: 100% !important;
        min-height: 46px !important;
        border-radius: 12px !important;
    }
}

/* =========================================================
   AUTH MODAL MUST SIT ABOVE MOBILE HEADER
========================================================= */

.yt-auth-modal {
    z-index: 200100 !important;
}

.modal-backdrop {
    z-index: 200000 !important;
}

@media (max-width: 768px) {

    .yt-auth-modal .modal-dialog.yt-auth-dialog {
        position: relative !important;
        z-index: 200101 !important;
    }

    .yt-auth-modal .yt-auth-card {
        position: relative !important;
        z-index: 200102 !important;
    }

    .yt-auth-modal .yt-auth-close {
        z-index: 200110 !important;
    }
}

/* =========================================================
   LOGGED-IN MOBILE ACCOUNT CARD
========================================================= */

@media (max-width: 768px) {

    .yt-mobile-drawer__account {
        display: block;
        padding-top: 20px;
    }

    .yt-mobile-account-card {
        padding: 14px;
        border: 1px solid #e1e8f0;
        border-radius: 18px;
        background: #f8fafc;
    }

    .yt-mobile-account-card__head {
        padding: 3px 4px 13px;
    }

    .yt-mobile-account-card__head span {
        display: block;
        color: #118f87;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: .09em;
        text-transform: uppercase;
    }

    .yt-mobile-account-card__head strong {
        display: block;
        margin-top: 3px;
        color: #0f2d55;
        font-size: 16px;
        font-weight: 800;
    }

    .yt-mobile-account-link {
        min-height: 66px;
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) auto;
        align-items: center;
        gap: 11px;

        margin-bottom: 9px;
        padding: 10px 12px !important;

        border: 1px solid #e0e7ef;
        border-radius: 14px;

        background: #ffffff !important;
        color: #18263d !important;
        text-decoration: none !important;

        box-shadow: 0 4px 12px rgba(15, 45, 85, .035);
    }

    .yt-mobile-account-link__icon {
        width: 42px;
        height: 42px;

        display: flex;
        align-items: center;
        justify-content: center;

        border-radius: 12px;

        background: #edf7f6;
        color: #118f87;

        font-size: 16px;
    }

    .yt-mobile-account-link__copy {
        min-width: 0;
    }

    .yt-mobile-account-link__copy strong {
        display: block;
        color: #14253c;
        font-size: 14px;
        line-height: 1.2;
        font-weight: 800;
    }

    .yt-mobile-account-link__copy small {
        display: block;
        margin-top: 4px;

        color: #718096;
        font-size: 10px;
        line-height: 1.35;
        font-weight: 500;
    }

    .yt-mobile-account-link__arrow {
        color: #8b9aae;
        font-size: 23px;
        line-height: 1;
    }

    .yt-mobile-account-card__divider {
        height: 1px;
        margin: 14px 2px;
        background: #e1e8f0;
    }

    .yt-mobile-account-logout-form {
        margin: 0;
    }

    .yt-mobile-account-logout {
        width: 100%;
        min-height: 55px;

        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;

        padding: 0 14px;

        border: 1px solid #f3c9cc !important;
        border-radius: 14px !important;

        background: #fff6f6 !important;
        color: #b4232d !important;

        cursor: pointer;
    }

    .yt-mobile-account-logout > span {
        display: flex;
        align-items: center;
        gap: 9px;

        font-size: 13px;
        font-weight: 800;
    }

    .yt-mobile-account-logout small {
        color: #9e5258;
        font-size: 9px;
        font-weight: 600;
    }

    .yt-mobile-account-logout:active {
        transform: scale(.985);
    }
}

/* =========================================================
   YES TRAVELS — BLOCK PHONE LANDSCAPE
========================================================= */

#yt-landscape-blocker {
    display: none;
}

@media (orientation: landscape) and (max-height: 500px) and (pointer: coarse) {
    #yt-landscape-blocker {
        position: fixed;
        inset: 0;
        z-index: 9999999;

        display: flex;
        align-items: center;
        justify-content: center;

        padding: 24px;
        background: #eef4ff;
    }

    .yt-landscape-blocker__card {
        width: min(420px, 90vw);
        padding: 28px 24px;
        text-align: center;

        background: #ffffff;
        border-radius: 24px;
        box-shadow: 0 24px 70px rgba(15, 23, 42, 0.18);
    }

    .yt-landscape-blocker__icon {
        font-size: 48px;
        margin-bottom: 12px;
    }

    .yt-landscape-blocker__card h2 {
        margin: 0 0 8px;
        color: #0f172a;
        font-size: 24px;
        font-weight: 900;
    }

    .yt-landscape-blocker__card p {
        margin: 0;
        color: #64748b;
        font-size: 14px;
        font-weight: 700;
    }

    body {
        overflow: hidden !important;
    }
}
/* YES Travels homepage service tabs: Flight / Hotels / etc.
   Keep this row left aligned; trip switch remains centered separately. */
body.home .yt-home-search-card > ul.tab-nav-boxed {
    width: 100% !important;
    max-width: none !important;

    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    text-align: left !important;
}

body.home .yt-home-search-card > ul.tab-nav-boxed > .nav-item {
    margin-left: 0 !important;
}

/* Homepage service navigation: force Flight / Hotels / etc to far left */
#flight-search .yt-home-search-card > ul.tab-nav-boxed {
    width: 100% !important;
    max-width: none !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    margin: 0 0 18px 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
}

#flight-search .yt-home-search-card > ul.tab-nav-boxed > li.nav-item {
    margin-left: 0 !important;
    margin-right: 10px !important;
}

/* =========================================================
   YES TRAVELS HOMEPAGE SERVICE TAB
   Flight / Hotels / etc attached to search container
   ========================================================= */

#flight-search .yt-home-search-card {
    position: relative !important;
}

/* Remove the full-width service strip */
#flight-search .yt-home-search-card > ul.tab-nav-boxed {
    width: fit-content !important;
    max-width: none !important;

    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-end !important;

    margin: 0 0 -1px 18px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    position: relative !important;
    z-index: 20 !important;
}

/* Each service becomes a proper attached tab */
#flight-search .yt-home-search-card > ul.tab-nav-boxed > li.nav-item {
    margin: 0 6px 0 0 !important;
    padding: 0 !important;
}

/* Remove old boxed/pill treatment */
#flight-search .yt-home-search-card > ul.tab-nav-boxed > li.nav-item > a.nav-link {
    margin: 0 !important;

    padding: 10px 18px !important;

    min-height: 42px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #ffffff !important;

    border: 1px solid #d9e5ee !important;
    border-bottom: 0 !important;

    border-radius: 12px 12px 0 0 !important;

    box-shadow: none !important;

    color: #17395f !important;
}

/* Active service tab */
#flight-search .yt-home-search-card > ul.tab-nav-boxed > li.nav-item > a.nav-link.active {
    background: #0f9f97 !important;
    border-color: #0f9f97 !important;

    color: #ffffff !important;

    box-shadow:
        0 -4px 12px rgba(15, 159, 151, .14) !important;
}

/* Remove excessive internal spacing inherited from old theme */
#flight-search .yt-home-search-card > ul.tab-nav-boxed .nav-link.pl-md-5,
#flight-search .yt-home-search-card > ul.tab-nav-boxed .nav-link.pl-3 {
    padding-left: 18px !important;
    padding-right: 18px !important;
}

/* Compact icon inside service tab */
#flight-search .yt-home-search-card > ul.tab-nav-boxed figure {
    margin: 0 7px 0 0 !important;
    height: auto !important;
}

#flight-search .yt-home-search-card > ul.tab-nav-boxed .tabtext {
    margin-top: 0 !important;
}

/* Make the search card meet the tab cleanly */
#flight-search .yt-home-search-card > .tab-content {
    margin-top: 0 !important;
    position: relative !important;
    z-index: 10 !important;
}