/* =====================================================
   Shatabhisha Consultation Booking
   booking.css v1.0
===================================================== */

#scp-slot-results{
    margin-top:30px;
}

/* Date Group */

.scp-date-group{
    margin-bottom:35px;
}

/* Date Heading */

.scp-slot-date{

    font-size:22px;

    font-weight:700;

    color:#900001;

    line-height:1.4;

    margin-bottom:18px;

}

/* Grid */

.scp-slot-grid{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

}

/* Slot Card */

.scp-slot-card{

    display:flex;

    align-items:center;

    justify-content:center;

    min-width:150px;

    height:52px;

    padding:0 18px;

    border:2px solid #d9d9d9;

    border-radius:10px;

    background:#ffffff;

    cursor:pointer;

    transition:all .25s ease;

    user-select:none;

    box-sizing:border-box;

}

.scp-slot-card:hover{

    border-color:#900001;

    background:#fff5f5;

    transform:translateY(-2px);

    box-shadow:0 6px 18px rgba(0,0,0,.08);

}

/* Hide ugly radio */

.scp-slot-card input[type=radio]{

    display:none;

}

/* Time */

.scp-slot-time{

    font-size:16px;

    font-weight:600;

    color:#1f2f46;

}

/* Tablet */

@media (max-width:991px){

    .scp-slot-card{

        min-width:140px;

    }

}

/* Mobile */

@media (max-width:767px){

    .scp-slot-grid{

        gap:10px;

    }

    .scp-slot-card{

        width:calc(50% - 5px);

        min-width:unset;

        padding:0;

    }

    .scp-slot-date{

        font-size:20px;

    }

}

/* Small Mobile */

@media (max-width:480px){

    .scp-slot-card{

        width:100%;

    }

}

.scp-slot-card.selected{

    border:2px solid #900001;

    background:#fff1f1;

    color:#900001;

    box-shadow:0 8px 20px rgba(144,0,1,.15);

}

.scp-slot-card.selected .scp-slot-time{

    color:#900001;

    font-weight:700;

}

#scp-customer-details{

    display:none;

}

.scp-summary-card{

    background:#fff;

    border:1px solid #ddd;

    border-radius:10px;

    padding:20px;

    margin:20px 0;

    box-shadow:0 5px 15px rgba(0,0,0,.06);

}

.scp-summary-card h3{

    margin-top:0;

    color:#900001;

}

#scp-change-slot{

    color:#900001;

    text-decoration:none;

    font-weight:600;

}

#scp-change-slot:hover{

    text-decoration:underline;

}

.scp-form-grid{

    max-width:700px;

    margin:auto;

}

.scp-form-group{

    margin-bottom:20px;

}

.scp-form-group label{

    display:block;

    margin-bottom:8px;

    font-weight:600;

    color:#900001;

}

.scp-form-group input,
.scp-form-group textarea{

    width:100%;

    padding:14px;

    border:1px solid #dcdcdc;

    border-radius:8px;

    font-size:16px;

    box-sizing:border-box;

}

.scp-form-group input:focus,
.scp-form-group textarea:focus{

    outline:none;

    border-color:#900001;

    box-shadow:0 0 8px rgba(144,0,1,.15);

}

.scp-form-note{

    text-align:center;

    color:#666;

    margin-bottom:25px;

    font-size:15px;

}

.scp-form-grid{

    max-width:700px;

    margin:0 auto;

}

.scp-form-group{

    margin-bottom:22px;

}

.scp-form-group label{

    display:block;

    margin-bottom:8px;

    font-weight:600;

    color:#900001;

}

.scp-form-group input,
.scp-form-group textarea{

    width:100%;

    padding:14px 16px;

    border:1px solid #d9d9d9;

    border-radius:8px;

    font-size:16px;

    box-sizing:border-box;

    transition:.25s;

}

.scp-form-group input:focus,
.scp-form-group textarea:focus{

    border-color:#900001;

    box-shadow:0 0 10px rgba(144,0,1,.12);

    outline:none;

}

.scp-form-group textarea{

    resize:vertical;

    min-height:120px;

}

.scp-mobile-group{

    display:flex;

    gap:10px;

    align-items:center;

}

.scp-country-code{

    width:130px;

    min-width:130px;

    height:48px;

    border:1px solid #d9d9d9;

    border-radius:8px;

    background:#fff;

    padding:0 10px;

    font-size:15px;

}

.scp-mobile-group input{

    flex:1;

}