/* МебелеФ v3 — components/navigation.css. Хлебные крошки и пагинация. */
/* Breadcrumbs, pagination, seo */
.crumbs{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:13px;color:var(--ink-muted)}
.crumbs a:hover{color:var(--ink);text-decoration:underline}
.crumbs li+li::before{content:"/";margin-right:var(--space-2);color:var(--line-control)}
.crumbs [aria-current]{color:var(--ink)}
.pages{display:flex;gap:var(--space-1);justify-content:center}
.pages a,.pages span{min-width:40px;height:40px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:500;padding:0 var(--space-2)}
.pages a:hover{background:var(--surface-2)}
.pages [aria-current="page"]{background:var(--ink);color:var(--bg);font-weight:600}
/* Пагинация (WooCommerce и записи) */
.pages .page-numbers{min-width:40px;height:40px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:500;padding:0 var(--space-2)}
.pages a.page-numbers:hover{background:var(--surface-2)}
.pages .page-numbers.current{background:var(--ink);color:var(--bg);font-weight:600}
.pages-wrap .nav-links{display:flex;gap:var(--space-1);justify-content:center;margin-top:var(--space-6)}
.pages-wrap .page-numbers{min-width:40px;height:40px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center}
.pages-wrap .current{background:var(--ink);color:var(--bg)}
.crumbs{list-style:none;padding:0;margin:0}
/* Чипы: фильтры в каталоге и подсказки в пустых состояниях (404, пустой поиск) */
.chip{display:inline-flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border:1.5px solid var(--line);border-radius:var(--radius-pill);background:var(--bg);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer}
.chip:hover{border-color:var(--line-control)}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.chip--filters{background:var(--surface-2);border-color:var(--surface-2);font-weight:600}
.chip__n{min-width:20px;height:20px;border-radius:10px;background:var(--ink);color:var(--bg);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.chip--applied{height:34px;font-size:13px}
.chip--select{position:relative;padding-right:var(--space-3)}
.chip--select select{appearance:none;border:0;background:none;font:inherit;font-size:14px;font-weight:500;padding-right:22px;cursor:pointer;height:100%}
.chip--select .icon{position:absolute;right:12px;pointer-events:none;width:16px;height:16px}