﻿.search-results-page ul {
    list-style: none;
}

.search-results-page li {
    margin-bottom: 20px;
}

.search-results-page a {
    font-size: 1.2em;
    text-decoration: none;
}

    .search-results-page a:hover {
        text-decoration: underline;
    }

.result-item {
    padding: 1.5rem 0;
    border-top: 1px solid #dee2e6;
}

    .result-item:last-child {
        border-bottom: 1px solid #dee2e6;
    }

li.result-item {
    text-decoration: none;
}

.search-highlight {
    color: #0081A6;
    font-weight: bold;
}

.pagination-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
}

.pagination {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: center;
    gap: 8px;
}

    .pagination li {
        margin: 0;
        padding: 0;
    }

        .pagination li a,
        .pagination li span {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 32px;
            height: 32px;
            padding: 0 6px;
            border-radius: 50%;
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
            color: #333;
            transition: all 0.2s ease;
        }


        .pagination li.active span {
            background-color: #002B49;
            color: white;
        }

        .pagination li:not(.active) a:hover {
            background-color: #f0f0f0;
        }

        .pagination li.PagedList-skipToNext a,
        .pagination li.PagedList-skipToPrevious a {
            border: 1px solid #e0e0e0;
            border-radius: 50%; /* add circle around arrow */
            padding: 0;
            width: 32px;
            height: 32px;
        }

            .pagination li.PagedList-skipToNext a:hover,
            .pagination li.PagedList-skipToPrevious a:hover {
                background-color: #f0f0f0;
            }

        .pagination li.PagedList-skipToNext a {
            font-size: 0;
        }

            .pagination li.PagedList-skipToNext a::after {
                content: "→";
                font-size: 16px;
            }

        .pagination li.PagedList-skipToPrevious a {
            font-size: 0;
        }

            .pagination li.PagedList-skipToPrevious a::after {
                content: "←";
                font-size: 16px;
            }

        .pagination li.disabled span {
            color: #666;
        }
