/* Apply Titillium Web font to all elements of the Smart Events Calendar */
.elementor-widget-smart_events_calendar_6395e258,
.elementor-widget-smart_events_calendar_6395e258 *,
.sec-6395e258-wrapper,
.sec-6395e258-wrapper * {
    font-family: 'Titillium Web', sans-serif !important;
}

/* CSS to fix Smart Events Calendar filter dropdown truncation */
.sec-6395e258-filters select {
    line-height: 1.5 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    height: auto !important;
    min-height: 38px !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
}

@media screen and (max-width: 768px) {
    .sec-6395e258-filters select {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        min-height: 42px !important;
    }
}

/* Specific exact fix for card heights and timer vertical alignment */
.sec-6395e258-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 100% !important;
    box-sizing: border-box !important;
}

.sec-6395e258-card-body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    box-sizing: border-box !important;
    padding: 12px 15px !important; /* Refinement 1: Reduced card body padding */
}

/* Refinement 1: Reduce vertical spacing between internal card elements */
.sec-6395e258-card-body > * {
    margin-bottom: 8px !important; /* Moderate margin reduction throughout */
}

/* Refinement 2: Reduce line-height on card title & Restore font-size back to original 18px */
.sec-6395e258-title {
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
    font-size: 18px !important; /* Restored to original 18px */
}

/* Refinement 3: Change "UPCOMING" status badge background color from blue to red */
.sec-6395e258-badge-status.upcoming {
    background-color: #e74c3c !important; /* Red */
    color: #fff !important;
}

/* Refinement 4: Change category badge background color to grey and text color to white */
.sec-6395e258-badge-category {
    background-color: #7f8c8d !important; /* Grey */
    color: #ffffff !important;
}

/* Refinement 5: Move countdown closer to content above it */
.sec-6395e258-desc {
    margin-bottom: 10px !important; /* Shrunk spacing below description */
    flex-grow: 1 !important;
}

.sec-6395e258-countdown-wrap {
    margin-top: auto !important; /* Keep pinned to bottom */
    padding-top: 5px !important; /* Reduced padding from top */
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Refinement 6: Change the color of numbers inside countdown timer boxes from blue to red */
.sec-6395e258-countdown-val {
    color: #e74c3c !important; /* Red */
    margin-bottom: 2px !important; /* Reduces vertical gap above label */
}

/* Reduce vertical spacing/gap between countdown numbers and labels */
.sec-6395e258-countdown-wrap .sec-6395e258-countdown-val {
    line-height: 1.1 !important;
    margin-bottom: 0px !important;
}

.sec-6395e258-countdown-wrap .sec-6395e258-countdown-label {
    margin-top: 0px !important;
    padding-top: 0px !important;
    font-size: 0.65rem !important;
    line-height: 1 !important;
}