/**
 * The Events Calendar - Mobile Fixes
 */

/* Override parent theme table padding for TEC calendar */
.entry-content table.tribe-events-calendar-month th,
.entry-content table.tribe-events-calendar-month td,
table.tribe-events-calendar-month th,
table.tribe-events-calendar-month td {
    padding: 0 !important;
}

/* Mobile day cell - remove oversized backgrounds */
.tribe-events-calendar-month__day-cell--mobile {
    background-color: transparent !important;
    overflow: visible !important;
    padding: 8px !important;
    min-height: auto !important;
}

/* Below TEC's medium breakpoint */
.tribe-common--breakpoint-medium .tribe-events-calendar-month__day-cell--mobile {
    background-color: transparent !important;
}

/* Current day highlight */
.tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-cell--mobile {
    background-color: #ffffff !important;
    border: 1px solid #E9530E !important;
}

/* Past days - muted */
.tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-cell--mobile {
    background-color: #f8f8f8 !important;
}

/* Mobile event indicators - small dots */
.tribe-events-calendar-month__mobile-events-icon {
    width: 8px !important;
    height: 8px !important;
    background-color: #E9530E !important;
    border-radius: 50% !important;
    margin: 2px !important;
}

/* Event indicator wrapper */
.tribe-events-calendar-month__mobile-events-icon-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 2px !important;
    max-width: 100% !important;
}

/* Day date number - ensure visibility */
.tribe-events-calendar-month__day-date {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333333 !important;
}

.tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date {
    color: #999999 !important;
}

/* Mobile phones: 767px and below */
@media (max-width: 767px) {
    .tribe-events-calendar-month__day-cell--mobile {
        padding: 4px !important;
    }

    .tribe-events-calendar-month__day-date {
        font-size: 12px !important;
    }

    .tribe-events-calendar-month__mobile-events-icon {
        width: 6px !important;
        height: 6px !important;
    }
}

/* Small mobile: 576px and below */
@media (max-width: 576px) {
    .tribe-events-calendar-month__calendar-body {
        overflow-x: auto !important;
    }

    .tribe-events-calendar-month__day-cell--mobile {
        min-width: 40px !important;
    }
}