.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.text-shadow {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

.calendar-cell {
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.calendar-cell-content {
    position: relative;
    z-index: 10;
}

/* Volný den */
.occupancy-free {
    background-color: #dcfce7;
}

/* Celá rezervace - uprostřed */
.occupancy-middle {
    background-color: #f87171;
}

/* Začátek rezervace - šikmý zleva */
.occupancy-start {
    background: linear-gradient(135deg, #dcfce7 50%, #f87171 50%);
}

/* Konec rezervace - šikmý zprava */
.occupancy-end {
    background: linear-gradient(135deg, #f87171 50%, #dcfce7 50%);
}

/* Jediný den - obě strany šikmé */
.occupancy-single {
    background: linear-gradient(135deg, #dcfce7 25%, #f87171 25%, #f87171 75%, #dcfce7 75%);
}

/* Dark mode */
.dark .occupancy-free {
    background-color: #14532d;
}

.dark .occupancy-middle {
    background-color: #b91c1c;
}

.dark .occupancy-start {
    background: linear-gradient(135deg, #14532d 50%, #b91c1c 50%);
}

.dark .occupancy-end {
    background: linear-gradient(135deg, #b91c1c 50%, #14532d 50%);
}

.dark .occupancy-single {
    background: linear-gradient(135deg, #14532d 25%, #b91c1c 25%, #b91c1c 75%, #14532d 75%);
}