/* ========================================================= LONDON BABY HEADER ACTION UNIFORMITY — FINAL PATCH Purpose: force Trip Map / Concierge / At a Glance / Ask Chat into one consistent Apple-glass control system on all breakpoints. No functional changes. Pure visual normalization. ========================================================= */ :root { --lb-header-action-ink: #0b1730; --lb-header-action-muted: rgba(11, 23, 48, .78); --lb-header-action-glass-top: rgba(255,255,255,.62); --lb-header-action-glass-bottom: rgba(235,243,253,.38); --lb-header-action-ring: rgba(255,255,255,.72); --lb-header-action-shadow: 0 12px 26px rgba(43, 63, 96, .16), inset 0 1px 0 rgba(255,255,255,.78), inset 0 -18px 30px rgba(105,128,164,.10); } html body .app-header .trip-map-launch-wrap.launch-glass-nav { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; align-items: stretch !important; justify-items: stretch !important; gap: clamp(6px, 1.45vw, 12px) !important; width: min(920px, calc(100% - 16px)) !important; max-width: 920px !important; margin-left: auto !important; margin-right: auto !important; overflow: visible !important; } 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 { appearance: none !important; -webkit-appearance: none !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: clamp(74px, 9.2vw, 96px) !important; min-height: clamp(74px, 9.2vw, 96px) !important; max-height: 96px !important; padding: clamp(10px, 1.25vw, 14px) 6px clamp(9px, 1.1vw, 12px) !important; border-radius: clamp(18px, 2.2vw, 24px) !important; border: 1px solid var(--lb-header-action-ring) !important; background: radial-gradient(circle at 50% 0%, rgba(255,255,255,.72), transparent 58%), linear-gradient(180deg, var(--lb-header-action-glass-top), var(--lb-header-action-glass-bottom)) !important; box-shadow: var(--lb-header-action-shadow) !important; color: var(--lb-header-action-ink) !important; text-shadow: none !important; overflow: hidden !important; display: grid !important; grid-template-rows: 32px 16px !important; place-items: center !important; justify-content: center !important; align-content: center !important; row-gap: 7px !important; column-gap: 0 !important; font: inherit !important; text-align: center !important; transform: none !important; backdrop-filter: blur(18px) saturate(1.05) !important; -webkit-backdrop-filter: blur(18px) saturate(1.05) !important; } /* Kill all prior per-button color identities. */ html body .app-header button#openTripMap, html body .app-header button#openNearbyConcierge, html body .app-header button#openAtAGlance, html body .app-header button#openAskChat, html body .app-header button#openTripMap *, html body .app-header button#openNearbyConcierge *, html body .app-header button#openAtAGlance *, html body .app-header button#openAskChat * { color: var(--lb-header-action-ink) !important; text-shadow: none !important; filter: none !important; } html body .app-header button#openTripMap .launch-icon, html body .app-header button#openNearbyConcierge .launch-icon, html body .app-header button#openAtAGlance .launch-icon, html body .app-header button#openAskChat .launch-icon { grid-row: 1 !important; width: 32px !important; height: 32px !important; min-width: 32px !important; min-height: 32px !important; max-width: 32px !important; max-height: 32px !important; margin: 0 !important; padding: 0 !important; border-radius: 999px !important; display: grid !important; place-items: center !important; background: rgba(255,255,255,.34) !important; border: 1px solid rgba(255,255,255,.30) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.62), 0 5px 12px rgba(39,59,92,.10) !important; opacity: .98 !important; } html body .app-header button#openTripMap .launch-svg, html body .app-header button#openNearbyConcierge .launch-svg, html body .app-header button#openAtAGlance .launch-svg, html body .app-header button#openAskChat .launch-svg { width: 19px !important; height: 19px !important; display: block !important; color: var(--lb-header-action-ink) !important; fill: none !important; stroke: var(--lb-header-action-ink) !important; stroke-width: 1.9 !important; stroke-linecap: round !important; stroke-linejoin: round !important; filter: none !important; } html body .app-header button#openTripMap .launch-svg *, html body .app-header button#openNearbyConcierge .launch-svg *, html body .app-header button#openAtAGlance .launch-svg *, html body .app-header button#openAskChat .launch-svg * { fill: none !important; stroke: var(--lb-header-action-ink) !important; stroke-width: 1.9 !important; stroke-linecap: round !important; stroke-linejoin: round !important; color: var(--lb-header-action-ink) !important; } html body .app-header button#openTripMap .launch-label, html body .app-header button#openNearbyConcierge .launch-label, html body .app-header button#openAtAGlance .launch-label, html body .app-header button#openAskChat .launch-label { grid-row: 2 !important; display: block !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 1px !important; color: var(--lb-header-action-ink) !important; font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', system-ui, sans-serif !important; font-size: clamp(8px, 1.35vw, 11px) !important; font-weight: 850 !important; line-height: 1 !important; letter-spacing: .035em !important; text-transform: uppercase !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; transform: none !important; opacity: 1 !important; } html body .app-header button#openAtAGlance { border-color: rgba(178, 217, 255, .84) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82), inset 0 -18px 30px rgba(105,128,164,.10), 0 0 0 1px rgba(132, 203, 255, .34), 0 0 18px rgba(129, 202, 255, .20), 0 12px 26px rgba(43, 63, 96, .16) !important; } @media (max-width: 700px) { html body .app-header .trip-map-launch-wrap.launch-glass-nav { width: calc(100% - 8px) !important; gap: 7px !important; } 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 { height: 70px !important; min-height: 70px !important; max-height: 70px !important; padding: 9px 2px 8px !important; grid-template-rows: 29px 12px !important; row-gap: 6px !important; border-radius: 18px !important; } html body .app-header button#openTripMap .launch-icon, html body .app-header button#openNearbyConcierge .launch-icon, html body .app-header button#openAtAGlance .launch-icon, html body .app-header button#openAskChat .launch-icon { width: 29px !important; height: 29px !important; min-width: 29px !important; min-height: 29px !important; max-width: 29px !important; max-height: 29px !important; } html body .app-header button#openTripMap .launch-svg, html body .app-header button#openNearbyConcierge .launch-svg, html body .app-header button#openAtAGlance .launch-svg, html body .app-header button#openAskChat .launch-svg { width: 17px !important; height: 17px !important; } html body .app-header button#openTripMap .launch-label, html body .app-header button#openNearbyConcierge .launch-label, html body .app-header button#openAtAGlance .launch-label, html body .app-header button#openAskChat .launch-label { font-size: clamp(7.25px, 1.92vw, 8.7px) !important; letter-spacing: 0 !important; line-height: 1 !important; padding: 0 !important; } } @media (max-width: 390px) { html body .app-header .trip-map-launch-wrap.launch-glass-nav { gap: 6px !important; } 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 { height: 66px !important; min-height: 66px !important; max-height: 66px !important; padding: 8px 1px 7px !important; grid-template-rows: 27px 11px !important; row-gap: 5px !important; } html body .app-header button#openTripMap .launch-icon, html body .app-header button#openNearbyConcierge .launch-icon, html body .app-header button#openAtAGlance .launch-icon, html body .app-header button#openAskChat .launch-icon { width: 27px !important; height: 27px !important; min-width: 27px !important; min-height: 27px !important; max-width: 27px !important; max-height: 27px !important; } html body .app-header button#openTripMap .launch-label, html body .app-header button#openNearbyConcierge .launch-label, html body .app-header button#openAtAGlance .launch-label, html body .app-header button#openAskChat .launch-label { font-size: 7.15px !important; letter-spacing: -.01em !important; } }