@charset "UTF-8";

/* ==========================================================================
   COMPONENTĂ — PAGINARE  (.ps-paginare)
   --------------------------------------------------------------------------
   Sursă:  docs/design/DESIGN-SYSTEM.md §10.18  [PROPUS — nu există în Figma]
   Randat de: Views/Shared/_Pager.cshtml, prin <pager /> (TagHelpers/PagerTagHelper.cs)

   Stările persistente se exprimă prin ARIA: [aria-current="page"] pentru pagina
   activă, [aria-disabled="true"] pentru săgețile inactive — nu prin clase.
   ========================================================================== */

.ps-paginare {
    display: flex;
    justify-content: center;
    margin-block: var(--ps-space-30);
}

.ps-paginare__lista {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--ps-space-7);
    margin: 0;
    padding: 0;
    list-style: none;
}

.ps-paginare__item { display: flex; }

.ps-paginare__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding-inline: var(--ps-space-10);
    border: var(--ps-border-width) solid var(--ps-border-input);
    border-radius: var(--ps-radius-full);
    background: var(--ps-surface);
    font: var(--ps-type-body-medium);
    line-height: var(--ps-lh-tight);
    color: var(--ps-text-ui);
    text-decoration: none;
    transition: var(--ps-transition-color);
}

a.ps-paginare__link:hover {
    background: var(--ps-primary-soft);
    border-color: var(--ps-primary);
    color: var(--ps-green-ps);
}

a.ps-paginare__link:active {
    background: var(--ps-primary-soft-hover);
    color: var(--ps-c-green-1000);
}

.ps-paginare__link[aria-current="page"] {
    background: var(--ps-primary-soft);
    border-color: var(--ps-primary);
    color: var(--ps-green-ps);
    font-weight: var(--ps-fw-semibold);
    cursor: default;
}

.ps-paginare__link[aria-disabled="true"] {
    opacity: .4;
    pointer-events: none;
    cursor: not-allowed;
}

.ps-paginare__link--sageata { padding-inline: var(--ps-space-5); }

.ps-paginare__elipsa {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    border: 0;
    background: transparent;
    font: var(--ps-type-body-medium);
    color: var(--ps-text-disabled-aa);
    user-select: none;
}

/* ==========================================================================
   RESPONSIVE
   --------------------------------------------------------------------------
   Sub 576px numerele intermediare se ascund: rămân prima, ultima, pagina
   curentă și săgețile — suficient pentru navigare pe ecran mic, fără scroll
   orizontal. Rezumatul din .ps-sr-only rămâne disponibil cititoarelor de ecran.
   ========================================================================== */

@media (max-width: 575.98px) {
    .ps-paginare__lista { gap: var(--ps-space-5); }

    .ps-paginare__item:not(:first-child):not(:last-child) {
        display: none;
    }

    .ps-paginare__item:has(.ps-paginare__link--sageata),
    .ps-paginare__item:has([aria-current="page"]),
    .ps-paginare__item:has(.ps-paginare__elipsa) {
        display: flex;
    }
}

@media print {
    .ps-paginare { display: none; }
}