/* ==========================================
   TD 2.7.26 – Button system v1
   Gemensamma knapp-tokens och basvarianter.
   ========================================== */

:root{
  --td-btn-radius: var(--td-radius-cta, 5px);
  --td-btn-radius-nav: var(--td-radius-cta, 5px);
  --td-btn-radius-icon: var(--td-radius-action, 5px);
  --td-btn-min-height: 48px;
  --td-btn-padding-x: 16px;
  --td-btn-padding-y: 12px;
  --td-btn-font-weight: 700;
  --td-btn-bg-primary: #c65a1e;
  --td-btn-bg-primary-hover: #b34f18;
  --td-btn-fg-primary: #fffaf1;
  --td-btn-bg-secondary: #ffffff;
  --td-btn-fg-secondary: #1f2328;
  --td-btn-border-secondary: rgba(0,0,0,.12);
}

.td-btn,
.td-btn--primary,
.td-btn--secondary,
.td-btn--nav{
  appearance:none;
  -webkit-appearance:none;
  min-height:var(--td-btn-min-height);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:var(--td-btn-padding-y) var(--td-btn-padding-x);
  border-radius:var(--td-btn-radius);
  line-height:1.2;
  font-weight:var(--td-btn-font-weight);
  text-decoration:none;
  border:0;
  box-shadow:none;
  background-image:none;
  overflow:hidden;
  background-clip:padding-box;
}

.td-btn--primary,
.td-btn--nav{
  background:var(--td-btn-bg-primary);
  color:var(--td-btn-fg-primary);
}

.td-btn--secondary{
  background:var(--td-btn-bg-secondary);
  color:var(--td-btn-fg-secondary);
  border:1px solid var(--td-btn-border-secondary);
}

.td-btn--icon,
.td-icon-btn,
.td-action-btn,
.td-share-btn,
.td-copy-btn{
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--td-btn-radius-icon);
  border:0;
  box-shadow:none;
}