/*
    Project:    Darlington.gov.uk 2025 Umbraco 13+
    Version:    1.0
    Date:       05/02/2025
    Author:     Chris Smith (DBC)
    
    Purpose:    This CSS file houses all the bowling alley booking styles.
*/


.bowlingBookingOptions {
    border-top: 1px solid #9da0a3;
    padding-top: 1rem;
}

.btn.quantityAdd,
.btn.quantitySubtract {
    border-color: #6f6c6c;
}

button.accordion-button {
    letter-spacing: inherit;
}

.card-header h2{
    letter-spacing: 3px;
}

#bowlingFormContainer .form-control,
#bowlingFormContainer .form-select{
    font-size: 1.25rem;
    padding: .25rem .75rem;
}

.timeNudge {
    background-color: #d5eded;
    margin-bottom: 1rem;
    padding: 1rem .5rem .5rem;
}

.alternateDateContainer {
    display: block;
    font-weight: 600;
    
    padding: 1rem 0;
}


/*-------------Summary Page--------------*/

.bowling-logout-label, 
.bowling-login-label {
    display: block;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: .25rem;
}

h1.bookingSummaryHeader {
    font-size: 1.65rem;
}

.bookingSummaryWarning{
    font-size: 1.25rem;
    font-weight: 600;
}

.finalBowlingSummary tr,
.finalBowlingSummary td {
    font-size: 1.125rem;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------Small Tablet View (COL-MD)----------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
    h1 .bookingSummaryHeader {
        font-size: 1.675rem;
        margin-top: 2rem;
    }

    .finalBowlingSummary tr,
    .finalBowlingSummary td {
        font-size: 1.25rem;
    }
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------Small Tablet View (COL-LG)----------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 992px) {

    h1.bookingSummaryHeader {
        font-size: 1.75rem;
    }
}