/* =====================================================
   TOUR BOOKING FRONTEND STYLE
===================================================== */


.tb-booking-wrapper {

    display: grid;

    grid-template-columns: minmax(0, 1fr) 380px;

    gap: 30px;

    max-width: 1200px;

    margin: 40px auto;

    font-family: Arial, sans-serif;

}



.tb-card,
.tb-summary {

    background: #ffffff;

    border-radius: 16px;

    padding: 25px;

    margin-bottom: 20px;

    box-shadow: 0 8px 25px rgba(0, 0, 0, .08);

}



.tb-card h2 {

    font-size: 30px;

    margin-bottom: 10px;

}



.tb-card h3,
.tb-summary h3 {

    margin-top: 0;

    font-size: 20px;

    margin-bottom: 20px;

}



.tb-subtitle {

    color: #777;

}



/* FORM */

.tb-card input,
.tb-card select,
.tb-card textarea {


    width: 100%;

    padding: 14px 16px;

    border: 1px solid #ddd;

    border-radius: 10px;

    margin-bottom: 15px;

    font-size: 15px;

    box-sizing: border-box;


}



.tb-card textarea {

    resize: vertical;

}



.tb-grid {


    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 15px;


}





/* COUNTER */


.tb-counter {


    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 12px 0;

    border-bottom: 1px solid #eee;


}



.tb-number {


    display: flex;

    align-items: center;

    gap: 10px;


}



.tb-number button {


    width: 38px;

    height: 38px;

    border-radius: 50%;

    border: none;

    background: #0b7cff;

    color: #fff;

    font-size: 20px;

    cursor: pointer;


}



.tb-number input {


    width: 55px;

    text-align: center;

    padding: 8px;

    margin: 0;


}





/* SUMMARY */


.tb-sidebar {


    position: relative;


}



.tb-summary {


    position: sticky;

    top: 30px;


}



.tb-row {


    display: flex;

    justify-content: space-between;

    padding: 12px 0;

    border-bottom: 1px solid #eee;


}



.tb-total {


    display: flex;

    justify-content: space-between;

    font-size: 24px;

    font-weight: bold;

    margin: 20px 0;


}



.tb-checkbox {


    display: block;

    font-size: 14px;

    margin-bottom: 20px;


}



#tb-book-now {


    width: 100%;

    padding: 16px;

    background: #ff7a00;

    color: white;

    border: none;

    border-radius: 12px;

    font-size: 17px;

    font-weight: bold;

    cursor: pointer;


}



#tb-book-now:hover {


    background: #e96d00;


}





/* MOBILE */

@media(max-width:900px) {


    .tb-booking-wrapper {


        grid-template-columns: 1fr;

        padding: 15px;


    }



    .tb-grid {


        grid-template-columns: 1fr;


    }



    .tb-summary {


        position: relative;

        top: 0;

    }


}