/* МебелеФ v3 — components/buttons.css. Кнопки .btn, кнопки-иконки .iconbtn. */
/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:48px;padding:0 var(--space-6);border:1.5px solid transparent;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;background:none;transition:background-color .15s,border-color .15s;text-align:center}
.btn--cta{background:var(--cta);color:var(--on-cta)}
.btn--cta:hover{background:var(--cta-hover)}
.btn--accent{background:var(--accent);color:var(--on-accent)}
.btn--accent:hover{background:var(--accent-hover)}
.btn--outline{border-color:var(--ink);background:var(--bg)}
.btn--outline:hover{background:var(--surface-2)}
.btn--ghost{background:var(--surface-2)}
.btn--ghost:hover{background:var(--line)}
.btn--link{height:36px;padding:0 var(--space-2);text-decoration:underline;text-underline-offset:3px;font-size:14px}
.btn--link:hover{color:var(--ink-muted)}
.btn--sm{height:40px;padding:0 var(--space-4);font-size:14px}
.btn--block{width:100%}
.btn[disabled],.btn[aria-disabled="true"]{background:var(--surface-2);color:var(--ink-muted);border-color:transparent;cursor:not-allowed}
.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-pill);background:var(--bg);box-shadow:var(--shadow-float);cursor:pointer}
.iconbtn:hover{background:var(--surface-2)}
.iconbtn[aria-pressed="true"]{color:var(--danger)}
.iconbtn[aria-pressed="true"] .icon{fill:currentColor}
/* Кнопки-иконки: сравнение выбрано */
.iconbtn.mebelef-compare-toggle[aria-pressed="true"]{color:var(--success);background:var(--success-soft)}
.iconbtn.mebelef-compare-toggle[aria-pressed="true"] .icon{fill:none}
.iconbtn--square{background:var(--surface-2);box-shadow:none;width:40px;height:40px;border-radius:12px}