/**
 * Xencrete Live Counter — base styles
 * Typography and colours are controlled via Elementor widget style controls.
 * This file handles layout only.
 */

.xlc-wrap {
    display: flex;
    flex-direction: column;
    gap: 0;
    border-top-style: solid;
    border-top-width: 3px;    /* overridden by widget control */
    border-top-color: #1040D0; /* overridden by widget control */
    padding-top: 16px;
    width: 100%;
    box-sizing: border-box;
}

.xlc-heading {
    margin-bottom: 10px;
    /* typography via widget controls */
}

.xlc-number-row {
    display: flex;
    align-items: baseline;
    flex-wrap: nowrap;
    line-height: 1;
    margin-bottom: 8px;
}

.xlc-number {
    display: inline;
    font-variant-numeric: tabular-nums;
    /* typography via widget controls */
}

.xlc-prefix {
    display: inline;
    font-weight: 500;
    /* size/colour via widget controls */
}

.xlc-suffix {
    display: inline;
    font-weight: 500;
    /* size/colour via widget controls */
}

.xlc-subtext {
    /* typography via widget controls */
}

/* Editor preview — prevent layout flash */
.elementor-editor-active .xlc-number {
    font-variant-numeric: tabular-nums;
}