/**
 * Platform pagination — ownership: themes/platform (View) + ContentPageListService::categoryPage (list+pagination bag).
 *
 * Node pastes Laravel Blade html_snapshot only (no pagination invent).
 * Class `.Prev_felx` is historical mount class (short-term compatible API).
 * Future rename (not this migration): .platform-pagination*
 *
 * Load: page head that includes themes.platform.pagination
 *   <link rel="stylesheet" href="{{ platform_asset('css/pagination.css') }}">
 *
 * MUST NOT: blueprint brand tokens (custom theme red / template1 --MainColor).
 */
.Prev_felx {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 33px;
    margin-bottom: 20px;
    padding: 0;
}

.Prev_felx > div {
    box-sizing: border-box;
    line-height: 38px;
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #ededed;
    border-radius: 5px;
    font-size: 14px;
    color: #1a1a1a;
    cursor: default;
}

/* Clickable cells only — Total / current / disabled stay default cursor */
.Prev_felx > div:has(> a) {
    padding: 0;
    cursor: pointer;
}

/* Stretch <a> to full cell so the whole chip is the hit target */
.Prev_felx > div > a {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-width: 38px;
    padding: 0 10px;
    color: inherit;
    text-decoration: none;
}

.Prev_felx > div:has(strong) {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff;
}

.Prev_felx > div:hover:has(> a) {
    border-color: #1a1a1a;
    color: #1a1a1a;
}

.Prev_felx .disabled {
    color: #bbbbbb;
}

@media (max-width: 768px) {
    .Prev_felx {
        margin-top: 24px;
        margin-bottom: 20px;
        gap: 6px;
    }

    .Prev_felx > div {
        min-width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 13px;
        padding: 0 8px;
    }

    .Prev_felx > div:has(> a) {
        padding: 0;
    }

    .Prev_felx > div > a {
        min-width: 34px;
        padding: 0 8px;
    }
}