/* Template Masjid — Custom CSS */

html {
    -webkit-font-smoothing: antialiased;
}

body {
    overflow-x: hidden;
}

section[id] {
    scroll-margin-top: 5rem;
}

::selection {
    background: #FBBF24;
    color: #14532D;
}

/* Highlight kartu sholat yang aktif sekarang */
.prayer-card.active {
    background: linear-gradient(135deg, #14532D 0%, #166534 100%);
    color: #FBBF24;
    border-color: #FBBF24;
}
.prayer-card.active [data-time] {
    color: #FBBF24;
}
.prayer-card.active div:first-child {
    color: rgba(251, 191, 36, 0.8);
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}