/**
 * SkyStayTravel — Car hire hub top-tier polish (Phase 3)
 * Load after page <style> on car-rental.html
 */

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

/* Photo-first hero — charcoal scrim only, no blue wash */
body.sst-page-car-rental .hero-car-overlay {
  background: var(--sst-photo-hero-scrim) !important;
}

body.sst-page-car-rental .hero-car-bg {
  background-color: #111 !important;
}

body.sst-page-car-rental .hero-car h1 {
  font-size: clamp(2rem, 3.8vw, 3.15rem);
  font-weight: 900;
  letter-spacing: -0.035em;
  line-height: 1.12;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.58), 0 8px 32px rgba(0, 0, 0, 0.4);
}

body.sst-page-car-rental .hero-car h1 em {
  color: #ffd166;
  font-style: normal;
}

body.sst-page-car-rental .hero-car p {
  text-shadow: 0 1px 14px rgba(0, 0, 0, 0.5);
}

body.sst-page-car-rental .hero-car-badge {
  background: rgba(255, 209, 102, 0.94) !important;
  border: 0 !important;
  color: #063b76 !important;
  font-weight: 950;
  letter-spacing: 0.08em;
}

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

  body.sst-page-car-rental .sst-mobile-only {
    display: block;
  }

  body.sst-page-car-rental .sst-desktop-only {
    display: none;
  }

  body.sst-page-car-rental .hero-car {
    min-height: 360px;
  }

  body.sst-page-car-rental .hero-car-inner {
    text-align: left;
    padding: 72px 18px 100px !important;
  }

  body.sst-page-car-rental .hero-car h1 {
    font-size: clamp(1.7rem, 7vw, 2.1rem) !important;
    max-width: 16ch;
    margin-left: 0;
    margin-right: 0;
    line-height: 1.08;
  }

  body.sst-page-car-rental .hero-car p {
    font-size: 0.92rem;
    line-height: 1.5;
    max-width: 36ch;
    margin-left: 0;
    margin-right: 0;
    color: rgba(255, 255, 255, 0.96);
  }

  body.sst-page-car-rental .sst-car-section h2,
  body.sst-page-car-rental .sst-car-intro h2 {
    font-size: 1.38rem;
    letter-spacing: -0.03em;
    text-align: left;
  }

  body.sst-page-car-rental .sst-car-section > p,
  body.sst-page-car-rental .sst-car-intro p {
    margin-left: 0;
    text-align: left;
  }

  body.sst-page-car-rental .search-wrap {
    margin-top: -48px;
    padding: 0 14px 16px;
  }

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

  body.sst-page-car-rental .search-head {
    padding: 14px 16px;
  }

  body.sst-page-car-rental .search-inner {
    padding: 14px 14px 16px;
  }

  body.sst-page-car-rental .search-panel .sst-car-sg-loc {
    grid-template-columns: 1fr;
  }

  body.sst-page-car-rental .search-panel .sst-car-sg-dates {
    grid-template-columns: 1fr 1fr !important;
  }

  body.sst-page-car-rental .search-panel .sst-car-sg-dates .field:nth-child(5),
  body.sst-page-car-rental .search-panel .sst-car-sg-dates .btn-srch {
    grid-column: 1 / -1;
  }

  body.sst-page-car-rental .field input,
  body.sst-page-car-rental .field select {
    min-height: 48px;
    height: 48px;
    font-size: 1rem;
  }

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

  body.sst-page-car-rental .sst-car-provider-row {
    grid-template-columns: 1fr;
  }

  body.sst-page-car-rental .sst-car-provider-cta a {
    width: 100%;
    justify-content: center;
    min-height: 44px;
    box-sizing: border-box;
  }

  body.sst-page-car-rental .sst-car-dest-cta {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 6px 12px;
  }

  body.sst-page-car-rental .sst-car-faq-clean summary {
    min-height: 48px;
    font-size: 0.95rem;
  }
}

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

body.sst-page-car-rental .ed-card p,
body.sst-page-car-rental .sst-car-type-card p,
body.sst-page-car-rental .widget-intro,
body.sst-page-car-rental .search-powered,
body.sst-page-car-rental .search-note,
body.sst-page-car-rental .sub,
body.sst-page-car-rental .sst-car-provider:not(.sst-car-provider-cta--primary) span,
body.sst-page-car-rental .sst-car-provider-cta:not(.sst-car-provider-cta--primary) p,
body.sst-page-car-rental .sst-car-read-panel p,
body.sst-page-car-rental .field label,
body.sst-page-car-rental .sst-car-provider span,
body.sst-page-car-rental .sst-qeeq-under-search p {
  color: #334155 !important;
}

body.sst-page-car-rental .sst-car-eyebrow {
  color: #0770e3 !important;
}

body.sst-page-car-rental .search-powered span {
  color: #075fc0 !important;
}

body.sst-page-car-rental .sst-car-provider strong {
  color: #075fc0 !important;
}

body.sst-page-car-rental .sst-car-provider-cta--primary p {
  color: rgba(255, 255, 255, 0.88) !important;
}