/* Kirpi Kids temel bileşenleri — tokens.css değişkenlerini kullanır.
   Elementor buton widget'ı Site Settings > Buttons'tan stillenir; bu sınıflar Elementor dışı alanlar
   (WooCommerce, alt tema şablonları) ve tutarlılık için aynı değerleri kullanır. */

body{font-family:var(--kk-font-body);color:var(--kk-text);background:var(--kk-cream)}
:where(h1,h2,h3,h4){font-family:var(--kk-font-heading);color:var(--kk-primary)}
:where(a){color:var(--kk-primary)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid var(--kk-primary);outline-offset:3px;box-shadow:0 0 0 6px var(--kk-accent);border-radius:var(--kk-radius-sm)
}

.kk-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:12px 26px;
  font:800 16px/1.2 var(--kk-font-body);border-radius:var(--kk-radius-pill);border:2px solid transparent;
  text-decoration:none;cursor:pointer;transition:transform .15s var(--kk-ease),background-color .15s,box-shadow .15s
}
.kk-btn:hover{transform:translateY(-1px)}
.kk-btn:active{transform:translateY(1px)}
.kk-btn--primary{background:var(--kk-accent);color:var(--kk-primary);box-shadow:0 4px 0 var(--kk-yellow-dark)}
.kk-btn--primary:hover{background:var(--kk-yellow-dark)}
.kk-btn--secondary{background:transparent;color:var(--kk-primary);border-color:var(--kk-primary)}
.kk-btn--secondary:hover{background:var(--kk-sky-light)}

.kk-badge{display:inline-block;padding:4px 12px;border-radius:var(--kk-radius-pill);font:700 13px/1.4 var(--kk-font-body);color:var(--kk-primary)}
.kk-badge--sky{background:var(--kk-sky-light)}
.kk-badge--pink{background:var(--kk-pink)}

.kk-card{background:var(--kk-white);border-radius:var(--kk-radius-lg);box-shadow:var(--kk-shadow-card);padding:var(--kk-space-md)}

@media (prefers-reduced-motion:reduce){.kk-btn{transition:none}.kk-btn:hover,.kk-btn:active{transform:none}}