/*
 * Crawlbare Seitennummerierung auf Kategorie-/Shop-Archiven.
 * Eigene Datei, weil das Theme kein Build-Tooling hat (SCSS und main.min.css
 * wuerden sonst auseinanderlaufen).
 *
 * Optisch komplett unsichtbar, aber im HTML vorhanden und crawlbar:
 * bewusst NICHT display:none / visibility:hidden / height:0 - die Links
 * bleiben im Layout- und Accessibility-Baum und damit fuer Crawler und
 * Screenreader nutzbar. Kein Grid, kein aspect-ratio.
 */

.btw_seo_pagination {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap !important;
}

.btw_seo_pagination .page-numbers {
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.btw_seo_pagination .page-numbers li {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*
 * Sichtbar bei Tastaturfokus, damit die Links nicht komplett
 * unerreichbar sind (a11y). Ohne Fokus bleibt alles unsichtbar.
 */
.btw_seo_pagination:focus-within {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 10px 0 40px !important;
    overflow: visible !important;
    clip: auto;
    clip-path: none;
    white-space: normal !important;
    text-align: center;
}

.btw_seo_pagination:focus-within .page-numbers {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px 14px;
}

.btw_seo_pagination a.page-numbers,
.btw_seo_pagination span.page-numbers {
    display: inline-block;
    padding: 2px 4px;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none;
    color: #8a8a8a;
}

/* Parent-Theme setzt a:visited { color: inherit } - deshalb alle States explizit */
.btw_seo_pagination a.page-numbers:link,
.btw_seo_pagination a.page-numbers:visited {
    color: #8a8a8a;
}

.btw_seo_pagination a.page-numbers:hover,
.btw_seo_pagination a.page-numbers:focus,
.btw_seo_pagination a.page-numbers:active {
    color: #000;
    text-decoration: underline;
}

.btw_seo_pagination span.page-numbers.current {
    color: #000;
    font-weight: 600;
}