/* =========================================================
   LONDON BABY GOLD ACCENT GLASS COHESION — 2026-05-18
   Purpose: use the exact BABY title gold as the shared accent
   across header action buttons, date selection, Time & Weather,
   weather city cards, hero card, and hero date pill.
   Functional changes: none.
========================================================= */
:root {
  --lb-baby-gold: #c99a33;
  --lb-baby-gold-soft: rgba(201, 154, 51, .42);
  --lb-baby-gold-medium: rgba(201, 154, 51, .64);
  --lb-baby-gold-strong: rgba(201, 154, 51, .86);
  --lb-glass-ink: #0b1730;
}

/* Header action buttons: one uniform glass system with the BABY gold line. */
html body .app-header .trip-map-launch-wrap.launch-glass-nav > button.trip-map-launch.launch-glass-button,
html body .app-header .trip-map-launch-wrap.launch-glass-nav > button#openTripMap,
html body .app-header .trip-map-launch-wrap.launch-glass-nav > button#openNearbyConcierge,
html body .app-header .trip-map-launch-wrap.launch-glass-nav > button#openAtAGlance,
html body .app-header .trip-map-launch-wrap.launch-glass-nav > button#openAskChat,
html body .trip-map-launch.launch-glass-button,
html body .trip-map-launch.nearby-concierge-launch.launch-glass-button,
html body .trip-map-launch.at-a-glance-launch.launch-glass-button,
html body .trip-map-launch.ask-chat-launch.launch-glass-button {
  border: 1px solid var(--lb-baby-gold-medium) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -18px 30px rgba(115, 142, 180, .10),
    0 0 0 1px rgba(255,255,255,.46),
    0 10px 24px rgba(46, 69, 104, .14),
    0 0 18px rgba(201,154,51,.10) !important;
}

/* Keep the active action button subtle. No blue neon ring. */
html body .app-header button#openAtAGlance,
html body .trip-map-launch.at-a-glance-launch {
  border-color: var(--lb-baby-gold-strong) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    inset 0 -18px 30px rgba(115, 142, 180, .10),
    0 0 0 1px rgba(201,154,51,.18),
    0 12px 26px rgba(46, 69, 104, .16),
    0 0 20px rgba(201,154,51,.14) !important;
}

/* Date strip: active/popped date inherits the same gold accent. */
html body .app-header .day-tabs button.active,
html body .app-header .day-tabs button[aria-selected="true"] {
  border: 1px solid var(--lb-baby-gold-medium) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 8px 18px rgba(62, 87, 125, .16),
    0 0 0 1px rgba(201,154,51,.16),
    0 0 18px rgba(201,154,51,.10) !important;
}

/* Time & Weather outer module: restrained champagne edge, not neon. */
html body #app.app-shell .dashboard .panel {
  border: 1px solid var(--lb-baby-gold-medium) !important;
  box-shadow:
    0 18px 44px rgba(31, 45, 71, .14),
    0 0 0 1px rgba(255,255,255,.44),
    inset 0 1px 0 rgba(255,255,255,.94),
    inset 0 -1px 0 rgba(201,154,51,.12) !important;
}

/* Time & Weather inner London/Vancouver cards. */
html body #app.app-shell .clock-grid .mini-card {
  border: 1px solid var(--lb-baby-gold-soft) !important;
  box-shadow:
    0 10px 28px rgba(31, 45, 71, .10),
    0 0 0 1px rgba(255,255,255,.44),
    inset 0 1px 0 rgba(255,255,255,.86) !important;
}

html body #app.app-shell .clock-grid .mini-card .weather-line {
  border: 1px solid rgba(201,154,51,.36) !important;
}

/* Hero cards: same gold edge system as the glass header/cards. */
html body #app.app-shell .hero {
  border: 1px solid var(--lb-baby-gold-medium) !important;
  box-shadow:
    0 22px 54px rgba(31, 45, 71, .16),
    0 0 0 1px rgba(255,255,255,.48),
    inset 0 1px 0 rgba(255,255,255,.94),
    inset 0 -1px 0 rgba(201,154,51,.14) !important;
}

/* Hero date pill: gold outline, header-button typography/ink. */
html body #app.app-shell .hero .hero-pill {
  color: var(--lb-glass-ink) !important;
  -webkit-text-fill-color: var(--lb-glass-ink) !important;
  border: 1px solid var(--lb-baby-gold-medium) !important;
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', system-ui, sans-serif !important;
  font-weight: 850 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  box-shadow:
    0 8px 20px rgba(30,48,78,.11),
    0 0 0 1px rgba(255,255,255,.48),
    inset 0 1px 0 rgba(255,255,255,.94) !important;
}

@media (max-width: 700px) {
  html body #app.app-shell .hero .hero-pill {
    letter-spacing: .10em !important;
  }
}