/*
   LimoAgent Chat Widget — NYC Limousine Embedded Theme
   Gold (#A97708) + Dark (#251f25) to match site design
   Overrides the default blue theme from limoagent.ai
*/

/* Override CSS variables for gold theme */
.la-chat-btn {
    background: #A97708 !important;
    box-shadow: 0 4px 24px rgba(169, 119, 8, 0.35) !important;
    /* NYC-specific lift: the homepage hero pins .hero-bottom-text
       ("Airport transfers | Corporate travel | Night out | Weddings") at
       bottom:40px full-width — a 60px button below ~65px sits ON that line.
       80px clears it (this was the original reason for the 80px override;
       the spec's generic 30px collided). right:30px is safe (the strip has
       40px side padding and the button rides above it).
       KEEP IN SYNC with the inline critical <style> in _LimoAgentChat.cshtml
       — that copy exists so the button never depends on THIS file's load
       timing (the 2.5s loader fallback can beat a cold-cache fetch). */
    bottom: 80px !important;
    right: 30px !important;
    /* a touch larger so the avatar carries the same visual weight as the
       World Cup pill on the same line (circle proportion kept) */
    width: 68px !important;
    height: 68px !important;
}
.la-chat-btn:hover {
    box-shadow: 0 6px 32px rgba(169, 119, 8, 0.5) !important;
}

/* Proactive CTA bubble — align with the lifted 68px button (centered on it) */
.la-cta-bubble {
    bottom: 94px !important;
    right: 110px !important;   /* 30 + 68 + 12 gap */
    border-color: #e8e4df;
}

/* Override CSS variables for light theme */
.la-chat-panel {
    --la-text: #1a1a1a;
    --la-text-bright: #251f25;
    --la-text-dim: #777;
    --la-bg: #ffffff;
    --la-bg-card: #faf9f7;
    --la-border: #e0d5c5;
    --la-border-light: #f0ece6;
    --la-blue: #A97708;
    --la-blue-hover: #936807;
    --la-green: #A97708;
    background: #ffffff !important;
    border-color: #e0d5c5 !important;
}

/* Panel header */
.la-chat-header {
    background: #251f25 !important;
    border-bottom-color: #3a3035 !important;
}
.la-chat-header-title {
    color: #d4b86a !important;
}
.la-chat-header-sub {
    color: #bbb !important;
}
.la-chat-header-dot {
    background: #A97708 !important;
}
.la-chat-header-secure {
    color: #d4b86a !important;
    border-color: rgba(212, 184, 106, 0.3) !important;
    background: rgba(212, 184, 106, 0.1) !important;
}
.la-chat-header-new {
    background: #A97708 !important;
    color: #fff !important;
    border-radius: 6px !important;
    width: 28px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
}
.la-chat-header-new:hover {
    background: #936807 !important;
}
.la-chat-header-close {
    color: #aaa !important;
}
.la-chat-header-close:hover {
    color: #fff !important;
}

/* Messages area — white background */
.la-chat-messages {
    background: #ffffff !important;
}

/* Agent bubbles — light warm gray on white, bold text */
.la-msg-agent {
    background: #f5f3f0 !important;
    color: #1a1a1a !important;
    font-weight: 500 !important;
}

/* Time picker — light scheme for white background */
.la-datetime-picker input[type="date"],
.la-datetime-picker input[type="time"] {
    color-scheme: light !important;
}

/* User bubbles — gold */
.la-msg-user {
    background: #A97708 !important;
    color: #ffffff !important;
}

/* Input bar */
.la-chat-input-bar {
    background: #ffffff !important;
    border-top-color: #e0d5c5 !important;
}
.la-chat-input {
    background: #f5f3f0 !important;
    color: #1a1a1a !important;
}

/* Override blue accent with gold */
.la-vehicle-card:hover {
    border-color: #A97708 !important;
    background: rgba(169, 119, 8, 0.04) !important;
}
.la-vehicle-card-price {
    color: #A97708 !important;
}
.la-vehicle-card-popular {
    background: rgba(169, 119, 8, 0.12) !important;
    color: #A97708 !important;
}
.la-vehicle-select-btn {
    background: #A97708 !important;
}
.la-vehicle-select-btn:hover {
    background: #936807 !important;
}
.la-vehicle-card-details {
    color: #A97708 !important;
}
.la-quick-btn {
    border-color: #A97708 !important;
    color: #A97708 !important;
    background: #fff !important;
}
.la-quick-btn:hover {
    background: #A97708 !important;
    color: #fff !important;
}

/* Welcome screen text on white background */
.la-welcome h3 {
    color: #251f25 !important;
}
.la-welcome p {
    color: #555 !important;
}
.la-welcome-icon {
    color: #A97708 !important;
}
.la-welcome-icon i {
    color: #A97708 !important;
}

/* Session line */
.la-session-line {
    color: #999 !important;
}

/* Form inputs — visible borders on white background */
.la-chat-messages input,
.la-chat-messages select,
.la-chat-messages textarea {
    background: #fff !important;
    color: #1a1a1a !important;
    border: 1px solid #ccc !important;
}
.la-chat-messages input:focus,
.la-chat-messages select:focus,
.la-chat-messages textarea:focus {
    border-color: #A97708 !important;
    outline: none !important;
}
.la-chat-messages input::placeholder,
.la-chat-messages textarea::placeholder {
    color: #999 !important;
}
.la-chat-messages label {
    color: #555 !important;
}

/* Form cards */
.la-trip-form,
.la-booking-form,
.la-payment-form {
    background: #faf9f7 !important;
    border-color: #e0d5c5 !important;
}
.la-trip-form-title,
.la-booking-form-title,
.la-payment-header span {
    color: #251f25 !important;
}

/* Vehicle cards on white */
.la-vehicle-card {
    background: #faf9f7 !important;
    border-color: #e0d5c5 !important;
}
.la-vehicle-card-name {
    color: #251f25 !important;
}
.la-vehicle-card-meta {
    color: #777 !important;
}

/* Amenity chips */
.la-amenity-chip {
    background: #fff !important;
    border-color: #ccc !important;
    color: #555 !important;
}
.la-amenity-chip:hover {
    border-color: #A97708 !important;
    color: #A97708 !important;
}

/* Trip summary on white */
.la-trip-summary {
    background: #faf9f7 !important;
    border-color: #e0d5c5 !important;
}
.la-trip-summary-title {
    color: #251f25 !important;
}
.la-trip-summary-table td {
    color: #1a1a1a !important;
}
.la-ts-label {
    color: #777 !important;
}
.la-ts-divider {
    background: #e0d5c5 !important;
}

/* Tables in messages */
.la-msg-agent table {
    color: #1a1a1a !important;
}
.la-msg-agent th {
    color: #777 !important;
    border-bottom-color: #e0d5c5 !important;
}
.la-msg-agent td {
    color: #1a1a1a !important;
    border-bottom-color: #f0ece6 !important;
}

/* Footer */
.la-chat-powered {
    background: #f5f3f0 !important;
    border-top-color: #e0d5c5 !important;
}
.la-chat-powered a {
    color: #A97708 !important;
}
.la-quick-reply-btn {
    border-color: #A97708 !important;
    color: #A97708 !important;
}
.la-quick-reply-btn:hover {
    background: #A97708 !important;
    color: #fff !important;
}

/* Get Quote / Update / Continue buttons — filled gold */
.la-qr-go,
.la-form-submit {
    background: #A97708 !important;
    color: #fff !important;
    border-color: #A97708 !important;
}
.la-qr-go:hover,
.la-form-submit:hover {
    background: #936807 !important;
}

/* Toggle buttons (I am the passenger / Booking for someone else) */
.la-form-toggle-btn {
    background: #fff !important;
    color: #1a1a1a !important;
    border-color: #ccc !important;
}
.la-form-toggle-btn.active {
    background: #A97708 !important;
    color: #fff !important;
    border-color: #A97708 !important;
}
.la-chat-send {
    background: #A97708 !important;
}
.la-chat-send:hover {
    background: #936807 !important;
}
.la-amenity-chip:hover {
    border-color: #A97708 !important;
    color: #A97708 !important;
}

/* Form elements */
.la-form-toggle-btn.active {
    background: #A97708 !important;
    border-color: #A97708 !important;
}
.la-form-submit {
    background: #A97708 !important;
}
.la-form-submit:hover {
    background: #936807 !important;
}
.la-trip-form-submit {
    background: #A97708 !important;
}
.la-trip-form-submit:hover {
    background: #936807 !important;
}

/* Payment button */
.la-payment-submit {
    background: #A97708 !important;
}
.la-payment-submit:hover {
    background: #936807 !important;
}

/* Booking confirmed icon */
.la-final-icon .fa-circle-check {
    color: #A97708 !important;
}

/* Links */
.la-msg-agent a {
    color: #A97708 !important;
}

/* Strong/bold prices — gold instead of green */
.la-msg-agent strong {
    color: #d4b86a !important;
}

/* Trip summary */
.la-trip-summary-title i {
    color: #A97708 !important;
}
.la-ts-total td {
    color: #d4b86a !important;
}