/*
 * PORTUGAL_VIATOR_20261007_R146_compact_pagination.css
 * Shared by PortugalOnline main /tours/ and destination tour pages.
 *
 * Compact one-line pagination. The PHP emits only a small page window plus
 * ellipses, so hundreds of page buttons can no longer create multi-row blocks.
 */

.po-tours .po-viator-pagination,
.portugal-viator-destination-page .po-viator-pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 8px 2px 4px;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.po-tours .po-viator-page-numbers,
.portugal-viator-destination-page .po-viator-page-numbers {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    flex: 0 0 auto;
}

.po-tours .po-viator-page-link,
.portugal-viator-destination-page .po-viator-page-link,
.po-tours .po-viator-page-ellipsis,
.portugal-viator-destination-page .po-viator-page-ellipsis {
    flex: 0 0 auto;
}

.po-tours .po-viator-page-ellipsis,
.portugal-viator-destination-page .po-viator-page-ellipsis {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 40px;
    padding: 0 2px;
    font-weight: 700;
    line-height: 1;
    color: #5d6671;
}

@media screen and (max-width: 700px) {
    .po-tours .po-viator-pagination,
    .portugal-viator-destination-page .po-viator-pagination,
    .po-tours .po-viator-page-numbers,
    .portugal-viator-destination-page .po-viator-page-numbers {
        gap: 6px !important;
    }

    .po-tours .po-viator-page-ellipsis,
    .portugal-viator-destination-page .po-viator-page-ellipsis {
        min-width: 18px;
    }
}