/* ==========================================================
   CEA Vitrin — Birim / ölçü gösterimi (₺/kg, tartı notu, menşe)
   Yalnızca birim bilgisi girilmiş ürünlerin bulunduğu sayfalarda
   yüklenir (@push('head')). Sabit renk YOKTUR: aktif temanın
   belirteçleri kullanılır. Kontrast oranları ≥ 4.5:1 tutulmuştur.
   ========================================================== */

/* ---------- Ürün kartındaki küçük punto birim fiyat ---------- */

.birim-fiyat {
  margin: 2px 0 0;
  font-size: 13px;
  line-height: 1.35;
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}

/* ---------- Ürün sayfasındaki blok ---------- */

.birim-blok {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: -6px 0 18px;
}

.birim-fiyat--lg {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
  margin: 0;
  font-size: 15px;
  color: var(--text);
}

.birim-fiyat--lg strong {
  font-weight: 700;
  color: var(--title);
  letter-spacing: 0.01em;
}

.birim-fiyat__paket {
  font-size: 13px;
  color: var(--muted);
}

/* Varyant seçimi satırı gizleyebilir (varyantın birim fiyatı hesaplanamıyorsa
   ürünün ₺/kg değerini bırakmak yanlış bilgi olur — bkz. public/js/shop.js).
   `display: flex` tarayıcının [hidden] varsayılanını ezdiği için açıkça
   bastırılır; aksi hâlde hidden özniteliği görsel olarak hiçbir şey yapmazdı. */
.birim-fiyat[hidden],
.birim-fiyat__paket[hidden] {
  display: none;
}

/* ---------- Adet alanı altındaki sınır açıklaması ----------
   "En az 6 adet, 6'lı adımlarla sipariş edilir." Yalnızca alt sınır ya da
   adım 1'den büyükse basılır; input'a aria-describedby ile bağlıdır.
   Renk --muted DEĞİL --text: bu metin siparişi KISITLAYAN bir bilgidir,
   ikincil değildir; her temada kontrast ≥ 4.5:1 garanti olsun. */

.qty-not {
  margin: -6px 0 18px;
  font-size: 13.5px;
  line-height: 1.45;
  color: var(--text);
}

/* ---------- Tartılı ürün uyarısı ---------- */

.tarti-notu {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-left: 3px solid var(--warning);
  border-radius: var(--radius-sm);
  background: var(--surface);
  font-size: 13.5px;
  line-height: 1.45;
  color: var(--text);
}

.tarti-notu svg {
  flex: none;
  margin-top: 1px;
  color: var(--warning);
}

/* ---------- Menşe / üretici ---------- */

.mense {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
  margin: 0;
  font-size: 13.5px;
  line-height: 1.45;
  color: var(--text);
}

.mense__etiket {
  color: var(--muted);
}

@media (max-width: 560px) {
  .mense {
    flex-direction: column;
    gap: 2px;
  }
}