:root {
    --c360-primary: #0a5c66;
    --c360-primary-dark: #073e45;
}

body {
    min-height: 100vh;
}

.navbar-brand {
    font-weight: 600;
}

.bg-dark {
    background-color: var(--c360-primary-dark) !important;
}

.btn-primary {
    background-color: var(--c360-primary);
    border-color: var(--c360-primary);
}

.btn-primary:hover {
    background-color: var(--c360-primary-dark);
    border-color: var(--c360-primary-dark);
}

.cookie-banner {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    background: #fff;
    border-top: 1px solid #dee2e6;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, .08);
}

/* Slot di prenotazione: griglia di bottoni, comoda anche su smartphone */
.slot-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(4.5rem, 1fr));
    gap: .5rem;
}

.slot-btn.active {
    background-color: var(--c360-primary);
    border-color: var(--c360-primary);
    color: #fff;
}

/* Planning admin: card per appuntamento, ottimizzate per touch su mobile */
.appuntamento-card {
    border-left: 4px solid var(--c360-primary);
}

.appuntamento-card.stato-cancellato {
    border-left-color: #adb5bd;
    opacity: .65;
}

.appuntamento-card.stato-completato {
    border-left-color: #198754;
}

@media (max-width: 576px) {
    .container {
        padding-left: .75rem;
        padding-right: .75rem;
    }
}