/* Samakan Select2 dengan Bootstrap form-control */
.select2-container .select2-selection--single {
    height: 38px !important;
    border: 1px solid #ced4da !important;
    border-radius: 0.375rem !important;
    display: flex;
    align-items: center;
    padding-left: 6px;
}

/* Hilangkan outline aneh */
.select2-container--default .select2-selection--single {
    background-color: #fff;
}

/* Arrow position */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}

/* Placeholder align */
.select2-selection__rendered {
    line-height: 38px !important;
    color: #afb1b39a;
}

.select2-container .select2-selection--single {
    height: calc(2.25rem + 2px) !important;
}

.form-control[readonly] {
    background-color: #a8a3a34f;
    opacity: 50;
}

/* =========================================
   BUTTON RESERVASI
========================================= */

.btn-reservasi {
    height: 32px;
    padding: 0 24px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg,
            #2563eb,
            #1d4ed8);
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    transition: all .2s ease;
    box-shadow: 0 12px 30px rgba(37, 99, 235, 0.25);

}

.btn-reservasi:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 35px rgba(37, 99, 235, 0.35);
}

@media(max-width:1200px) {

    .btn-reservasi{
        width: max-content;
    }

}

@media(max-width:992px) {

    .btn-reservasi{
        width: max-content;
    }

}

@media(max-width:768px) {

.btn-reservasi{
        width: 100%;
    }
}