/**
 * SHORT CALL - widget rezerwacji na Tablicy
 * @package Customer_Management_Plugin
 */

.cmp-short-call-widget{
    margin: 14px 0 18px;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,.06);
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.06);
}

.cmp-sc-widget-header{
    padding: 14px 16px;
    display:flex;
    flex-direction:column;
    gap:4px;
    background: linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,0));
}

.cmp-sc-widget-title{
    font-weight: 800;
    font-size: 16px;
    letter-spacing: .2px;
}

.cmp-sc-widget-subtitle{
    font-size: 13px;
    opacity: .8;
}

.cmp-sc-widget-body{
    padding: 14px 16px 16px;
}

.cmp-sc-section{
    margin-top: 10px;
}

.cmp-sc-section-label{
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 8px;
    opacity: .9;
}

.cmp-sc-dates, .cmp-sc-times{
    display:flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cmp-sc-chip{
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 999px;
    padding: 8px 12px;
    font-size: 13px;
    cursor: pointer;
    background: #fff;
    transition: transform .08s ease, background .12s ease, opacity .12s ease;
    user-select:none;
}

.cmp-sc-chip:hover{
    transform: translateY(-1px);
}

.cmp-sc-chip.is-selected{
    background: rgba(0,0,0,.08);
    border-color: rgba(0,0,0,.20);
}

.cmp-sc-chip.is-disabled{
    opacity: .45;
    cursor: not-allowed;
    transform: none !important;
}

.cmp-sc-actions{
    margin-top: 14px;
    display:flex;
    gap: 10px;
    align-items:center;
}

#cmp-sc-reserve[disabled]{
    opacity:.6;
    cursor:not-allowed;
}

.cmp-sc-feedback{
    margin-top: 10px;
    font-size: 13px;
}

.cmp-sc-feedback.is-error{ color: #b00020; }
.cmp-sc-feedback.is-success{ color: #0b6b2b; }

@media (max-width: 767px){
    .cmp-sc-dates, .cmp-sc-times{
        gap: 6px;
    }
    .cmp-sc-chip{
        padding: 8px 10px;
        font-size: 12px;
    }
}