/* ==============================================
   TM24 NOVAChild – Pagination
   Modul: modules/listing/pagination/pagination.css
   Scope: .page-item, .page-link
   Quelle: custom.css (Legacy)
   UTF-8 ohne BOM
   ============================================== */

.page-item .page-link {
    border-radius: var(--rs) !important;
    border: 1px solid var(--brd-l) !important;
    margin: 0 3px !important;
    font-weight: 600 !important;
    color: var(--txt) !important;
    background: var(--card) !important;
    box-shadow: var(--s1) !important;
    transition: all var(--speed) !important;
    min-width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.page-item.active .page-link {
    background: var(--p) !important;
    color: #fff !important;
    border-color: var(--p) !important;
    box-shadow: var(--sb) !important;
}

.page-item .page-link:hover {
    background: var(--pl, #e5e7eb) !important;
    color: var(--p, #0f172a) !important;
}

/* Gelben Balken / Accent unter aktiver Zahl aus Base-Template NOVA entfernen */
.page-item.active .page-link::before,
.page-item.active .page-link::after,
.pagination .active .page-link::before,
.pagination .active .page-link::after,
.page-item.active::before,
.page-item.active::after {
    content: none !important;
    display: none !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Inaktive Zahlen sauber und neutral */
.page-link,
.page-item .page-link {
    width: 56px !important;
    height: 56px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    color: #334155 !important;
    border: 1px solid #e5e7eb !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* Aktive Zahl passend zum Shop */
.page-item.active .page-link,
.pagination .active .page-link {
    background: #0f172a !important;
    color: #ffffff !important;
    border: 1px solid #0f172a !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14) !important;
    border-bottom: 1px solid #0f172a !important;
}