/* Morph display — digital glyphs (HH:MM:SS) via the morphclock library.

   morphclock mutates the container directly: it tags #clock-container with
   class `.morphclock`, inserts each glyph as an absolutely-positioned SVG
   sized via percentage `width` attributes, and leaves the container's inline
   `height` at 0 (the library doesn't reserve vertical space; absolute
   children overflow below). The :not(.morphclock) exclusion in app.css
   keeps our generic stretch rule from interfering. */

/* Couple stroke colour to the day↔night transition. The library's morph.css
   already routes inner .morph-svg-path strokes via `stroke: inherit`. */
.morphclock {
    stroke: var(--current-text-color, #fff);
}

/* The clock-wrapper centres #clock-container vertically; with the
   container's height collapsed to 0, its absolute-positioned glyph SVGs
   would all hang below the centre line. Lift each SVG by half its own
   height so the glyph row straddles the centre symmetrically. */
body.morph-mode #clock-container > svg {
    transform: translateY(-50%);
}