/* === BUTTONS === */
.kp-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  font-family:'Outfit',sans-serif;font-weight:600;font-size:.875rem;
  padding:10px 22px;border-radius:var(--r-full);border:none;
  cursor:pointer;transition:all var(--dur) var(--ease);
  text-decoration:none;white-space:nowrap;line-height:1.4;
}
.kp-btn .material-symbols-outlined{font-size:18px}

/* Primary (Mavi) */
.kp-btn--primary{background:var(--c-primary);color:#fff;box-shadow:var(--s-primary)}
.kp-btn--primary:hover{background:var(--grad-primary);color:#fff;transform:translateY(-1px);box-shadow:var(--s-primary-lg)}
.kp-btn--primary:active{transform:translateY(0)}

/* Gradient (marka mavi→yeşil — öne çıkan CTA) */
.kp-btn--gradient{background:var(--grad-brand);color:#fff;box-shadow:var(--s-primary)}
.kp-btn--gradient:hover{color:#fff;transform:translateY(-1px);box-shadow:var(--s-primary-lg)}
.kp-btn--gradient:active{transform:translateY(0)}

/* Outline */
.kp-btn--outline{background:transparent;border:1.5px solid var(--c-border);color:var(--c-text)}
.kp-btn--outline:hover{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-light)}

/* Secondary (Yeşil — koyu metin, erişilebilir) */
.kp-btn--secondary{background:var(--c-secondary);color:var(--c-ink);box-shadow:var(--s-secondary)}
.kp-btn--secondary:hover{background:var(--c-secondary-dark);color:var(--c-ink);transform:translateY(-1px)}
.kp-btn--secondary:active{transform:translateY(0)}

/* Ghost */
.kp-btn--ghost{background:transparent;color:var(--c-text-secondary);padding:8px 12px}
.kp-btn--ghost:hover{color:var(--c-primary);background:var(--c-primary-light)}

/* Stokta Yok (pasif) — adet kutusu gorunur kalir, buton pasiflesir */
.kp-btn--stokyok{background:var(--c-gray-100,#eef1f4);color:var(--c-text-muted,#8a97a3);box-shadow:none;cursor:not-allowed}
.kp-btn--stokyok:hover{background:var(--c-gray-100,#eef1f4);color:var(--c-text-muted,#8a97a3);transform:none;box-shadow:none}
.kp-btn[disabled]{cursor:not-allowed;opacity:.85}

/* Sizes */
.kp-btn--xs{padding:5px 12px;font-size:.75rem}
.kp-btn--sm{padding:7px 16px;font-size:.8125rem}
.kp-btn--lg{padding:14px 32px;font-size:1rem}
.kp-btn--block{width:100%}

/* Icon-only */
.kp-btn--icon{
  width:40px;height:40px;padding:0;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
}
.kp-btn--icon .material-symbols-outlined{font-size:20px;margin:0}