/* ==========================================================================
   woocommerce.css — WooCommerce TEMEL uyum (Stage 1)
   Not: Mağaza/ürün/sepet/ödeme sayfalarının DERİN şablon override'ları
   Stage 2'de gelecek. Burası, varsayılan Woo çıktısının temayla uyumlu
   görünmesi için temel cila + bildirim/buton stillerini içerir.
   Düşük specificity tutuldu; Woo'nun kendi class'larına minimal dokunuş.
   ========================================================================== */

/* WooCommerce içerik sarmalayıcısını site container'ına hizala */
.woocommerce-page .container--shop {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
  padding-block: var(--section-y-tight);
}

/* Sayfa başlığı */
.woocommerce-products-header__title,
.wc-block-store-notices + .entry-header .entry-title {
  font-family: var(--font-display);
  font-weight: var(--fw-black);
  letter-spacing: var(--tracking-tight);
}

/* ----------------------------------------------------- Woo butonları → tema */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
  font-family: var(--font-display);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--tracking-snug);
  background: var(--ink);
  color: #fff;
  border-radius: var(--radius-pill);
  padding: 0.85em 1.5em;
  min-height: 46px;
  line-height: 1;
  border: 1.5px solid var(--ink);
  transition: transform var(--t-fast) var(--ease), background var(--t-base) var(--ease), border-color var(--t-base) var(--ease);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
  background: #000; border-color: #000; color: #fff; transform: translateY(-1px);
}

/* "Sepete ekle" yeşil/teal vurgusu (alt aksiyon) */
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce a.added_to_cart {
  background: var(--teal);
  border-color: var(--teal);
}
.woocommerce ul.products li.product .button.add_to_cart_button:hover,
.woocommerce a.added_to_cart:hover {
  background: var(--teal-press); border-color: var(--teal-press);
}

/* ----------------------------------------------------------- Bildirimler */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
.woocommerce-store-notice {
  font-size: var(--fs-sm);
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  border-top: 3px solid var(--teal);
  background: var(--mist);
  color: var(--ink);
  padding: var(--sp-4) var(--sp-5);
  box-shadow: none;
}
.woocommerce-message::before,
.woocommerce-info::before { color: var(--teal); }
.woocommerce-error { border-top-color: var(--danger); background: var(--danger-tint); }
.woocommerce-error::before { color: var(--danger); }

/* ----------------------------------------------- Varsayılan ürün grid cilası */
.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(0.75rem, 2vw, 1.75rem);
  margin: 0;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after { content: none; }
.woocommerce ul.products li.product {
  width: auto !important;
  margin: 0 !important;
  float: none !important;
  text-align: left;
}
.woocommerce ul.products li.product a img {
  border-radius: var(--radius-md);
  margin-bottom: var(--sp-3);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--font-body);
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  color: var(--ink);
  padding: 0;
}
.woocommerce ul.products li.product .price {
  font-family: var(--font-display);
  font-weight: var(--fw-bold);
  color: var(--ink);
  font-size: var(--fs-md);
}
.woocommerce ul.products li.product .price del { color: var(--ink-3); font-weight: var(--fw-medium); }
.woocommerce ul.products li.product .price ins { color: var(--coral); text-decoration: none; }
.woocommerce span.onsale {
  background: var(--coral);
  color: #fff;
  font-family: var(--font-display);
  font-weight: var(--fw-bold);
  font-size: var(--fs-2xs);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  border-radius: var(--radius-xs);
  min-height: 0; min-width: 0;
  padding: 0.4em 0.7em;
  line-height: 1;
  top: var(--sp-3); left: var(--sp-3); right: auto; margin: 0;
}

@media (max-width: 1100px) { .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 820px)  { .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 480px)  { .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0.75rem; } }

/* Fiyat/yıldız hizası */
.woocommerce .star-rating span::before { color: var(--teal-soft); }

/* Sepet mini içeriği (header dropdown ileride; şimdilik temel) */
.widget_shopping_cart_content .button { width: 100%; }