/**
 * SkyStayTravel — Flights hub top-tier polish (Phase 1)
 * Load after page <style> on flights.html
 */

@import url("/assets/sst-photo-hero.css?v=20261014-2339");

body.sst-page-flights .slide-content h1,
body.sst-page-flights .slide-content h2 {
  font-size: clamp(2rem, 3.8vw, 3.15rem);
  font-weight: 900;
  letter-spacing: -0.035em;
  line-height: 1.12;
  margin-bottom: 10px;
  max-width: 620px;
}

body.sst-page-flights .slide-content h1 em,
body.sst-page-flights .slide-content h2 em {
  color: #ffd166;
  font-style: normal;
}

body.sst-page-flights .slide-badge {
  background: rgba(255, 209, 102, 0.94) !important;
  color: #063b76 !important;
  font-weight: 900;
  letter-spacing: 0.08em;
}

body.sst-page-flights .slide-bg {
  filter: saturate(1.04) contrast(1.04) brightness(1) !important;
}

@media (max-width: 760px) {
  body.sst-page-flights {
    background:
      radial-gradient(ellipse 120% 50% at 50% -10%, rgba(7, 112, 227, 0.08), transparent 55%),
      #f5f7fa;
  }

  body.sst-page-flights .slide-content h1,
  body.sst-page-flights .slide-content h2 {
    font-size: clamp(1.72rem, 7vw, 2.12rem) !important;
    max-width: 14ch;
    line-height: 1.08;
  }

  body.sst-page-flights .slide-content p {
    font-size: 0.92rem;
    line-height: 1.5;
    max-width: 34ch;
    color: rgba(255, 255, 255, 0.96);
  }

  body.sst-page-flights .sst-fl-v1-head h2 {
    font-size: 1.12rem;
    letter-spacing: -0.03em;
  }

  body.sst-page-flights .sst-commercial-section-head h2,
  body.sst-page-flights .sst-flight-section-head h2 {
    font-size: 1.38rem;
    letter-spacing: -0.03em;
  }

  body.sst-page-flights .sst-commercial-section-head,
  body.sst-page-flights .sst-flight-section-head {
    text-align: left;
  }

  body.sst-page-flights .sst-commercial-section-head p,
  body.sst-page-flights .sst-flight-section-head p {
    margin-left: 0;
  }

  body.sst-page-flights .search-panel.sst-flights-search-panel {
    border-radius: 20px !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.14);
  }

  body.sst-page-flights .sst-fl-v1-cta .btn-srch,
  body.sst-page-flights #fl-btn {
    width: 100%;
    min-height: 50px;
    border-radius: 14px;
    font-size: 0.95rem;
  }

  body.sst-page-flights .sst-fl-faq-clean summary {
    font-size: 0.95rem;
  }
}

/* Light-surface readability — search labels and white cards, not photo heroes or place gold */
body.sst-page-flights {
  --muted: #334155;
  --sst-subtext: #334155;
}

body.sst-page-flights .sst-fl-trip-powered,
body.sst-page-flights .field label,
body.sst-page-flights .sst-flight-section-head p,
body.sst-page-flights .sst-flight-related-grid span,
body.sst-page-flights .sst-flight-tip p,
body.sst-page-flights .sh span,
body.sst-page-flights .search-powered,
body.sst-page-flights .sst-fl-v1-hint,
body.sst-page-flights .sst-fl-hub-link span,
body.sst-page-flights .sst-commercial-section-head p,
body.sst-page-flights .sst-fl-airport-extras p,
body.sst-page-flights .sst-fl-route-prices-note {
  color: #334155 !important;
}

body.sst-page-flights .sst-flight-copy p,
body.sst-page-flights .sst-commercial-intro p:not(.sst-commercial-eyebrow) {
  color: #1e293b !important;
}

body.sst-page-flights .sst-commercial-intro .sst-commercial-eyebrow {
  color: #0770e3 !important;
}