/*
Theme Name:  TrevorSphere Child Theme
Template:    bricks
Version:     3.4
Author:      TrevorSphere (Trevor Roberts)
Author URI:  https://trevorsphere.com
Text Domain: trevorsphere-child
Copyright (c) 2026 Trevor Roberts (TrevorSphere).
All rights reserved.
*/

/* ======================================================
   Premium Clock
   Author: TrevorSphere (Trevor Roberts)
   Version: 3.1
====================================================== */

.clock {
    display: inline-flex;
    align-items: center;
    gap: 2px;

    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";

    font-weight: 500;
    letter-spacing: .06em;
    line-height: 1;
}

/* digits */

.clock .digit {
    display: inline-block;
    width: 1ch;
    text-align: center;

    transition: transform .18s ease;
}

/* animation */

.clock .digit.changed {
    transform: translateY(-8%);
}

/* colon */

.clock .colon {
    opacity: .7;
    padding: 0 2px;
}

/* accessibility */

@media (prefers-reduced-motion: reduce) {

    .clock .digit {
        transition: none;
    }

}