/* Stili base (puoi sovrascriverli nel tema). */
.pa-orari-grid {
    width: 100%;
}

.pa-orari-grid__head,
.pa-orari-grid__row {
    display: grid;
    grid-template-columns: 90px 1fr 1fr 1fr;
    gap: 5px;
    align-items: center;
}

.pa-orari-grid__head {
    margin-bottom: 5px;
}

.pa-orari-grid__row {
    margin-bottom: 5px;
}

.pa-orari-grid__colhead,
.pa-orari-grid__rowhead {
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: var(--primary);
}

.pa-orari-grid__cell {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    min-height: 30px;
}

.pa-orari-grid__cell.is-available {
    background-color: var(--icon);
}

.pa-orari-grid__cell.is-available rect {
    stroke: #fff;
}

.pa-orari-grid__cell.is-available path {
    fill: #fff;
}

.pa-orari-grid__cell.is-unavailable {
    /*background-color: var(--bg);*/
    background-color: #fff;
}


/*.pa-orari-grid__cell.is-unavailable {
    outline: 2px solid rgba(191, 199, 209, .6);
}*/

.pa-orari-grid__cell {
    border: var(--border);
    background-color: #fff;
}

.pa-orari-grid__icon {
    font-weight: 700;
}