/* =============================================================
   schön — WooCommerce native çıktı stilleri
   Ürün grid'i, tekil ürün, sepet, ödeme, hesabım.
   Elementor Woo Builder widget'ları da bu markup'ı üretir.
   ============================================================= */

/* ---------- Ürün grid'i (arşiv / benzer / arama) ---------- */
.woocommerce ul.products,
ul.products {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sch-grid-gap);
  list-style: none; margin: 0; padding: 0;
}
.woocommerce ul.products li.product,
ul.products li.product { width: auto; margin: 0; float: none; }

/* Woo'nun eklediği başlık/fiyat sınıflarını gizle (kart kendi markup'ını kullanıyor) */
.schon-product-card .woocommerce-loop-product__title { display: none; }

/* Loop add-to-cart butonu — schön buton stiliyle uyum */
.schon-product-card__actions .button,
.schon-product-card__actions a.add_to_cart_button,
.schon-product-card__actions a.added_to_cart {
  flex: 1; text-align: center;
}
a.button.schon-btn, .button.schon-btn { text-decoration: none; }

/* ---------- Tekil ürün ---------- */
.single-product div.product { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: start; }
.single-product div.product .woocommerce-product-gallery { border: 1px solid var(--sch-border); border-radius: var(--sch-r-card); overflow: hidden; background: var(--sch-img-bg); }
.single-product div.product .product_title { font: 900 38px/1.06 var(--sch-font); letter-spacing: -.04em; margin: 0 0 12px; }
.single-product .woocommerce-product-details__short-description { font: 400 16px/1.6 var(--sch-font); color: var(--sch-text-2); max-width: 480px; }
.single-product .price { font: 900 36px var(--sch-font); letter-spacing: -.035em; font-variant-numeric: tabular-nums; color: var(--sch-ink); }
.single-product .price del { color: var(--sch-text-3); font-size: 16px; font-weight: 500; }

/* Tekil ürün sepete ekle */
.single-product form.cart { display: flex; gap: 10px; align-items: center; margin: 18px 0; }
.single-product form.cart .quantity input.qty {
  width: 64px; height: 50px; border: 1px solid var(--sch-border-input); border-radius: var(--sch-r-btn);
  text-align: center; font: 700 15px var(--sch-font);
}
.single-product form.cart .single_add_to_cart_button {
  flex: 1; background: var(--sch-red); color: #fff; border: 0; border-radius: var(--sch-r-btn);
  font: 700 16px var(--sch-font); padding: 16px; cursor: pointer;
}
.single-product form.cart .single_add_to_cart_button:hover { background: var(--sch-red-hover); }

/* Sekmeler */
.woocommerce-tabs ul.tabs { display: flex; gap: 0; border-bottom: 1px solid var(--sch-border); padding: 0; margin: 0 0 24px; list-style: none; }
.woocommerce-tabs ul.tabs li { margin: 0; }
.woocommerce-tabs ul.tabs li a { padding: 14px 20px; font: 700 14.5px var(--sch-font); color: var(--sch-text-3); display: block; }
.woocommerce-tabs ul.tabs li.active a { color: var(--sch-ink); box-shadow: inset 0 -3px 0 var(--sch-red); }
.woocommerce-tabs table.shop_attributes th { color: var(--sch-text-3); font-weight: 500; }

/* ---------- Sepet ---------- */
.woocommerce-cart table.cart { border: 1px solid var(--sch-border); border-radius: var(--sch-r-card); border-collapse: separate; border-spacing: 0; overflow: hidden; }
.woocommerce-cart table.cart th { background: var(--sch-bg-soft); font: 700 11.5px var(--sch-font); letter-spacing: .06em; text-transform: uppercase; color: var(--sch-text-3); padding: 14px; }
.woocommerce-cart table.cart td { padding: 16px 14px; border-top: 1px solid var(--sch-border-hair); vertical-align: middle; }
.woocommerce-cart table.cart img { width: 64px; border-radius: 6px; }
.woocommerce .quantity input.qty { border: 1px solid var(--sch-border-input); border-radius: var(--sch-r-btn); padding: 10px; }
.schon-koli-hint { margin-top: 6px; }

/* Sepet toplamları / sipariş özeti (sticky) */
.cart_totals, .woocommerce-checkout-review-order {
  border: 1px solid var(--sch-border); border-radius: var(--sch-r-card); padding: 22px; position: sticky; top: 20px;
}
.cart_totals h2, .woocommerce-checkout-review-order .order-total th { font: 800 15px var(--sch-font); }
.order-total .amount { font: 900 26px var(--sch-font); letter-spacing: -.03em; }

/* ---------- Ödeme ---------- */
.woocommerce-checkout .col2-set, .woocommerce-checkout #customer_details { }
.woocommerce form .form-row label { font: 600 12.5px var(--sch-font); color: var(--sch-text-2); }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container .select2-selection {
  border: 1px solid var(--sch-border-input) !important; border-radius: var(--sch-r-btn) !important;
  padding: 12px 14px !important; font: 400 14px var(--sch-font) !important; min-height: 46px;
}
#payment { background: var(--sch-bg-soft); border: 1px solid var(--sch-border); border-radius: var(--sch-r-card); padding: 4px 20px; }
#payment ul.payment_methods { border: 0; }
#payment ul.payment_methods li { padding: 14px 0; border-bottom: 1px solid var(--sch-border-hair); }
#payment div.payment_box { background: #fff; border: 1px solid var(--sch-border); border-radius: 8px; }
#payment #place_order,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
  background: var(--sch-red); color: #fff; border: 0; border-radius: var(--sch-r-btn);
  font: 700 16px var(--sch-font); padding: 16px 22px;
}
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, #payment #place_order:hover { background: var(--sch-red-hover); }

/* "Cari hesaba yaz" — bayi rozeti */
li.payment_method_schon_account_credit > label::after {
  content: 'BAYİ'; margin-left: 8px; background: var(--sch-ink); color: #fff;
  font: 800 9.5px var(--sch-font); letter-spacing: .08em; padding: 3px 7px; border-radius: 3px; vertical-align: middle;
}

/* ---------- Genel buton reset ---------- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  background: var(--sch-ink); color: #fff; border-radius: var(--sch-r-btn); font: 700 13.5px var(--sch-font);
  padding: 12px 16px; border: 0;
}
.woocommerce a.button:hover, .woocommerce button.button:hover { background: #000; color: #fff; }

/* ---------- Hesabım / bayi ---------- */
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation li a { display: block; padding: 11px 12px; border-radius: 6px; font: 600 13.5px var(--sch-font); color: var(--sch-ink); }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: var(--sch-ink); color: #fff; }

/* ---------- Bildirimler ---------- */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
  border-top-color: var(--sch-red); border-radius: 8px; font: 500 13.5px var(--sch-font);
}
