/* Show the "Showing X–Y of Z" only on < 1440px */
@media (max-width: 1439.98px) {
    .fi-pagination .fi-pagination-overview {
        display: block !important;
    }
}

/* Tablet + small desktop layout tweaks (< 1440px, >= 768px) */
@media (min-width: 768px) and (max-width: 1439.98px) {
    .fi-pagination {
        grid-template-columns: 1fr auto 1fr;
        grid-auto-rows: auto;
        row-gap: 0.75rem;
    }

    .fi-pagination .fi-pagination-previous-btn {
        grid-row: 1;
        grid-column: 1;
    }

    .fi-pagination .fi-pagination-records-per-page-select-ctn {
        grid-row: 1;
        grid-column: 2;
        justify-self: center;
    }

    .fi-pagination .fi-pagination-next-btn {
        grid-row: 1;
        grid-column: 3;
    }

    .fi-pagination .fi-pagination-overview {
        grid-row: 2;
        grid-column: 1 / -1;
        justify-self: center;
        text-align: center;
        width: 100%;
        max-width: 100%;
        padding-inline: 0.5rem;
        white-space: normal;
        overflow-wrap: anywhere;
    }
}

/* Ensure the overview is visible on >= 1440px (desktop) */
@media (min-width: 1440px) {
    .fi-pagination .fi-pagination-overview {
        display: inline !important;
    }
}

/* Mobile layout tweaks */
@media (max-width: 767.98px) {
    .fi-pagination {
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: auto;
        row-gap: 0.75rem;
    }

    .fi-pagination .fi-pagination-previous-btn {
        grid-row: 1;
        grid-column: 1;
    }

    .fi-pagination .fi-pagination-next-btn {
        grid-row: 1;
        grid-column: 2;
    }

    .fi-pagination .fi-pagination-overview {
        width: 100%;
        max-width: 100%;
        display: flex !important;
        grid-row: 2;
        grid-column: 1 / -1;
        justify-self: center;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding-inline: 0.5rem;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .fi-pagination .fi-pagination-records-per-page-select-ctn {
        grid-row: 4;
        grid-column: 1 / -1;
        justify-self: center;
    }
}