/* =============================================================================
 * urun.css — Tekil ürün (WooCommerce)
 * Kapsam kökü: .mulubey-app .mu-urun
 *
 * SÖZLEŞME: tasarım (dc-mu/parts/11-urun.html) hifi ve tüm ölçüleri inline
 * `style` niteliğinde taşıyor. Ölçü/renk/tipografi/kenarlık/gölge/ızgara
 * değerleri shortcodes/urun.php içinde INLINE durur. Bu dosyada YALNIZ
 * inline'da ifade EDİLEMEYEN şeyler kalır:
 *   · :hover / durum (aria-selected, .is-active) — inline'ı yenmek için !important
 *   · pseudo-öğe (::-webkit-*-spin-button)
 *   · [hidden] davranışı
 *   · WP/Woo'nun ürettiği markup (the_content(), get_price_html(), Woo bildirimi,
 *     varyasyon tablosu) — bunlara PHP'den inline stil verilemez
 *   · Woo sepet formu için EMNİYET kuralları: urun.php formu tamponlayıp inline
 *     stil enjekte eder; desen bir Woo sürümünde eşleşmezse sayfa bozulmasın diye
 *     aynı değerler burada !important'sız tekrarlanır (inline daima kazanır).
 * @media kırılımları paylaşılan mulubey.css'ten gelir ([data-split]/[data-4col]/
 * [data-3col]/[data-sticky]) — burada tekrarlanmaz.
 * ========================================================================== */

/* ── Sekmeler: durum ─────────────────────────────────────────────────────
 * mulubey.js `aria-selected` niteliğini değiştirir; inline color/opacity'yi
 * yenmek için !important zorunlu. Tasarım: pt.fg=#24251F, pt.on=1 (aktif). */
.mulubey-app .mu-urun-tab[aria-selected="true"] { color: #24251F !important; }
.mulubey-app .mu-urun-tab[aria-selected="true"] .mu-urun-tab__bar { opacity: 1 !important; }

/* ── Adet düğmeleri: JS yokken görünmez ──────────────────────────────────
 * urun.php düğmeleri `hidden` ile basar, urun.js açar (JS'siz kullanıcıya
 * çalışmayan kontrol gösterilmez). Inline stilde `display` YOK — [hidden] çalışır. */
.mulubey-app .mu-qty-step[hidden] { display: none !important; }

/* ── Woo adet input'u: tarayıcı ok tuşları ───────────────────────────── */
.mulubey-app .mu-urun__buy input.qty { -moz-appearance: textfield; appearance: textfield; }
.mulubey-app .mu-urun__buy input.qty::-webkit-outer-spin-button,
.mulubey-app .mu-urun__buy input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* ── Woo sepet formu: yerleşim + emniyet kuralları ──────────────────────
 * form.cart tamamen Woo üretimi; inline stil verilemeyen tek parça bu sarmal. */
.mulubey-app .mu-urun__buy form.cart {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 0;
}
/* Emniyet (enjeksiyon eşleşmezse) — inline geldiğinde inline kazanır. */
.mulubey-app .mu-urun__buy .quantity {
  display: flex;
  align-items: center;
  height: 56px;
  border: 1px solid #E3D9C8;
  border-radius: 2px;
  background: #FFFFFF;
}
.mulubey-app .mu-urun__buy input.qty {
  width: 64px;
  min-width: 34px;
  height: 100%;
  border: 0;
  background: transparent;
  text-align: center;
  font-family: inherit;
  font-size: 16px;
  color: #24251F;
}
.mulubey-app .mu-urun__buy .mu-qty-step {
  width: 48px;
  height: 100%;
  border: 0;
  background: transparent;
  color: #56583C;
  font-family: inherit;
  font-size: 17px;
  cursor: pointer;
  transition: color .16s;
}
.mulubey-app .mu-urun__buy button.single_add_to_cart_button,
.mulubey-app .mu-urun__buy .wc-variation-selection-needed {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 56px;
  padding: 0 32px;
  background: linear-gradient(180deg, #61633F 0%, #4C4E33 100%);
  color: #FFFFFF;
  border: 1px solid #4C4E33;
  border-radius: 2px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 12px 24px -14px rgba(76, 78, 51, .6);
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .18s;
}
/* Hover: paylaşılan .mu-hv-cta-bg (class enjekte edilir); enjeksiyon başarısız
 * olursa bu kural devreye girer — inline background'ı yenmesi gerekmez. */
.mulubey-app .mu-urun__buy button.single_add_to_cart_button:hover,
.mulubey-app .mu-urun__buy button.single_add_to_cart_button:focus-visible {
  background: linear-gradient(180deg, #6E7052 0%, #565839 100%) !important;
  color: #FFFFFF !important;
}
.mulubey-app .mu-urun__buy button.single_add_to_cart_button.disabled { opacity: .5; cursor: not-allowed; }

/* Varyasyonlu ürün: Woo'nun .variations tablosu (koşullu markup, inline verilemez) */
.mulubey-app .mu-urun__buy table.variations { width: 100%; border: 0; margin: 0 0 4px; }
.mulubey-app .mu-urun__buy table.variations td { padding: 0 0 10px; }
.mulubey-app .mu-urun__buy table.variations label { display: block; font-size: 12.5px; font-weight: 600; color: #4B4A42; margin-bottom: 6px; }
.mulubey-app .mu-urun__buy table.variations select {
  width: 100%;
  min-height: 48px;
  padding: 0 12px;
  border: 1px solid #E3D9C8 !important;
  border-radius: 2px;
  background: #FFFFFF;
  font-family: inherit;
  font-size: 14.5px;
  color: #24251F;
}
.mulubey-app .mu-urun__buy .reset_variations { font-size: 12px; color: #6E6C60; margin-left: 8px; }

/* ── Woo bildirimi (wc_print_notices) — tasarımın "sepete eklendi" kutusu ──
 * KOŞULLU: yalnız sepete ekleme/hata sonrası basılır; Woo üretimi markup. */
.mulubey-app .mu-urun .woocommerce-message,
.mulubey-app .mu-urun .woocommerce-info,
.mulubey-app .mu-urun .woocommerce-error {
  list-style: none;
  margin: 14px 0 0;
  padding: 12px 16px;
  background: #F3F1E4;
  border: 1px solid #D8D6BC;
  border-left: 3px solid #56583C;
  border-radius: 2px;
  font-size: 14px;
  line-height: 1.6;
  color: #3C3E29;
}
.mulubey-app .mu-urun .woocommerce-error { border-left-color: #B3261E; }
.mulubey-app .mu-urun .woocommerce-message a.button.wc-forward { margin-left: 10px; color: #56583C; font-weight: 600; }

/* ── Galeri küçük görselleri (tasarımda yok; Woo galerisi varsa çıkar) ─── */
.mulubey-app .mu-urun__thumb:hover,
.mulubey-app .mu-urun__thumb.is-active { border-color: #C2A374 !important; }

/* ── WP/Woo üretimi metin markup'ı ──────────────────────────────────────
 * Kısa açıklama ve the_content() paragrafları PHP'den inline stil alamaz;
 * tipografi kapsayıcıdan miras alınır, yalnız paragraf aralığı burada. */
.mulubey-app .mu-urun__lead p { margin: 0 0 12px; }
.mulubey-app .mu-urun__lead p:last-child { margin-bottom: 0; }
.mulubey-app .mu-urun-tabs__panel p { margin: 0 0 18px; }
.mulubey-app .mu-urun-tabs__panel p:last-child { margin-bottom: 0; }
.mulubey-app .mu-urun-tabs__panel a { color: #56583C; }

/* get_price_html() içindeki <del>/<ins> */
.mulubey-app .mu-urun__price del { color: #6E6C60; font-size: .6em; }
.mulubey-app .mu-urun__price ins { text-decoration: none; }
.mulubey-app .mu-pcard-mini__price del { color: #6E6C60; font-size: .8em; }
.mulubey-app .mu-pcard-mini__price ins { text-decoration: none; }