/**
 * Fallback Visibility Styles
 * Ensures elements are visible even with JavaScript errors
 */

/* Fallback to ensure visibility even with JS errors */
.header-clock > * {
    animation-fill-mode: forwards;
}

/* After 2 seconds, force visibility in case animations fail */
.header-greeting, 
.header-time, 
.header-date {
    animation-fill-mode: forwards;
}

/* Force clock to stay on one line and align right */
.header-clock {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: auto !important;
    white-space: nowrap !important;
}

/* Ensure header is flex layout */
.site-header .container {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}