/* ============================================================
   02-butonlar.css — Tüm butonlar + geçiş (transition) efektleri
   Sephora dili: siyah outline, hover'da dolu; CTA solid siyah.
   Flatsome `.button` + WooCommerce butonlarını hedefler.
   ============================================================ */

/* Temel buton — outline, hafif yuvarlak, hover dolar */
.button,
.button.secondary,
a.button,
.woocommerce a.button,
.shop-container .button{
  border-radius:var(--bks-r-card) !important;
  border:1.5px solid var(--bks-black) !important;
  background:#fff !important;
  color:var(--bks-black) !important;
  font-weight:700 !important;
  letter-spacing:.04em;
  text-transform:none;
  box-shadow:none !important;
  transition:background var(--bks-t),color var(--bks-t),border-color var(--bks-t),transform var(--bks-t-fast) !important;
}
.button:hover,
a.button:hover,
.woocommerce a.button:hover{
  background:var(--bks-black) !important;
  color:#fff !important;
  border-color:var(--bks-black) !important;
}

/* Birincil / CTA — dolu siyah, hover'da Bisso kırmızısı */
.button.primary,
.button.alt,
.woocommerce .button.alt,
button.single_add_to_cart_button,
.checkout-button{
  background:var(--bks-black) !important;
  color:#fff !important;
  border:1.5px solid var(--bks-black) !important;
  border-radius:var(--bks-r-card) !important;
  font-weight:700 !important;
  text-transform:uppercase;letter-spacing:.06em;
  transition:background var(--bks-t),transform var(--bks-t-fast) !important;
}
.button.primary:hover,
.button.alt:hover,
.woocommerce .button.alt:hover,
button.single_add_to_cart_button:hover,
.checkout-button:hover{
  background:var(--bks-red) !important;color:#fff !important;border-color:var(--bks-red) !important;
}

/* Hap (pill) buton varyantı — Flatsome .is-outline / arama çevresi */
.button.is-outline{
  border-radius:var(--bks-r-pill) !important;
  border:1.5px solid var(--bks-black) !important;
  background:transparent !important;color:var(--bks-black) !important;
}
.button.is-outline:hover{background:var(--bks-black) !important;color:#fff !important;}

/* Link butonlar / "Tümünü gör" — kırmızı, alt çizgi animasyonu */
.is-link,a.is-link{
  color:var(--bks-red) !important;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  position:relative;
}
.is-link:after{
  content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1.5px;background:var(--bks-red);
  transform:scaleX(0);transform-origin:left;transition:transform var(--bks-t);
}
.is-link:hover:after{transform:scaleX(1);}

/* "Keşfet" tarzı küçük tıklama geri-bildirimi (basınca hafif küçülme) */
.button:active,.is-link:active{transform:scale(.98);}

/* WooCommerce "sepete eklendi" / mesaj butonları sadeleştir */
.woocommerce-message .button,
.added_to_cart{
  border-radius:var(--bks-r-card) !important;
}

/* Yumuşak focus halkası (erişilebilirlik) */
.button:focus-visible{outline:2px solid var(--bks-red);outline-offset:2px;}