/*
 * CalDAV Calendar — month template styles
 *
 * Colors inherit from theme via CSS custom properties on parent containers.
 */

.wp-calendar-table__day--has-events {
    position: relative;
}

/* Event dots: one small coloured dot per event (colour set inline from ICS COLOR) */
.wp-calendar-table__event-dots {
    list-style: none;
    margin: 3px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3px;
}

.wp-calendar-table__event-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0073aa; /* fallback; inline style overrides with the event colour */
}

/* Today highlight */
.wp-calendar-table__day--today {
    font-weight: 700;
}

/* Year loop — when multiple months are shown, lay them out in a responsive grid */
.cct-calendar-year-loop .wp-calendar-table {
    margin-bottom: 1.5rem;
}

.cct-calendar-year-loop .cct-monthly-table {
    max-width: 100%;
}

@media (min-width: 900px) {
    .cct-calendar-year-loop {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.5rem;
    }
}