/* Force-override layer — loaded when "Force plugin styles" is enabled in WBLR Filter settings */

/* ── Chips ── */
.wpstackf-selections { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; }

.wpstackf-chip { all: unset !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 5px 10px 5px 14px !important; background: #fff !important; border: 1.5px solid #d1d5db !important; border-radius: 20px !important; color: #6b7280 !important; font-size: 13px !important; font-weight: 500 !important; cursor: default !important; line-height: 1.4 !important; width: fit-content !important; flex-shrink: 0 !important; }

.wpstackf-chip__label { all: unset !important; color: #6b7280 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.4 !important; padding: 0 !important; margin: 0 !important; }

.wpstackf-chip__remove { all: unset !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 18px !important; padding: 0 !important; margin: 0 !important; background: none !important; border: none !important; border-radius: 50% !important; color: #6b7280 !important; cursor: pointer !important; font-size: 13px !important; line-height: 1 !important; flex-shrink: 0 !important; }
.wpstackf-chip__remove:hover { color: #374151 !important; }

.wpstackf-chip--clear { all: unset !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; padding: 5px 14px !important; margin: 0 !important; background: #fff !important; border: 1.5px solid #d1d5db !important; border-radius: 20px !important; color: #6b7280 !important; font-size: 13px !important; font-weight: 500 !important; cursor: pointer !important; line-height: 1.4 !important; width: fit-content !important; flex-shrink: 0 !important; }
.wpstackf-chip--clear:hover { border-color: #4f46e5 !important; color: #4f46e5 !important; }

/* ── Pagination ── */
.wpstackf-pager { display: flex !important; align-items: center !important; gap: 6px !important; margin-top: 24px !important; flex-wrap: wrap !important; }
.wpstackf-pager-btn { all: unset !important; box-sizing: border-box !important; min-width: 42px !important; height: 42px !important; padding: 0 10px !important; margin: 0 !important; background: #9ca3af !important; border: none !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 600 !important; color: #fff !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; transition: background .15s !important; }
.wpstackf-pager-btn:hover:not([disabled]) { background: #6b7280 !important; }
.wpstackf-pager-btn.is-active { background: #6b7280 !important; cursor: default !important; }
.wpstackf-pager-btn[disabled] { background: #d1d5db !important; cursor: default !important; }

/* ── Load More ── */
.wpstackf-load-more-btn { all: unset !important; box-sizing: border-box !important; display: inline-block !important; padding: 10px 32px !important; margin: 0 !important; background: #fff !important; border: 1.5px solid #d1d5db !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 600 !important; color: #374151 !important; cursor: pointer !important; }
.wpstackf-load-more-btn:hover { border-color: #4f46e5 !important; color: #4f46e5 !important; }