/* --- Default Large Timer Styles (Unchanged) --- */
.sct_timer_trigger { width: 100%; }
.sct-countdown-timer-wrapper {
    text-align: center; background-color: #f9f9f9; padding: 20px; border-radius: 8px;
    border: 1px solid #ddd; max-width: 500px; margin: 1em auto; font-family: sans-serif;
}
.sct-countdown-timer-wrapper h3 {
    margin-top: 0; margin-bottom: 20px; color: #333; font-size: 1.2em;
}
.sct-countdown-timer { display: flex; justify-content: center; gap: 15px; }
.sct-time-block {
    display: flex; flex-direction: column; align-items: center; background-color: #ffffff;
    padding: 10px; border-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); min-width: 70px;
}
.sct-time { font-size: 2.5em; font-weight: bold; color: #0073aa; line-height: 1.1; }
.sct-label { font-size: 0.8em; color: #555; margin-top: 5px; text-transform: uppercase; }
.sct-expired-message h3 { color: #d9534f; }

/* --- Inline Timer Styles --- */
.sct-inline-style {
    display: flex !important;
    align-items: baseline !important;
    gap: 0.5em !important;
    flex-wrap: wrap !important;
    font-family: sans-serif;
    background: none !important; border: none !important; padding: 0 !important; margin: 0 !important;
}
.sct-inline-style h3 {
    font-size: 1em !important;
    font-weight: bold !important;
    color: inherit !important;
    white-space: nowrap !important;
    margin: 0 !important; padding: 0 !important;
}
.sct-inline-style .sct-countdown-timer {
    display: flex !important;
    align-items: baseline !important;
    gap: 0 !important;
}
.sct-inline-style .sct-unit {
    display: inline-flex !important;
    align-items: baseline !important;
}
.sct-inline-style .sct-unit:not(:last-of-type)::after {
    content: '|';
    font-weight: 100;
    color: #aaa;
    margin: 0 1em !important;
}
.sct-inline-style .sct-label {
    font-size: 0.8em !important;
    color: #555 !important;
    text-transform: uppercase !important;
    margin-right: 0.5em !important;
    font-weight: normal !important;
}
.sct-inline-style .sct-time {
    font-size: 1.2em !important;
    font-weight: bold !important;
    color: #0073aa !important;
    line-height: 1 !important;
}


/* --- START: FIX FOR ACTIVE INLINE TIMER LAYOUT --- */
/* This rule forces the container for the active timer to display its children (the title and numbers) side-by-side. */
.sct-inline-style .sct-active-timer-container {
    display: flex !important;
    align-items: baseline !important;
    gap: 0.5em !important;
    flex-wrap: nowrap !important; /* Prevents wrapping of the title and numbers */
}
/* --- END: FIX FOR ACTIVE INLINE TIMER LAYOUT --- */


/* --- Final Responsive Text Fix For Expired Message --- */
.sct-inline-style .sct-expired-message {
    width: 100% !important;
    flex-basis: 100% !important;
}
.sct-expired-message h3 {
    color: #d9534f !important;
    line-height: 1.4 !important;
    font-weight: normal !important;
    font-size: 1em !important;
    text-align: left !important;
    margin-top: 10px !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
}