/* ==========================================================================
   Neta India - list pagination (listing-pagination.php) and the home "View all" call-to-action
   ========================================================================== */

/* ---------- Pagination ---------- */
.pg {
    clear: both;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    width: 100%;
    margin: 44px 0 6px;
}
.pg .pg-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 10px;
    list-style: none;
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(11, 31, 75, .07);
    border-radius: 22px;
    box-shadow: 0 14px 40px rgba(11, 31, 75, .09), 0 1px 0 #fff inset;
}
.pg .pg-list > li { float: none; margin: 0; padding: 0; list-style: none; }

.pg .pg-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-sizing: border-box;
    min-width: 46px;
    height: 46px;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: 14px;
    background: transparent;
    color: #0b1f4b;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition: transform .2s ease, background .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.pg a.pg-btn:hover {
    background: #fff6ec;
    border-color: rgba(255, 153, 51, .55);
    color: #a14d00;
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(255, 153, 51, .22);
    text-decoration: none;
}
.pg a.pg-btn:active { transform: translateY(0); }
.pg a.pg-btn:focus-visible { outline: 3px solid rgba(36, 81, 183, .45); outline-offset: 2px; }

/* current page: filled, with a saffron underline dot */
.pg .pg-btn.is-current {
    background: linear-gradient(135deg, #0b1f4b 0%, #2451b7 100%);
    color: #fff;
    cursor: default;
    box-shadow: 0 12px 26px rgba(36, 81, 183, .38);
}
.pg .pg-btn.is-current::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 6px;
    width: 14px;
    height: 3px;
    margin-left: -7px;
    border-radius: 3px;
    background: #ff9933;
}

/* previous / next */
.pg .pg-side { margin: 0 4px; }
.pg .pg-step {
    padding: 0 18px;
    border-color: rgba(11, 31, 75, .12);
    background: #fff;
    font-size: 13px;
    letter-spacing: .8px;
    text-transform: uppercase;
}
.pg .pg-step i { font-size: 22px; line-height: 1; color: #ff9933; transition: transform .25s ease; }
.pg a.pg-step:hover i:first-child { transform: translateX(-3px); }
.pg a.pg-step:hover i:last-child { transform: translateX(3px); }
.pg .pg-btn.is-disabled { opacity: .42; cursor: not-allowed; }

.pg .pg-gap span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 46px;
    color: #8b95ad;
    font-size: 18px;
    letter-spacing: 1px;
}

.pg .pg-meta { margin: 0; color: #56617c; font-size: 14px; line-height: 1.6; text-align: center; }
.pg .pg-meta b { color: #0b1f4b; font-weight: 700; }

/* ---------- Home: "View all profiles" ---------- */
.viewall {
    clear: both;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
    margin: 44px 0 6px;
    text-align: center;
}
.viewall .viewall-note { margin: 0; color: #56617c; font-size: 15px; line-height: 1.6; }
.viewall .viewall-note b { color: #0b1f4b; }
.viewall .viewall-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    height: 56px;
    padding: 0 12px 0 32px;
    overflow: hidden;
    border-radius: 34px;
    background: linear-gradient(120deg, #0b1f4b 0%, #2451b7 100%);
    color: #fff !important;
    font-size: 13.5px;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: 0 16px 34px rgba(36, 81, 183, .35);
    transition: transform .25s ease, box-shadow .3s ease;
}
.viewall .viewall-btn::before {                       /* soft shine sweeping across on hover */
    content: "";
    position: absolute;
    top: 0;
    left: -60%;
    width: 40%;
    height: 100%;
    background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .28), transparent);
    transform: skewX(-20deg);
    transition: left .6s ease;
}
.viewall .viewall-btn span, .viewall .viewall-btn i { position: relative; }
.viewall .viewall-btn i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #ff9933;
    color: #0b1f4b;
    font-size: 16px;
    transition: transform .25s ease;
}
.viewall .viewall-btn:hover { transform: translateY(-3px); box-shadow: 0 22px 44px rgba(36, 81, 183, .45); text-decoration: none; }
.viewall .viewall-btn:hover::before { left: 120%; }
.viewall .viewall-btn:hover i { transform: translateX(4px); }
.viewall .viewall-btn:focus-visible { outline: 3px solid rgba(255, 153, 51, .7); outline-offset: 3px; }

/* ---------- Responsive ---------- */
@media (max-width: 767px) {
    .pg { margin-top: 32px; }
    .pg .pg-far { display: none; }                    /* keep: first, last, current and its neighbours */
}
@media (max-width: 575px) {
    .pg .pg-list { gap: 6px; padding: 8px; border-radius: 20px; }
    .pg .pg-edge, .pg .pg-gap { display: none; }      /* phones: previous, current +/- 1, next */
    .pg .pg-side { margin: 0 2px; }
    .pg .pg-btn { min-width: 42px; height: 42px; padding: 0 10px; }
    .pg .pg-step { padding: 0 12px; }
    .pg .pg-step span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }  /* arrows only */
    .pg .pg-step i { font-size: 24px; }
    .viewall .viewall-btn { height: 52px; padding-left: 24px; font-size: 12.5px; }
}
@media (prefers-reduced-motion: reduce) {
    .pg .pg-btn, .pg .pg-step i, .viewall .viewall-btn, .viewall .viewall-btn i, .viewall .viewall-btn::before { transition: none; }
}