/* ============================================================
   simplePagination.css — IGMS styled to match original portal
   Targets: ul.simple-pagination  (compact-theme)
   ============================================================ */

ul.simple-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 2px;
}

    ul.simple-pagination li {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

        ul.simple-pagination li a,
        ul.simple-pagination li span {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 32px;
            height: 32px;
            padding: 0 8px;
            font-size: 13px;
            font-family: "Segoe UI", Arial, sans-serif;
            color: #285ba3;
            background-color: #fff;
            border: 1px solid #c5d3e8;
            text-decoration: none;
            cursor: pointer;
            line-height: 1;
            transition: background-color 0.15s, color 0.15s;
            border-radius: 0;
        }

            ul.simple-pagination li a:hover {
                background-color: #dce9f5;
                color: #1a3a6b;
                border-color: #9ab5d8;
            }

        /* Active page — dark navy fill, white text */
        ul.simple-pagination li.current a,
        ul.simple-pagination li.active a {
            background-color: #1a3a6b;
            color: #fff !important;
            border-color: #1a3a6b;
            font-weight: 700;
            cursor: default;
            pointer-events: none;
        }

        /* Disabled prev/next */
        ul.simple-pagination li.disabled a,
        ul.simple-pagination li.disabled span {
            color: #aaa;
            background-color: #f5f5f5;
            border-color: #ddd;
            cursor: default;
            pointer-events: none;
        }

        /* Ellipsis */
        ul.simple-pagination li.ellipse a,
        ul.simple-pagination li.ellipse span {
            border: none;
            background: transparent;
            color: #555;
            min-width: 20px;
            cursor: default;
            pointer-events: none;
        }

        /* Prev / Next arrow buttons — slightly wider */
        ul.simple-pagination li:first-child a,
        ul.simple-pagination li:last-child a {
            font-weight: 600;
            color: #555;
        }