/* 
 * Custom CSS for specific needs outside of Tailwind 
 * (e.g., custom animations, third party overrides) 
 */

/* Map Overrides */
.leaflet-container {
    font-family: 'Roboto', sans-serif !important;
}

/* Pagination Overrides */
.spc-pagination .nav-links {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.spc-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.5rem;
    border-radius: 0.375rem;
    background-color: transparent;
    color: #373737;
    font-weight: 500;
    text-decoration: none !important;
    transition: background-color 0.2s, color 0.2s;
    border: 1px solid transparent;
}

.spc-pagination .page-numbers:hover {
    background-color: #E2E8F0;
    color: #0F69C4;
}

.spc-pagination .page-numbers.current {
    background-color: #0F69C4;
    color: white;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}

.spc-pagination .prev.page-numbers,
.spc-pagination .next.page-numbers {
    padding: 0 1rem;
    border: 1px solid #E0E0E0;
    background-color: white;
}

.spc-pagination .prev.page-numbers:hover,
.spc-pagination .next.page-numbers:hover {
    background-color: #F8FAFC;
    border-color: #0F69C4;
    color: #0F69C4;
}

/* Base utility classes for typography not perfectly matching TW */
.font-serif {
    font-family: 'Roboto Slab', serif;
}
.font-sans {
    font-family: 'Roboto', sans-serif;
}