/* reservation.css */

/* Modal light tema override */

#reservationModal.modal {

    color: #212529;            /* Text rengi */

}



/* Modal content */

#reservationModal .modal-content {

    background-color: #ffffff;

    color: #212529;

    border-radius: 8px;

    box-shadow: 0 0 15px rgba(0,0,0,0.2);

}



/* Modal header */

#reservationModal .modal-header {

    background-color: #ffffff;

    color: #212529;

    border-bottom: 1px solid #ddd;

}



/* Modal body */

#reservationModal .modal-body {

    background-color: #ffffff;

    color: #212529;

}



/* Modal footer */

#reservationModal .modal-footer {

    background-color: #ffffff;

    border-top: 1px solid #ddd;

}



/* Close buton light theme */

#reservationModal .btn-close {

    filter: invert(0); /* Dark mode override */

}



/* Form inputlar light */

#reservationModal input,

#reservationModal select,

#reservationModal textarea {

    background-color: #ffffff;

    color: #212529;

    border: 1px solid #ccc;

}



/* Checkbox label light */

#reservationModal .form-check-label {

    color: #212529;

}



/* Placeholder renk */

#reservationModal ::placeholder {

    color: #6c757d;

    opacity: 1;

}

/* Hata mesajları */

.reservation-error {

    color: red;

    font-size: 12px;

    margin-top: 2px;

}



/* Dil toggle butonları */

.reservation-lang-toggle .btn {

    cursor: pointer;

    padding: 5px 10px;

    margin-right: 5px;

    border: 1px solid #ccc;

    background-color: #f5f5f5;

    border-radius: 4px;

}



.reservation-lang-toggle .btn.active {

    background-color: #a7856a; /* Önerdiğin renk */

    color: #fff;

    font-weight: bold;

}



/* Tüm text, number, email vb inputlar */

#reservationForm input:not([type="checkbox"]) {

    display: block;

    width: 100%;

    margin-bottom: 10px;

    padding: 8px;

    border-radius: 4px;

    border: 1px solid #ccc;

    box-sizing: border-box;

}



/* Select ve buttonlar */

#reservationForm select,

#reservationForm button {

    display: block;

    width: 100%;

    margin-bottom: 10px;

    padding: 8px;

    border-radius: 4px;

    border: 1px solid #ccc;

    box-sizing: border-box;

}



/* Küçük klasik checkbox */

#reservationForm .form-check-input {

    width: 16px;

    height: 16px;

    margin-top: 3px;

    cursor: pointer;

    appearance: checkbox;

    -webkit-appearance: checkbox;

}



/* Label ile checkbox arasındaki mesafe */

#reservationForm .form-check-label {

    margin-left: 5px;

    font-size: 14px;

    vertical-align: middle;

}



/* Submit button özel rengi */

#reservationForm button {

    background-color: #a7856a;

    color: #fff;

    border: none;

    cursor: pointer;

}



#reservationForm button:hover {

    opacity: 0.9;

}



.flex-fill {

    cursor: pointer;

}



.flex-fill input[type="date"] {

    cursor: pointer;

}