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

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

/* Small dot indicator on days with events */
.wp-calendar-table__day--has-events .wp-calendar-table__day-link::after {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: currentColor;
    margin: 2px auto 0;
    opacity: 0.6;
}

/* Event list shown inside the cell */
.wp-calendar-table__events {
    list-style: none;
    margin: 2px 0 0;
    padding: 0;
    font-size: 0.75em;
    text-align: left;
    color: inherit;
}

.wp-calendar-table__event {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1px 0;
}

.wp-calendar-table__event-time {
    font-weight: 600;
    margin-right: 2px;
}

.wp-calendar-table__event-location {
    opacity: 0.7;
    margin-left: 2px;
}

/* 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;
    }
}