/*
Theme Name: HybridMag Child
Description: Custom child theme for the Chessington District Residents' Association website.
Author: Chessington District Residents' Association
Template: hybridmag
Version: 1.0.0
Requires at least: 6.8
Tested up to: 6.8
Text Domain: hybridmag-child
*/
/* Override HybridMag's date block styling */
.tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    padding: 16px !important;
    width: 100px !important;
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Weekday (MON, TUE, etc.) */
.tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
    margin-bottom: 4px !important;
    font-size: 1.3rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-align: center !important;
}

/* Day number (25, 14, etc.) */
.tribe-events .tribe-events-calendar-list__event-date-tag-daynum {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    text-align: center !important;
}

/* Enlarge the month separator (e.g., August 2026) */
.tribe-events .tribe-events-calendar-list__month-separator-text {
    font-size: 1.5rem !important;          /* increase size */
    font-weight: 700 !important;         /* make it stand out */
    letter-spacing: 1px !important;      /* cleaner spacing */
    padding: 12px 0 !important;          /* more breathing room */
    color: #333 !important;              /* darker for visibility */
    text-transform: uppercase !important;/* optional: stronger look */
}

/* Mobile override: side-by-side date block */
@media (max-width: 600px) {

    .tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
        width: auto !important;
        padding: 4px 2px !important;
        height: auto !important;
        flex-direction: row !important;      /* side-by-side */
        gap: 6px !important;                 /* spacing between weekday + daynum */
        text-align: left !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    .tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
        font-size: 0.9rem !important;
        margin-bottom: 0 !important;
        letter-spacing: 0.5px !important;
    }

    .tribe-events .tribe-events-calendar-list__event-date-tag-daynum {
        font-size: 1.2rem !important;
        line-height: 1.1 !important;
    }
}