/* Container styling */
.wplt-events-list {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

/* 
   The magic happens here: Flexbox forces the components (Time, Icon, Description) 
   to stay inline on the same horizontal row, aligned perfectly.
*/
.wplt-event-item {
    display: flex;
    align-items: center; /* Vertically centers the text with the image icon */
    gap: 12px;           /* Sets a clean, standard spacing between each span element */
    padding: 12px 8px;
    border-bottom: 1px solid #f0f0f0;
}

/* Keeps the minute column to a fixed uniform width so icons align vertically */
.wplt-time {
    min-width: 50px; 
    color: #207747; /* Football live red color alert */
    font-weight: bold;
    flex-shrink: 0; /* Prevents the time column from squeezing on mobile screens */
}

/* Icon layout constraint */
.wplt-icon {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0; 
}

/* 
   Ensures the description aligns correctly right after the icon 
   and handles wrapping beautifully if the text is very long.
*/
.wplt-description {
    font-size: 15px;
    line-height: 1.4;
    color: #333333;
    text-align: left;
}


span.wplt-time {
    display: inline-flex;
    justify-content: flex-end;
    width: 48px;
    font-size: smaller;
    /* Fixed space for numbers (e.g., 5', 12', 110') */
}

span.wplt-icon {
    display: inline-block !important;
    width: 32px !important;
    /* Standardized icon width */
    height: auto !important;
    /* Standardized icon height */
    margin-right: 12px !important;
    /* Fixed gap before the text starts */
    margin-left: 0 !important;
    vertical-align: middle;
    object-fit: contain;
    /* Prevents stretched icons */
}

ul.wplt-static-events-list li strong {
    display: inline-flex;
    justify-content: flex-end;
    width: 48px;
    font-size: smaller;
    /* Fixed space for numbers (e.g., 5', 12', 110') */
}

/* 2. Format the icons to a fixed container width */
ul.wplt-static-events-list li img {
    display: inline-block !important;
    width: 32px !important;
    /* Standardized icon width */
    height: auto !important;
    /* Standardized icon height */
    margin-right: 12px !important;
    /* Fixed gap before the text starts */
    margin-left: 0 !important;
    vertical-align: middle;
    object-fit: contain;
    /* Prevents stretched icons */
}