/**
 * Mi Toetie - FacetWP Styling
 * Alleen geladen op shop/categorie pagina's
 */

/* ============================================
   FACET WRAPS & LABELS
   ============================================ */

.facet-wrap {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--mt-border, #e5e5e5);
}

.facet-label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--mt-text, #4a4a4a);
}

/* ============================================
   PAGER
   ============================================ */

.mt-facetwp-pager {
    display: flex;
    gap: 4px;
    justify-content: center;
    margin: 24px 0;
}

.mt-facetwp-pager .facetwp-page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 8px;
    border: 1px solid var(--mt-border, #e5e5e5);
    border-radius: 4px;
    font-size: 14px;
    color: var(--mt-text, #4a4a4a);
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s;
}

.mt-facetwp-pager .facetwp-page:hover {
    background: var(--mt-bg-light, #f9f9f9);
}

.mt-facetwp-pager .facetwp-page.active {
    background: var(--mt-primary, #378A93);
    color: #fff;
    border-color: var(--mt-primary, #378A93);
}