/* --- Footer Clock Styles --- */
.footer-clock {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* محاذاة لليسار */
    gap: 0.8rem;
    color: var(--text-gray);
    font-size: 1.4rem;
    font-weight: 600;
}

.clock-display {
    font-family: var(--font-mono);
    font-size: 2.2rem;
    color: var(--primary);
    letter-spacing: 1px;
}

/* RTL support */
html[dir="rtl"] .footer-clock {
    align-items: flex-end; /* محاذاة لليمين في وضع RTL */
}

@media (max-width: 768px) {
    .footer-clock {
        align-items: center; /* توسيط في الهواتف */
    }
}