/* --- Spruce Grove Curling Centre: Upcoming Events Card Design --- */

/* Reset module list wrapper */
ul.facility-upcoming-events {
    padding-left: 0 !important;
    list-style: none !important;
    margin: 0 !important;
}

/* 1. White Card Container with Teal Accent Bar */
ul.facility-upcoming-events li.row {
    background-color: #ffffff !important;
    border-left: 5px solid #008080 !important;
    border-radius: 8px !important;
    padding: 10px 12px !important;
    margin-bottom: 12px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    display: flex !important;
    align-items: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 2. Navy Blue Date Badge (Left Column) */
ul.facility-upcoming-events .facility-col-1 {
    background-color: #1b365d !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 6px 10px !important;
    font-weight: bold !important;
    text-align: center !important;
    min-width: 55px !important;
    margin-right: 12px !important;
    flex-shrink: 0 !important;
}

/* Keep all date text white inside the badge */
ul.facility-upcoming-events .facility-col-1 * {
    color: #ffffff !important;
}

/* 3. Event Details (Right Column) */
ul.facility-upcoming-events .facility-col-2 {
    flex-grow: 1 !important;
}

/* Navy Blue Event Title Links */
ul.facility-upcoming-events .facility-col-2 div:first-child,
ul.facility-upcoming-events .facility-col-2 a {
    color: #1b365d !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    font-size: 14px !important;
}

/* Time display styling */
ul.facility-upcoming-events .facility-event-time {
    color: #666666 !important;
    font-size: 12px !important;
    margin-top: 3px !important;
}