/*
 * Cappo — Parfümler sayfası (/perfumes/). Yalnız mağaza arşivinde yüklenir (inc/enqueue.php).
 * Değerler prototipten (cappo-parfumler.html + cappo-parfumler-mobil.html); fontlar sitenin
 * self-host tokenları (--serif Bodoni Moda, --sans Jost), prototipteki Google fontları değil.
 * Açık zemin: tuf; tonlar --kat-1..5 (tokens.css). !important yok.
 */

/* Sayfa zemini ve yapışkan header: base.css body.cappo-acik kuralları (Hikâyemiz ile ortak) */

/* Yüzen asistan sekmesi bu sayfada yok; asistan bandı onun yerini tutar */
.cappo-parfumler-sayfa .cappo-asistan-tetik { display: none; }

.cappo-parfumler { font-size: 17px; padding-bottom: clamp(40px, 5vw, 64px); }

/* Üst boşluk: görünür başlık yok, ilk satır header'ın altından kısa bir nefesle başlar */
.cappo-parfumler__liste { padding-top: clamp(28px, 4vw, 48px); }

/* WooCommerce bildirimleri (JS kapalıyken klasik sepete ekleme dönüşü) */
.cappo-parfumler__notlar:empty { display: none; }
.cappo-parfumler__notlar .woocommerce-message,
.cappo-parfumler__notlar .woocommerce-error,
.cappo-parfumler__notlar .woocommerce-info {
	margin: 0 0 24px;
	padding: 12px 16px;
	border: 1px solid var(--cizgi-acik);
	font-size: .9rem;
	list-style: none;
}
.cappo-parfumler__notlar a { text-decoration: underline; text-underline-offset: 3px; }

/* ---------- Parfüm satırları ---------- */
.cappo-parfum {
	display: grid;
	grid-template-columns: 1fr;
	border-bottom: 1px solid var(--cizgi-acik);
}
.cappo-parfum__sahne {
	display: grid;
	place-items: center;
	padding: clamp(34px, 5vw, 64px);
	background: var(--kat);
}
/* Beyaz zeminli ürün fotoğrafı: multiply ile beyaz, panel tonuna karışır */
.cappo-sayfa .cappo-parfum__gorsel {
	width: min(300px, 72%);
	height: auto;
	mix-blend-mode: multiply;
}
.cappo-parfum__detay { padding: clamp(34px, 4.5vw, 60px) 0 clamp(40px, 5vw, 66px); }
.cappo-sayfa .cappo-parfum__ad {
	margin: 0 0 14px;
	font-size: clamp(34px, 4.4vw, 52px);
	line-height: 1.02;
	letter-spacing: -.01em;
	color: var(--bazalt);
}
.cappo-parfum__ad a:hover { text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 1px; }
.cappo-parfum__hikaye { max-width: 46ch; margin: 0 0 34px; }

.cappo-parfum__al { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.cappo-parfum__fiyat { font-family: var(--serif); font-size: 1.625rem; line-height: 1.2; color: var(--bazalt); }
.cappo-parfum__fiyat small { margin-left: 6px; font-family: var(--sans); font-size: .75rem; color: var(--is); }
/* WooCommerce'in ekleme sonrası düğme yanına koyduğu "Sepeti görüntüle" bağlantısı: bu düzende yok (parfumler.js de kaldırır) */
.cappo-parfum__al .added_to_cart { display: none; }
.cappo-parfum__stok { flex-basis: 100%; margin: 14px 0 0; font-size: .8rem; color: var(--defne); }
.cappo-parfum__stok.is-yok { color: var(--kizil); }

/* Düğmeler: site butonu (uppercase, aralıklı) bazalt dolgu / bazalt kenarlık varyantları.
 * Ad çakışması: asistan.css'in .cappo-btn--dolu'su oniks dolgudur; bu sayfada ikisi birlikte yüklenir. */
.cappo-sayfa .cappo-btn--bazalt {
	border-color: var(--bazalt);
	background: var(--bazalt);
	color: var(--kirec);
}
.cappo-sayfa .cappo-btn--bazalt:hover { border-color: var(--bazalt-2); background: var(--bazalt-2); color: var(--kirec); }
.cappo-sayfa .cappo-btn--bazalt.loading { opacity: .6; pointer-events: none; }
.cappo-sayfa .cappo-btn--bazalt.is-eklendi { background: transparent; color: var(--bazalt); }
.cappo-sayfa .cappo-btn--koyu { border-color: var(--bazalt); color: var(--bazalt); }
.cappo-sayfa .cappo-btn--koyu:hover { background: rgba(22, 19, 15, .06); color: var(--bazalt); }

/* ---------- Asistan bandı ---------- */
.cappo-parfumler__asistan {
	display: grid;
	gap: 24px;
	padding: clamp(48px, 6.5vw, 80px) 0;
	border-bottom: 1px solid var(--cizgi-acik);
}
.cappo-sayfa .cappo-parfumler__asistan h2 {
	margin: 0 0 10px;
	font-size: clamp(28px, 3.6vw, 42px);
	line-height: 1.1;
	color: var(--bazalt);
}
.cappo-parfumler__asistan p { max-width: 50ch; margin: 0; color: var(--is); }

/* ---------- Masaüstü (> 900px) ---------- */
@media (min-width: 901px) {
	.cappo-parfum { grid-template-columns: minmax(0, 42%) minmax(0, 58%); }
	.cappo-parfum__detay { padding-left: clamp(40px, 5vw, 80px); }
	.cappo-parfumler__asistan { grid-template-columns: 1fr auto; align-items: center; gap: 56px; }
}

/* ---------- Mobil (≤ 900px, prototip 390px referansı) ---------- */
@media (max-width: 900px) {

	/* Renk paneli kenardan kenara (cappo-wrap dolgusu 22px) */
	.cappo-parfum__sahne { margin: 0 -22px; padding: 38px 24px; }
	.cappo-sayfa .cappo-parfum__gorsel { width: min(230px, 62%); }
	.cappo-parfum__detay { padding-top: 30px; padding-bottom: 44px; }
	.cappo-sayfa .cappo-parfum__ad { margin-bottom: 12px; font-size: 36px; line-height: 1.04; }
	.cappo-parfum__hikaye { margin-bottom: 24px; font-size: 1rem; }

	/* Satın alma: fiyat üstte kendi satırında, düğmeler yan yana tam genişlik */
	.cappo-parfum__al { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: center; }
	.cappo-parfum__fiyat { grid-column: 1 / -1; }
	.cappo-parfum__al .cappo-btn { width: 100%; padding: 15px 10px; text-align: center; box-sizing: border-box; }
	.cappo-parfum__stok { grid-column: 1 / -1; margin-top: 2px; }

	.cappo-parfumler__asistan { padding: 44px 0; }
	.cappo-sayfa .cappo-parfumler__asistan h2 { font-size: 30px; }
	.cappo-parfumler__asistan p { margin-bottom: 8px; }
	.cappo-parfumler__asistan .cappo-btn { width: 100%; text-align: center; box-sizing: border-box; }
}