/*
   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;
    bottom: 80px !important;
}
.la-chat-btn:hover {
    box-shadow: 0 6px 32px rgba(169, 119, 8, 0.5) !important;
}

/* 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;
}