/**
 * SkyStayTravel — Package holidays hub polish (Phase 4)
 * Load after sst-package-holidays.css on package-holidays.html
 */

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

body.sst-page-package-holidays .pkg-hero::after {
  background: var(--sst-photo-hero-scrim) !important;
}

body.sst-page-package-holidays .pkg-hero h1 {
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1.08;
}

body.sst-page-package-holidays .pkg-kicker {
  background: rgba(255, 209, 102, 0.94);
  border: 0;
  color: #063b76;
  font-weight: 950;
  letter-spacing: 0.08em;
}

body.sst-page-package-holidays .pkg-search-head .pkg-kicker {
  background: rgba(255, 209, 102, 0.22);
  border: 1px solid rgba(255, 209, 102, 0.45);
  color: #8a5b00;
}

body.sst-page-package-holidays .pkg-dest-card__body h3 {
  color: var(--sst-place-gold, #e6a800);
}

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

  body.sst-page-package-holidays > .pkg-hero {
    min-height: 380px;
  }

  body.sst-page-package-holidays .pkg-hero-inner {
    text-align: left;
    padding-top: calc(var(--sst-nav-stack-h, var(--sst-nav-h, 54px)) + 40px);
    padding-bottom: 88px;
  }

  body.sst-page-package-holidays .pkg-hero h1 {
    font-size: clamp(1.7rem, 7vw, 2.1rem) !important;
    max-width: 16ch;
    line-height: 1.08;
  }

  body.sst-page-package-holidays .pkg-hero-lead {
    font-size: 0.92rem;
    line-height: 1.5;
    max-width: 36ch;
    color: rgba(255, 255, 255, 0.96);
  }

  body.sst-page-package-holidays .pkg-cta {
    width: 100%;
    max-width: 100%;
    min-height: 48px;
    box-sizing: border-box;
  }

  body.sst-page-package-holidays .pkg-section h2 {
    font-size: 1.38rem;
    letter-spacing: -0.03em;
    text-align: left;
  }

  body.sst-page-package-holidays .pkg-search-wrap {
    margin-top: -40px;
  }

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

  body.sst-page-package-holidays .pkg-expedia-search-row {
    grid-template-columns: 1fr;
  }

  body.sst-page-package-holidays .pkg-expedia-search-row input {
    height: 48px;
    font-size: 1rem;
  }

  body.sst-page-package-holidays .pkg-expedia-search-row button {
    width: 100%;
    height: 50px;
    min-height: 50px;
    border-radius: 14px;
    font-size: 0.95rem;
  }

  body.sst-page-package-holidays .pkg-dest-card__cta {
    width: 100%;
    justify-content: center;
    min-height: 44px;
    box-sizing: border-box;
  }
}

/* Light-surface readability — search copy and dest cards, not photo heroes or place gold */
body.sst-page-package-holidays {
  --pkg-muted: #334155;
  --muted: #334155;
  --sst-subtext: #334155;
}

body.sst-page-package-holidays .pkg-search-head p:not(.pkg-kicker),
body.sst-page-package-holidays .pkg-section-head p:not(.pkg-kicker),
body.sst-page-package-holidays .pkg-dest-card__body p,
body.sst-page-package-holidays .pkg-expedia-search-note,
body.sst-page-package-holidays .pkg-trip-alt-link span,
body.sst-page-package-holidays .pkg-expedia-search-head em {
  color: #334155 !important;
}

body.sst-page-package-holidays .pkg-kicker {
  color: #063b76 !important;
}

body.sst-page-package-holidays .pkg-search-head .pkg-kicker {
  color: #8a5b00 !important;
}

body.sst-page-package-holidays .pkg-dest-card__body h3 {
  color: var(--sst-place-gold, #e6a800) !important;
}