/* Public styles */
#wpcr-reservation-form {
    max-width: 600px;
    margin: 0 auto;
}

#wpcr-reservation-form form {
    display: flex;
    flex-direction: column;
}

#wpcr-reservation-form label {
    margin-top: 10px;
}

#wpcr-reservation-form input,
#wpcr-reservation-form select {
    padding: 8px;
    margin-bottom: 10px;
}

#wpcr-reservation-form button {
    padding: 10px;
    background-color: #007cba;
    color: white;
    border: none;
    cursor: pointer;
}

#wpcr-reservation-form button:hover {
    background-color: #005a87;
}

.car-option {
    border: 1px solid #ddd;
    padding: 10px;
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.car-option h4 {
    margin: 0;
}

.car-option p {
    margin: 5px 0;
}

/* Force white color for total amount in booking summary and success page */
.total-amount-display, .wpcr-total-amount, #total-pay .total-text, .total-row .value, .total-row td { 
    color: #ffffff !important; 
}

#summary .total-row,
#summary .total-row span,
#summary .total-row .total-amount,
#summary .total-row .fw-800,
.total-row span.total-amount,
.total-row span.fw-800 {
    color: #ffffff !important;
}

/* Vehicle Type Badge in Summary */
#summary .badge {
    color: #0046ad !important;
    background-color: #f1f6ff !important;
    border: 1px solid #0046ad !important;
    font-weight: 700 !important;
    padding: 5px 10px !important;
}

/* Summary Pricing Details Font Size */
#summary .summary-details .details-list-row {
    font-size: 0.8rem !important;
    color: #4b5563 !important; /* text-gray-600 */
    margin-bottom: 4px !important;
}

#summary .summary-details .details-list-row span:last-child {
    font-weight: 600 !important;
    color: #1f2937 !important; /* text-gray-800 */
}

#summary .summary-details {
    padding-top: 15px !important;
    margin-top: 10px !important;
}