/* Dick Donohue's Event Countdown Timer - Stylesheet
 * Copyright (c) 2025 Dick Donohue
*/
.ddect-countdown {
    display: inline-flex;
    flex-direction: column;
    gap: 0.25rem;
    font-variant-numeric: tabular-nums;
    margin: 0.5rem 0;
}

.ddect-countdown__label,
.ddect-countup__label {
    font-weight: 600;
    margin-right: 0.25rem;
}

.ddect-countdown__segments,
.ddect-countup__segments {
    display: inline-flex;
    gap: 0.5rem;
    align-items: baseline;
}

.ddect-countdown__segment {
    display: inline-flex;
    gap: 0.15rem;
    align-items: baseline;
}

.ddect-countdown__segments > .ddect-countdown__segment {
    min-width: 2ch;
    justify-content: center;
}

.ddect-countdown__unit {
    opacity: 0.7;
    font-size: 0.85em;
}

.ddect-countdown__compact,
.ddect-countup__segments {
    font-family: monospace;
    font-size: 1.1em;
}

.ddect-countdown__expired {
    font-weight: 600;
    color: #444;
}

/* Error styling */
.ddect-countdown-error {
    color: #b00020;
    font-weight: 600;
}

/* Size variants */
.ddect-countdown--small {
    font-size: 0.85em;
}
.ddect-countdown--medium {
    font-size: 1em;
}
.ddect-countdown--large {
    font-size: 1.25em;
}
.ddect-countdown--x-large {
    font-size: 1.5em;
}

/* Inline layout modifier */
.ddect-countdown--inline {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
}
.ddect-countdown--inline .ddect-countdown__label {
    margin-right: 0.5rem;
}