/* ==========================================================
   TOYZZ - MUHAFAZAKAR ON YUZ IYILESTIRMELERI
   Dijivo | 22.08.2026

   NOT: Sitenin gercek tasarimi gorulmeden yazildi.
   Renk / yazi tipi / yerlesim DEGISTIRILMEZ.
   Yalnizca erisilebilirlik, dokunma hedefi ve akicilik iyilestirilir.
   ========================================================== */

/* --- 1) Klavye ile gezinmede odak gorunur olsun (erisilebilirlik)
       Fare ile tiklamada gorunmez, sadece klavyede cikar. --- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.button:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  border-radius: 2px;
}

/* --- 2) Buton ve baglantilarda yumusak gecis --- */
a, button, .button, input[type="submit"],
.wc-block-components-button {
  transition: background-color .18s ease, color .18s ease,
              border-color .18s ease, opacity .18s ease;
}

/* --- 3) Mobilde dokunma hedefleri en az 44px (Apple/Google onerisi)
       Kucuk butonlara basmakta zorlanma sikayetini onler. --- */
@media (max-width: 782px) {
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button,
  .wc-block-components-button,
  .menu-item > a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  /* Miktar kutusu mobilde cok kucuk kaliyor */
  .woocommerce .quantity input.qty {
    min-height: 44px;
    min-width: 56px;
  }
}

/* --- 4) Gorseller tasmasin, oran korunsun --- */
img, video, iframe { max-width: 100%; height: auto; }

/* --- 5) Urun gorsellerinde yukleme sirasinda zipllama olmasin (CLS) --- */
.woocommerce ul.products li.product img,
.woocommerce div.product div.images img {
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

/* --- 6) Uzun urun adlari kartlari bozmasin --- */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  overflow-wrap: anywhere;
  hyphens: auto;
}

/* --- 7) Form alanlari tutarli yukseklikte --- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
  min-height: 42px;
  padding: 8px 12px;
}

/* --- 8) Hata / basari mesajlari daha okunur --- */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  border-radius: 4px;
  line-height: 1.6;
}

/* --- 9) Tablolar mobilde yatay kaydirilabilir olsun (sepet/siparis) --- */
.woocommerce table.shop_table,
.woocommerce table.shop_attributes {
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 783px) {
  .woocommerce table.shop_table,
  .woocommerce table.shop_attributes { display: table; }
}

/* --- 10) Yazdirma: gereksiz ogeleri gizle (siparis fisi icin) --- */
@media print {
  header, footer, nav, .site-header, .site-footer,
  #chaty-widget-0, .chaty-widget { display: none !important; }
}

/* --- 11) Hareket azaltma tercihi olan kullanicilar icin --- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}