/* ==========================================================
   NemuTrip Components
   Version : 2.0 Production (LOCKED)
   ========================================================== */

/* ==========================================================
   BOOKING WIDGET
   ========================================================== */

.booking-section{
    position:relative;
    margin-top:-80px;
    z-index:100;
}

.booking-card{
    background:var(--white);
    border:1px solid var(--border);
    border-radius:20px;
    box-shadow:var(--shadow);
    overflow:hidden;
}

/* ==========================================================
   TABS
   ========================================================== */

.booking-card .nav-tabs{
    border:none;
    background:var(--primary);
}

.booking-card .nav-link{
    border:none;
    border-radius:0;
    padding:18px 30px;
    color:var(--white);
    font-weight:600;
    transition:var(--transition);
}

.booking-card .nav-link:hover{
    color:var(--white);
    background:rgba(255,255,255,.08);
}

.booking-card .nav-link.active{
    background:var(--warning);
    color:var(--dark);
}

/* ==========================================================
   FORM
   ========================================================== */

.booking-card .tab-content{
    padding:2rem;
}

.booking-card label{
    display:block;
    margin-bottom:8px;
    font-weight:600;
    color:var(--dark);
}

.booking-card .form-control,
.booking-card .form-select{
    height:52px;
    border:1px solid var(--border);
    border-radius:var(--radius-sm);
    transition:var(--transition);
}

.booking-card .form-control:focus,
.booking-card .form-select:focus{
    border-color:var(--primary);
    box-shadow:0 0 0 .2rem rgba(13,110,253,.15);
}

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

.booking-card .btn{
    height:52px;
    font-weight:700;
    border-radius:var(--radius-sm);
    transition:var(--transition);
}

.booking-card .btn:hover{
    transform:translateY(-2px);
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width:991.98px){

    .booking-section{
        margin-top:40px;
    }

    .booking-card .tab-content{
        padding:1.5rem;
    }

}

@media (max-width:575.98px){

    .booking-card .nav-link{
        padding:15px;
        font-size:.95rem;
    }

}