/* Los Angeles Awaits presentation layer for TravelSpark's protected surfaces. */
[data-tsva-surface] {
  color: var(--ts-design-primary, #202428);
  font-family: var(--ts-design-font_body, system-ui, sans-serif);
}

[data-tsva-surface] :is(h1, h2, h3, h4) {
  font-family: var(--ts-design-font_heading, "Avenir Next", Arial, sans-serif);
  letter-spacing: -0.03em;
  line-height: 1.04;
  text-wrap: balance;
}

[data-tsva-surface] [data-tsva-component] {
  border-radius: 0;
  box-shadow: none;
}

[data-tsva-surface="tours-index"] [data-tsva-component="hero"] {
  border-bottom: 1px solid var(--ts-design-border, #96948e);
  overflow: visible;
}

[data-tsva-surface="tours-index"] [data-tsva-component="search"] {
  padding-block: clamp(2rem, 5vw, 5rem);
  background-color: color-mix(in srgb, var(--ts-design-haze, #b8b3c6) 32%, var(--ts-design-surface, #f4e9d8));
}

[data-tsva-surface="tours-index"] [data-tsva-component="photos"],
[data-tsva-surface="tours-index"] [data-tsva-component="featured"] {
  transform: none;
}

[data-tsva-surface="tours-index"] [data-tsva-component="offers"] {
  border-top: 1px solid var(--ts-design-border, #96948e);
  border-bottom: 1px solid var(--ts-design-border, #96948e);
}

[data-tsva-surface$="sidebar-widget"] {
  --ts-surface-gap: 1rem;
  margin-block: 0 1.5rem;
  padding-top: 1rem;
  border-top: 4px solid var(--ts-design-brand, #76549a);
}

[data-tsva-surface] :is(a, button, input, select):focus-visible {
  outline: 3px solid #d85a3f;
  outline-offset: 3px;
}

[data-tsva-surface] :is([class*="card"], [data-ts-hotel-card]) {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.travelspark-hotel,
.travelspark-hotels-index,
.travelspark-hotel-cards {
  --ts-hotel-primary: #1e6574;
  --ts-hotel-ink: #202428;
  --ts-hotel-muted: #5d6265;
  --ts-hotel-bg: #f4e9d8;
  --ts-hotel-card: #fffdf8;
  --ts-hotel-border: #96948e;
  --ts-hotel-radius: 0px;
}

.travelspark-hotel-card,
.travelspark-hotel-room-card,
.travelspark-hotel-booking-banner,
.travelspark-expedia-box {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.travelspark-hotel-card__media,
.travelspark-hotel-booking-banner__media {
  overflow: clip;
}

.travelspark-hotel-card__booking a,
.travelspark-hotel-rate-selector button,
.travelspark-hotel-booking-banner a {
  min-height: 46px;
  border-radius: 0 !important;
  font-weight: 750;
}

@media (max-width: 767px) {
  [data-tsva-surface] { max-width: 100%; overflow-wrap: anywhere; }
  [data-tsva-surface] [data-tsva-component] { margin-block: 2.5rem; }
  .travelspark-hotel-card__booking a { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  [data-tsva-surface] *, [data-ts-hotel] * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}