/* Alnea Collection V44 — ortak buton sistemi */
:root{
  --button-height:46px;
  --button-radius:999px;
  --button-bg:#171311;
  --button-bg-hover:#30251e;
  --button-text:#fffaf5;
  --button-border:#171311;
  --button-focus:#7d6146;
  --button-danger:#9a3324;
  --button-ease:cubic-bezier(.2,.7,.3,1);
}

:where(.button,.btn,.return-shell button,.return-instagram){
  display:inline-flex;
  min-height:var(--button-height);
  max-width:100%;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:11px 22px;
  border:1px solid var(--button-border);
  border-radius:var(--button-radius);
  font:inherit;
  font-weight:700;
  line-height:1.35;
  text-align:center;
  text-decoration:none;
  overflow-wrap:anywhere;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(125,97,70,.16);
  transition:background-color .18s var(--button-ease),color .18s var(--button-ease),border-color .18s var(--button-ease),box-shadow .18s var(--button-ease),transform .18s var(--button-ease),opacity .18s var(--button-ease);
}

:where(.button--solid,.solid-button,.btn.burgundy,.return-shell button,.return-instagram){
  background:var(--button-bg);
  color:var(--button-text);
}
:where(.button--ghost,.ghost-button,.btn.ghost){
  background:rgba(255,255,255,.82);
  color:#171311;
}

:where(.icon-button,.cart-button,.social-bubble__main,.social-bubble__menu a,.qty button,.color-swatch,.size-option,.product-gallery__thumbs button,.detail-payment-choice button,.filter-chip,.coupon-remove,.back-link){
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(125,97,70,.16);
}
:where(.icon-button,.qty button,.color-swatch){
  min-width:44px;
  min-height:44px;
}
.filter-chip,.size-option,.detail-payment-choice button,.back-link{min-height:44px}
.back-link{padding:8px 4px}

/* Küçük renk örneği korunurken dokunma alanı büyür. */
.color-swatch{
  width:44px;
  height:44px;
  padding:9px;
  border-color:transparent;
}
.color-swatch img,.color-swatch__dot{border-radius:50%}
.color-swatch__dot{inset:9px}

.qty button{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  font-size:18px;
}

.coupon-remove{
  min-height:44px;
  padding:9px 16px;
  border-color:rgba(154,51,36,.35);
  color:var(--button-danger);
  background:#fff;
  font-weight:700;
}

:where(.button,.btn,.icon-button,.cart-button,.filter-chip,.color-swatch,.size-option,.qty button,.coupon-remove,.return-shell button,.return-instagram):active:not(:disabled){
  transform:translateY(0) scale(.98);
}

:where(button,.button,.btn,.icon-button,.cart-button,.filter-chip,.color-swatch,.size-option,.qty button,.coupon-remove,.return-instagram):disabled,
:where(button,.button,.btn)[aria-disabled="true"]{
  opacity:.48;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}
:where(.btn,.button,.return-shell button)[aria-busy="true"]{cursor:wait}

:where(.button,.btn,.icon-button,.cart-button,.filter-chip,.color-swatch,.size-option,.qty button,.coupon-remove,.back-link,.return-instagram):focus-visible{
  outline:3px solid var(--button-focus);
  outline-offset:3px;
}

@media (hover:hover) and (pointer:fine){
  :where(.button,.btn,.return-shell button,.return-instagram):hover:not(:disabled){
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(36,24,17,.14);
  }
  :where(.button--solid,.solid-button,.btn.burgundy,.return-shell button,.return-instagram):hover:not(:disabled){
    background:var(--button-bg-hover);
    border-color:var(--button-bg-hover);
  }
  :where(.button--ghost,.ghost-button,.btn.ghost):hover:not(:disabled){
    background:#fff;
    border-color:#30251e;
  }
  .coupon-remove:hover:not(:disabled){
    background:var(--button-danger);
    border-color:var(--button-danger);
    color:#fff;
  }
}

@media (hover:none){
  :where(.button,.btn,.icon-button,.cart-button,.filter-chip,.color-swatch,.size-option,.qty button,.coupon-remove,.return-shell button,.return-instagram):hover{
    transform:none;
  }
}

@media (max-width:580px){
  .header-tools .icon-button,.header-burger,.cart-button{width:44px;height:44px}
  .actions > :where(.button,.btn){flex:1 1 180px}
  .checkout-submit,.stock-alert-form .btn,.return-shell button,.return-instagram{width:100%}
  .return-instagram{white-space:normal}
}

@media (prefers-reduced-motion:reduce){
  :where(.button,.btn,.icon-button,.cart-button,.filter-chip,.color-swatch,.size-option,.qty button,.coupon-remove,.return-shell button,.return-instagram){transition:none!important}
}