/* Neon modal theme pass: carries launch-button aesthetic into Trip Map and Concierge interiors. */

/* Trip Map: pink/purple glass-neon chrome */
.trip-map-backdrop {
  background:
    radial-gradient(circle at 12% 16%, rgba(255, 80, 145, .28), transparent 34%),
    radial-gradient(circle at 92% 8%, rgba(145, 82, 255, .22), transparent 38%),
    rgba(2, 6, 23, .88) !important;
  backdrop-filter: blur(20px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.15) !important;
}

.trip-map-panel {
  background:
    linear-gradient(180deg, rgba(18, 12, 40, .98), rgba(2, 8, 23, .98)) !important;
  border-left: 1px solid rgba(255, 76, 138, .24) !important;
  border-right: 1px solid rgba(150, 90, 255, .24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    0 0 44px rgba(255, 69, 134, .18),
    0 0 62px rgba(140, 90, 255, .12) !important;
}

.trip-map-header {
  padding: 14px 14px 16px !important;
  margin: -2px -2px 12px !important;
  border: 1px solid rgba(255, 90, 145, .35) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 12% 38%, rgba(255, 75, 132, .32), transparent 35%),
    linear-gradient(100deg, rgba(40, 22, 69, .88), rgba(13, 10, 38, .96), rgba(61, 31, 102, .82)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -18px 28px rgba(0,0,0,.22),
    0 0 22px rgba(255, 68, 132, .22),
    0 0 36px rgba(144, 80, 255, .14) !important;
}

.trip-map-header .eyebrow,
.trip-map-header h2 {
  color: #fff !important;
  text-shadow: 0 2px 16px rgba(255, 80, 145, .24) !important;
}

.trip-map-close {
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 0 18px rgba(255, 80, 145, .22) !important;
}

.trip-map-legend {
  padding: 4px 2px 12px !important;
}

.trip-map-legend-item {
  position: relative !important;
  overflow: hidden !important;
  color: #f8fbff !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.05)),
    rgba(15, 23, 42, .7) !important;
  border: 1px solid rgba(255, 93, 154, .35) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 14px rgba(255, 76, 138, .12),
    0 8px 16px rgba(0,0,0,.2) !important;
}

.trip-map-legend-item:first-child,
.trip-map-legend-item.is-active,
.trip-map-legend-item.active,
.trip-map-legend-item[aria-pressed="true"] {
  border-color: rgba(255, 98, 158, .8) !important;
  background:
    radial-gradient(circle at 18% 40%, rgba(255, 80, 145, .28), transparent 35%),
    linear-gradient(90deg, rgba(255, 72, 134, .38), rgba(142, 77, 255, .32)),
    rgba(10, 12, 36, .86) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 0 1px rgba(164, 92, 255, .22),
    0 0 24px rgba(255, 76, 138, .26) !important;
}

.trip-map {
  border: 2px solid rgba(255, 86, 148, .72) !important;
  background: #050812 !important;
  box-shadow:
    0 0 0 1px rgba(145, 80, 255, .35),
    0 0 30px rgba(255, 76, 138, .22),
    0 0 48px rgba(145, 80, 255, .12),
    0 22px 54px rgba(0,0,0,.46) !important;
}

.trip-map .leaflet-container,
.leaflet-container.trip-map {
  background: #050812 !important;
}

.trip-map-location-card {
  color: #fff !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)),
    rgba(14, 10, 32, .86) !important;
  border: 1px solid rgba(255, 82, 143, .42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.1),
    0 0 18px rgba(255, 76, 138, .14),
    0 12px 24px rgba(0,0,0,.22) !important;
}

.trip-map-location-card.home-base {
  border-color: rgba(255, 198, 40, .75) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 20px rgba(255, 198, 40, .18),
    0 12px 24px rgba(0,0,0,.22) !important;
}

.trip-map-location-card h3,
.trip-map-location-card p,
.trip-map-note {
  color: #fff !important;
}

.trip-map-card-button,
.trip-map-zoom-button {
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 8px 18px rgba(0,0,0,.22) !important;
}

/* Concierge: teal/cyan/blue glass-neon header and area tabs. */
.nearby-concierge-backdrop {
  background:
    radial-gradient(circle at 18% 14%, rgba(34, 211, 238, .24), transparent 35%),
    radial-gradient(circle at 90% 8%, rgba(45, 212, 191, .22), transparent 36%),
    rgba(0, 16, 45, .74) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
}

.nearby-concierge-panel {
  border: 1px solid rgba(56, 189, 248, .34) !important;
  box-shadow:
    0 0 42px rgba(34, 211, 238, .18),
    0 28px 70px rgba(0,0,0,.35) !important;
}

.nearby-concierge-header {
  background:
    radial-gradient(circle at 18% 42%, rgba(45, 212, 191, .28), transparent 35%),
    linear-gradient(90deg, rgba(3, 59, 75, .96), rgba(3, 24, 52, .98), rgba(14, 77, 132, .9)) !important;
  border-bottom: 1px solid rgba(56, 189, 248, .34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -18px 30px rgba(0,0,0,.18),
    0 0 28px rgba(34, 211, 238, .18) !important;
}

.nearby-concierge-header .eyebrow,
.nearby-concierge-header h2 {
  color: #fff !important;
  text-shadow: 0 2px 16px rgba(34, 211, 238, .22) !important;
}

.nearby-concierge-close {
  color: #e8ffff !important;
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 20px rgba(34, 211, 238, .24) !important;
}

.nearby-concierge-tabs {
  background:
    linear-gradient(180deg, rgba(3, 26, 51, .98), rgba(2, 14, 35, .98)) !important;
  border-bottom: 1px solid rgba(56, 189, 248, .28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.nearby-concierge-tabs button {
  position: relative !important;
  overflow: hidden !important;
  color: #eaffff !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.045)),
    rgba(4, 28, 49, .82) !important;
  border: 1px solid rgba(56, 189, 248, .34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 13px rgba(34, 211, 238, .12),
    0 8px 16px rgba(0,0,0,.16) !important;
}

.nearby-concierge-tabs button.active,
.nearby-concierge-tabs button[aria-selected="true"] {
  color: #fff !important;
  background:
    radial-gradient(circle at 22% 44%, rgba(45, 212, 191, .3), transparent 34%),
    linear-gradient(90deg, rgba(45, 212, 191, .34), rgba(37, 99, 235, .32)),
    rgba(3, 25, 49, .94) !important;
  border-color: rgba(45, 212, 191, .86) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 0 1px rgba(37, 99, 235, .22),
    0 0 24px rgba(34, 211, 238, .28) !important;
}

.nearby-concierge-hero-card {
  border: 1px solid rgba(56, 189, 248, .12) !important;
}

.nearby-concierge-hero-card h3,
.nearby-concierge-card-copy h3 {
  color: #031d52 !important;
}