/* =====================================================
   TAXI QUOTE CARD - DARK MODE FIXES
   Add this to your taxi_styles.css or include separately
   ===================================================== */

/* Dark Mode - Quote Card */
.dark-mode .taxi-quote-card {
    background: linear-gradient(135deg, #1E293B, #0F172A) !important;
    border-color: #334155 !important;
}

/* Dark Mode - Quote Header */
.dark-mode .taxi-quote-header {
    background: linear-gradient(135deg, #F59E0B, #D97706) !important;
}

/* Dark Mode - Location Details */
.dark-mode .taxi-quote-locations {
    background: rgba(30, 41, 59, 0.8) !important;
    border-color: #334155 !important;
}

.dark-mode .taxi-location {
    background: #1E293B !important;
}

.dark-mode .location-label {
    color: #94A3B8 !important;
}

.dark-mode .location-name {
    color: #F1F5F9 !important;
}

/* Dark Mode - Route Line */
.dark-mode .taxi-route-line {
    background: linear-gradient(to bottom, #F59E0B, #10B981) !important;
}

/* Dark Mode - Stats */
.dark-mode .taxi-quote-stats {
    background: rgba(30, 41, 59, 0.6) !important;
}

.dark-mode .taxi-stat {
    background: #1E293B !important;
    border-color: #334155 !important;
}

.dark-mode .stat-value {
    color: #F1F5F9 !important;
}

/* Dark Mode - Traffic Section */
.dark-mode .taxi-traffic-section {
    background: rgba(30, 41, 59, 0.6) !important;
}

.dark-mode .traffic-label {
    color: #CBD5E1 !important;
}

.dark-mode .traffic-message {
    color: #94A3B8 !important;
}

.dark-mode .traffic-bar-container {
    background: #334155 !important;
}

/* Dark Mode - Fare Section */
.dark-mode .taxi-fare-section {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(5, 150, 105, 0.2)) !important;
    border-color: #10B981 !important;
}

.dark-mode .fare-header {
    color: #10B981 !important;
}

.dark-mode .fare-amount {
    color: #F1F5F9 !important;
}

.dark-mode .fare-tariff {
    color: #94A3B8 !important;
    background: rgba(51, 65, 85, 0.5) !important;
}

.dark-mode .fare-disclaimer {
    color: #94A3B8 !important;
}

/* Dark Mode - Booking Fee Section */
.dark-mode .taxi-booking-fee-section {
    background: rgba(59, 130, 246, 0.15) !important;
    border-color: #3B82F6 !important;
}

.dark-mode .booking-fee-row {
    color: #F1F5F9 !important;
}

.dark-mode .booking-fee-amount {
    color: #60A5FA !important;
}

.dark-mode .booking-fee-note {
    color: #94A3B8 !important;
}

/* Dark Mode - Payment Method Section */
.dark-mode .taxi-payment-method-section {
    background: rgba(30, 41, 59, 0.6) !important;
    border-color: #334155 !important;
}

.dark-mode .payment-method-label {
    color: #F1F5F9 !important;
}

/* Dark Mode - Payment Method Buttons */
.dark-mode .payment-method-btn {
    background: #1E293B !important;
    border-color: #475569 !important;
    color: #F1F5F9 !important;
}

.dark-mode .payment-method-btn:hover {
    background: #334155 !important;
    border-color: #F59E0B !important;
}

.dark-mode .payment-method-btn.selected {
    background: linear-gradient(135deg, #F59E0B, #D97706) !important;
    border-color: #F59E0B !important;
    color: #000000 !important;
}

.dark-mode .payment-method-btn span {
    color: inherit !important;
}

/* Dark Mode - Confirm Section */
.dark-mode .taxi-confirm-section {
    background: rgba(30, 41, 59, 0.4) !important;
}

.dark-mode .test-mode-note {
    background: rgba(245, 158, 11, 0.2) !important;
    color: #FCD34D !important;
    border-color: #F59E0B !important;
}

/* Dark Mode - Payment Secure Note */
.dark-mode .payment-secure-note {
    color: #94A3B8 !important;
}

/* Dark Mode - Wallet Loading */
.dark-mode .wallet-loading {
    background: linear-gradient(135deg, #1E293B, #334155) !important;
    color: #94A3B8 !important;
}

/* Dark Mode - Fallback Button */
.dark-mode .taxi-fallback-btn {
    background: linear-gradient(135deg, #475569, #334155) !important;
    color: #F1F5F9 !important;
}

.dark-mode .taxi-fallback-btn:hover {
    background: linear-gradient(135deg, #64748B, #475569) !important;
}

/* Dark Mode - Searching UI */
.dark-mode .taxi-searching {
    background: linear-gradient(135deg, #1E293B, #0F172A) !important;
}

.dark-mode .searching-text h3 {
    color: #F1F5F9 !important;
}

.dark-mode .searching-text p {
    color: #94A3B8 !important;
}

.dark-mode .searching-cancel-note {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #FCA5A5 !important;
}

/* Dark Mode - Driver Found Card */
.dark-mode .taxi-driver-card {
    background: linear-gradient(135deg, #1E293B, #0F172A) !important;
}

.dark-mode .driver-info-name {
    color: #F1F5F9 !important;
}

.dark-mode .driver-info-vehicle {
    color: #94A3B8 !important;
}

.dark-mode .verification-code-box {
    background: #1E293B !important;
    border-color: #F59E0B !important;
}

.dark-mode .verification-code-display {
    color: #FCD34D !important;
}

/* Dark Mode - Tracking Card */
.dark-mode .taxi-tracking-card {
    background: linear-gradient(135deg, #1E293B, #0F172A) !important;
}

.dark-mode .taxi-tracking-body {
    color: #F1F5F9 !important;
}

/* Dark Mode - Cancel Button */
.dark-mode .taxi-cancel-btn {
    background: rgba(239, 68, 68, 0.2) !important;
    color: #FCA5A5 !important;
    border-color: #EF4444 !important;
}

.dark-mode .taxi-cancel-btn:hover {
    background: rgba(239, 68, 68, 0.3) !important;
}