#mosque-list {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    /* width: 100vw !important; */ /* Removed */
    height: 100vh !important; /* Use viewport height */
    z-index: 9999 !important; /* Ensure it's on top */
    /* The transform and transition will still be handled by Tailwind classes */
}

#sidebar-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    /* width: 100vw !important; */ /* Removed */
    height: 100vh !important;
    z-index: 9998 !important; /* Below mosque-list */
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.animate-spin-svg {
    animation: spin 1s linear infinite;
}

#calculation-method {
  filter: brightness(150%);
}