/* ============================================================
   TravelGo B2C — Main Stylesheet | Horizon Luxe Design System
   ============================================================ */

:root {
  --navy-deep:       #0F172A;
  --sunset-orange:   #F97316;
  --surface:         #F8F9FF;
  --surface-sand:    #FDFCF7;
  --surface-card:    #FFFFFF;
  --on-surface:      #0B1C30;
  --on-surface-var:  #45464D;
  --surface-cont-low:#EFF4FF;
  --surface-cont:    #E5EEFF;
  --glass-fill:      rgba(255,255,255,0.85);
  --glass-border:    rgba(255,255,255,0.4);
  --shadow-card:     0 4px 24px rgba(15,23,42,0.08);
  --shadow-hover:    0 12px 40px rgba(15,23,42,0.15);
  --radius-sm:       0.5rem;
  --radius-md:       1rem;
  --radius-lg:       1.5rem;
  --radius-full:     9999px;
}

*,*::before,*::after{box-sizing:border-box;}
body{font-family:'Inter',sans-serif;background:var(--surface);color:var(--on-surface);overflow-x:hidden;margin:0;}
h1,h2,h3,h4,.font-display,.font-headline{font-family:'Playfair Display',serif;}
a{text-decoration:none;}
img{max-width:100%;}

/* NAV */
.tg-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--glass-fill);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);transition:all .3s;}
.tg-nav.scrolled{background:rgba(255,255,255,.97);box-shadow:0 2px 20px rgba(15,23,42,.08);}
.tg-nav-inner{max-width:1280px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:64px;}
.nav-logo{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:700;color:var(--navy-deep);display:flex;align-items:center;gap:.5rem;}
.nav-logo .logo-icon{width:34px;height:34px;background:var(--sunset-orange);border-radius:9px;display:flex;align-items:center;justify-content:center;color:white;font-size:1rem;}
.nav-links{display:flex;align-items:center;gap:2rem;}
.nav-links a{color:var(--on-surface);font-size:.9rem;font-weight:500;padding:.4rem 0;border-bottom:2px solid transparent;transition:all .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--sunset-orange);border-bottom-color:var(--sunset-orange);}
.nav-actions{display:flex;align-items:center;gap:1rem;}
.btn-signin{background:var(--navy-deep);color:white;border:none;padding:.5rem 1.4rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;}
.btn-signin:hover{background:#1e293b;transform:translateY(-1px);}
.mobile-menu-btn{display:none;background:none;border:none;color:var(--navy-deep);font-size:1.5rem;cursor:pointer;}
@media(max-width:768px){.nav-links{display:none;}.mobile-menu-btn{display:block;}}

/* MOBILE NAV */
.mobile-nav{position:fixed;inset:0;background:rgba(15,23,42,.97);z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;transform:translateX(100%);transition:transform .3s ease;}
.mobile-nav.open{transform:translateX(0);}
.mobile-nav a{color:white;font-size:1.5rem;font-family:'Playfair Display',serif;}
.mobile-nav a:hover{color:var(--sunset-orange);}
.mobile-nav-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:white;font-size:1.75rem;cursor:pointer;}

/* HERO */
.tg-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:64px;}
.hero-bg{position:absolute;inset:0;z-index:0;}
.hero-bg img{width:100%;height:100%;object-fit:cover;}
.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(15,23,42,.2) 0%,rgba(15,23,42,.5) 100%);}
.hero-content{position:relative;z-index:1;text-align:center;padding:0 1.25rem;max-width:900px;margin:0 auto;}
.hero-title{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:white;line-height:1.15;letter-spacing:-.02em;text-shadow:0 2px 20px rgba(0,0,0,.3);margin-bottom:1.25rem;}
.hero-sub{font-size:1.1rem;color:rgba(255,255,255,.9);margin-bottom:2.5rem;text-shadow:0 1px 4px rgba(0,0,0,.2);}

/* SEARCH WIDGET */
.search-widget{background:rgba(255,255,255,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:1rem;box-shadow:0 20px 60px rgba(15,23,42,.25);max-width:980px;margin:0 auto;}
.search-fields{display:grid;grid-template-columns:2fr 1.5fr 1.5fr auto;align-items:center;}
.search-field{padding:.75rem 1.25rem;border-right:1px solid rgba(15,23,42,.1);position:relative;}
.search-field:last-of-type{border-right:none;}
.search-label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--on-surface-var);margin-bottom:.3rem;}
.search-date-input{background:transparent;border:none;outline:none;font-size:.95rem;color:var(--on-surface);font-family:'Inter',sans-serif;width:100%;cursor:pointer;}
.search-date-input::placeholder{color:rgba(11,28,48,.35);}
.traveller-btn{background:transparent;border:none;outline:none;font-size:.95rem;color:var(--on-surface);font-family:'Inter',sans-serif;width:100%;cursor:pointer;text-align:left;padding:0;}
.traveller-btn.placeholder{color:rgba(11,28,48,.35);}
.btn-search{background:var(--sunset-orange);color:white;border:none;border-radius:14px;padding:.875rem 1.75rem;font-size:.9rem;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;transition:all .25s;display:flex;align-items:center;gap:.4rem;white-space:nowrap;margin:.25rem;}
.btn-search:hover{background:#ea6d0f;transform:translateY(-1px);box-shadow:0 4px 16px rgba(249,115,22,.4);}

/* Tom Select in search */
.search-field .ts-wrapper.single .ts-control{padding:0;background:transparent;border:none;box-shadow:none;min-height:unset;cursor:pointer;}
.search-field .ts-control input{font-size:.95rem;color:var(--on-surface);font-family:'Inter',sans-serif;}
.search-field .ts-control input::placeholder{color:rgba(11,28,48,.35);}
.search-field .ts-wrapper.single.input-active .ts-control{background:transparent;}
.ts-dropdown{border-radius:14px;border:none;box-shadow:0 10px 40px rgba(15,23,42,.15);font-family:'Inter',sans-serif;overflow:hidden;margin-top:.5rem;}
.ts-dropdown .option{padding:.65rem 1rem;font-size:.875rem;color:var(--on-surface);}
.ts-dropdown .option:hover,.ts-dropdown .option.active,.ts-dropdown .option.selected{background:var(--surface-cont-low);color:var(--sunset-orange);}
.ts-dropdown .optgroup-header{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--on-surface-var);padding:.65rem 1rem .3rem;background:var(--surface-sand);}

/* Flatpickr */
.flatpickr-calendar{border-radius:14px;box-shadow:0 10px 40px rgba(15,23,42,.15);border:none;font-family:'Inter',sans-serif;}
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{background:var(--sunset-orange);border-color:var(--sunset-orange);}
.flatpickr-day.inRange{background:rgba(249,115,22,.12);border-color:transparent;box-shadow:none;}
.flatpickr-day:hover{background:var(--surface-cont);}
.flatpickr-months .flatpickr-month{background:var(--navy-deep);color:white;}
.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month input.cur-year{color:white;}
.numInputWrapper:hover{background:rgba(255,255,255,.1);}

/* TRAVELLER DROPDOWN */
.traveller-dropdown{position:absolute;top:calc(100% + 1rem);left:0;width:310px;background:white;border-radius:16px;box-shadow:0 10px 40px rgba(15,23,42,.15);padding:1.25rem;z-index:500;display:none;}
.traveller-dropdown.open{display:block;animation:dropIn .2s ease;}
@keyframes dropIn{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}
.traveller-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--surface-cont);}
.traveller-row:last-of-type{border-bottom:none;}
.traveller-row-label{font-weight:600;font-size:.9rem;color:var(--navy-deep);}
.traveller-row-sub{font-size:.73rem;color:var(--on-surface-var);}
.traveller-counter{display:flex;align-items:center;gap:.75rem;}
.counter-btn{width:32px;height:32px;border-radius:50%;border:1.5px solid rgba(15,23,42,.18);background:transparent;font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--navy-deep);}
.counter-btn:hover:not(:disabled){border-color:var(--sunset-orange);background:var(--sunset-orange);color:white;}
.counter-btn:disabled{opacity:.3;cursor:not-allowed;}
.counter-val{font-size:1rem;font-weight:600;min-width:1.5rem;text-align:center;color:var(--navy-deep);}
.child-ages{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--surface-cont);}
.child-age-sel{border:1.5px solid rgba(15,23,42,.12);border-radius:.4rem;padding:.3rem .5rem;font-size:.78rem;color:var(--on-surface);background:var(--surface-sand);width:calc(50% - .25rem);margin-bottom:.25rem;}
.traveller-done{width:100%;margin-top:1rem;padding:.6rem;background:var(--navy-deep);color:white;border:none;border-radius:var(--radius-full);font-weight:600;font-size:.875rem;cursor:pointer;}
.traveller-done:hover{background:#1e293b;}

/* BUTTONS */
.btn-primary-tg{background:var(--sunset-orange);color:white;border:none;padding:.75rem 2rem;border-radius:var(--radius-full);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .25s;display:inline-flex;align-items:center;gap:.5rem;}
.btn-primary-tg:hover{background:#ea6d0f;color:white;transform:translateY(-2px);box-shadow:0 6px 20px rgba(249,115,22,.4);}
.btn-outline-tg{background:transparent;color:var(--navy-deep);border:1.5px solid var(--navy-deep);padding:.7rem 1.75rem;border-radius:var(--radius-full);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .25s;display:inline-flex;align-items:center;gap:.5rem;}
.btn-outline-tg:hover{background:var(--navy-deep);color:white;}

/* CARDS */
.tg-card{background:var(--surface-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden;transition:all .3s;}
.tg-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px);}
.tg-card-img-wrap{position:relative;overflow:hidden;height:220px;}
.tg-card-img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.tg-card:hover .tg-card-img{transform:scale(1.06);}
.tg-card-body{padding:1.25rem;}
.tg-rating{position:absolute;top:1rem;left:1rem;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-radius:var(--radius-full);padding:.3rem .75rem;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:.3rem;}
.tg-rating .star{color:var(--sunset-orange);}

/* DEST CARDS */
.dest-card{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;display:block;}
.dest-card img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;transition:transform .7s;}
.dest-card:hover img{transform:scale(1.08);}
.dest-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,23,42,.85) 0%,transparent 55%);}
.dest-content{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;color:white;}
.dest-name{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:600;margin-bottom:.4rem;}
.dest-price{background:var(--sunset-orange);color:white;font-size:.78rem;font-weight:600;padding:.25rem .75rem;border-radius:var(--radius-full);}

/* MOOD */
.mood-chip{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;background:white;border-radius:var(--radius-md);box-shadow:0 2px 12px rgba(15,23,42,.06);cursor:pointer;transition:all .3s;color:var(--navy-deep);}
.mood-chip:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);}
.mood-icon{width:56px;height:56px;border-radius:50%;background:var(--surface-cont-low);display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:all .3s;}
.mood-chip:hover .mood-icon{background:var(--sunset-orange);color:white;}
.mood-label{font-size:.875rem;font-weight:600;}

/* SECTIONS */
.section-label{font-size:.73rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sunset-orange);margin-bottom:.4rem;}
.section-title{font-family:'Playfair Display',serif;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;color:var(--navy-deep);line-height:1.2;margin-bottom:.75rem;}
.section-sub{color:var(--on-surface-var);font-size:1rem;}
.py-section{padding-top:5rem;padding-bottom:5rem;}
.bg-sand{background:var(--surface-sand);}
.bg-navy{background:var(--navy-deep);}
.text-sunset{color:var(--sunset-orange);}
.text-navy{color:var(--navy-deep);}

/* PROMISE */
.promise-icon{width:72px;height:72px;border-radius:50%;border:1px solid rgba(249,115,22,.3);display:flex;align-items:center;justify-content:center;color:var(--sunset-orange);font-size:2rem;margin:0 auto 1.25rem;}

/* TESTIMONIAL */
.testimonial-card{background:white;border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-card);}
.testimonial-quote{font-family:'Playfair Display',serif;font-size:1.3rem;font-style:italic;color:var(--navy-deep);line-height:1.6;margin-bottom:1.5rem;}

/* NEWSLETTER */
.newsletter-section{position:relative;overflow:hidden;}
.newsletter-bg{position:absolute;inset:0;z-index:0;}
.newsletter-bg img{width:100%;height:100%;object-fit:cover;}
.newsletter-bg::after{content:'';position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(2px);}
.newsletter-content{position:relative;z-index:1;text-align:center;color:white;padding:5rem 1.25rem;}

/* FOOTER */
.tg-footer{background:var(--navy-deep);color:rgba(255,255,255,.6);padding:5rem 0 2rem;}
.tg-footer h5{color:white;font-size:.73rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.5rem;}
.tg-footer a{color:rgba(255,255,255,.6);font-size:.875rem;transition:all .2s;display:inline-block;}
.tg-footer a:hover{color:white;transform:translateX(4px);}
.footer-logo{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:700;color:white;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;}
.footer-logo .logo-icon{width:34px;height:34px;background:var(--sunset-orange);border-radius:9px;display:flex;align-items:center;justify-content:center;color:white;font-size:1rem;}
.social-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);font-size:.9rem;transition:all .2s;}
.social-btn:hover{border-color:var(--sunset-orange);color:var(--sunset-orange);}

/* TAGS */
.tg-tag{background:var(--surface-cont-low);color:var(--on-surface-var);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.28rem .7rem;border-radius:var(--radius-full);}
.pkg-price{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:700;color:var(--sunset-orange);}
.pkg-title{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:700;color:var(--navy-deep);margin-bottom:.2rem;}

/* ANIMATIONS */
.fade-up{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;}
.fade-up.visible{opacity:1;transform:translateY(0);}
.stagger-1{transition-delay:.1s;}.stagger-2{transition-delay:.2s;}.stagger-3{transition-delay:.3s;}.stagger-4{transition-delay:.4s;}

/* FILTER SIDEBAR */
.filter-sidebar{background:white;border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-card);position:sticky;top:90px;}
.filter-title{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;color:var(--navy-deep);margin-bottom:1.25rem;}
.filter-group{margin-bottom:1.5rem;}
.filter-group-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-var);margin-bottom:.75rem;}
.filter-check{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;cursor:pointer;font-size:.875rem;}
.filter-check input{accent-color:var(--sunset-orange);width:15px;height:15px;}

/* PACKAGE DETAIL */
.detail-tabs .nav-link{color:var(--on-surface-var);font-weight:500;padding:.75rem 1.25rem;border:none;border-bottom:2px solid transparent;border-radius:0;background:none;font-size:.9rem;}
.detail-tabs .nav-link.active{color:var(--sunset-orange);border-bottom-color:var(--sunset-orange);font-weight:600;}
.booking-sidebar{background:white;border-radius:var(--radius-md);box-shadow:var(--shadow-hover);padding:1.75rem;position:sticky;top:90px;}

/* ITINERARY */
.itinerary-timeline{position:relative;padding-left:2rem;}
.itinerary-timeline::before{content:'';position:absolute;left:.65rem;top:.5rem;bottom:.5rem;width:2px;background:linear-gradient(to bottom,var(--sunset-orange),var(--surface-cont));}
.itinerary-day{position:relative;padding-bottom:1.75rem;}
.itinerary-day::before{content:'';position:absolute;left:-1.65rem;top:.35rem;width:12px;height:12px;border-radius:50%;background:var(--sunset-orange);border:2px solid white;box-shadow:0 0 0 2px var(--sunset-orange);}
.day-badge{background:var(--sunset-orange);color:white;font-size:.68rem;font-weight:700;padding:.18rem .55rem;border-radius:var(--radius-full);display:inline-block;margin-bottom:.4rem;}
.day-title{font-weight:600;color:var(--navy-deep);margin-bottom:.3rem;font-size:.95rem;}
.day-desc{font-size:.85rem;color:var(--on-surface-var);line-height:1.6;}

/* BOOKING PROGRESS */
.booking-progress{height:3px;background:var(--sunset-orange);width:0%;transition:width .4s;}

/* RESPONSIVE */
@media(max-width:768px){
  .search-fields{grid-template-columns:1fr;}
  .search-field{border-right:none;border-bottom:1px solid rgba(15,23,42,.1);}
  .search-field:last-of-type{border-bottom:none;}
  .btn-search{width:100%;justify-content:center;margin:.5rem 0 0;}
  .traveller-dropdown{width:100%;}
  .py-section{padding-top:3.5rem;padding-bottom:3.5rem;}
  .tg-nav-inner{padding:0 1rem;}
}

/* ── Disabled city select state ────────────────────────────── */
.search-field .ts-wrapper.disabled .ts-control {
  opacity: .45 !important;
  cursor: not-allowed !important;
}
.search-field .ts-wrapper.disabled .ts-control input::placeholder {
  color: rgba(11,28,48,.3) !important;
}

/* ── 5-column search grid on desktop ───────────────────────── */
@media (min-width: 1024px) {
  .search-fields[style*="grid-template-columns"] {
    gap: 0;
  }
}
@media (max-width: 1024px) {
  .search-fields[style*="grid-template-columns"] {
    grid-template-columns: 1fr 1fr !important;
  }
}
@media (max-width: 768px) {
  .search-fields[style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }
}