/* ORFARMA boş durumlar (Figma 📄 24): 404 sayfası, boş durum kartının altındaki öneri rafı ve yasal kutu, kargo
 * kuralları bandı (📄 22 sipariş takibi ile ortak). Boş durum kartının kendisi global.css'te (.orf-bos-durum).
 * Yalnız 404, sepet, arama ve sipariş takibi sayfalarında yüklenir (inc/bos-durum.php); ürün kartları kart.css'ten. */

/* ── 404 (Figma 134:1981 / mobil 136:3203) ─────────────────────────────────────────────────────────────────────── */
.site-main.orf-404 { padding-block: 0; }
.orf-404__ic { display: flex; flex-direction: column; align-items: center; gap: 20px; padding-block: 56px 96px; text-align: center; }
.orf-404__cizim { display: block; width: 417px; max-width: 100%; height: auto; overflow: visible; }
.orf-404__rakam { font-family: var(--orf-font-display); font-weight: 600; font-size: 190px; letter-spacing: -0.03em; fill: var(--orf-murekkep); }
.orf-404__kapsul-ust { fill: var(--orf-kirmizi); }
.orf-404__kapsul-alt { fill: var(--orf-krem); }
.orf-404__kapsul-cizgi { fill: none; stroke: var(--orf-murekkep); stroke-width: 3; }
.orf-404__baslik {
	max-width: 100%; margin: 0; font-family: var(--orf-font-display); font-weight: 600;
	font-size: var(--orf-metin-display-l-boyut); line-height: var(--orf-metin-display-l-satir); letter-spacing: -0.015em;
	color: var(--orf-murekkep); overflow-wrap: anywhere;
}
.orf-404__baslik em { font-style: italic; color: var(--orf-kirmizi-derin); }
.orf-404__giris { max-width: 640px; margin: 0; font-size: var(--orf-metin-govde-l-boyut); line-height: var(--orf-metin-govde-l-satir); color: var(--orf-metin-2); }
.orf-404__giris-dar { display: none; }

/* Ürün araması: görünür etiket, 52 px alan, masaüstünde yanında "Ara" düğmesi; telefonda düğme alanın içindeki simge. */
.orf-404-ara { display: flex; flex-direction: column; gap: 8px; width: 100%; max-width: 640px; text-align: start; }
.orf-404-ara__etiket { font-weight: 600; font-size: var(--orf-metin-govde-s-boyut); line-height: var(--orf-metin-govde-s-satir); color: var(--orf-murekkep); }
.orf-404-ara__satir { display: flex; align-items: center; gap: 12px; }
.orf-404-ara__alan {
	display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; height: 52px; padding: 0 16px 0 18px;
	border: 1.5px solid var(--orf-murekkep); border-radius: 16px; background: var(--orf-beyaz);
	transition: box-shadow var(--orf-gecis);
}
.orf-404-ara__alan:focus-within { box-shadow: 0 0 0 4px var(--orf-kirmizi-acik); }
.orf-404-ara__alan:has(.orf-404-ara__girdi:focus-visible) { outline: 2px solid var(--orf-kirmizi-derin); outline-offset: 2px; }
.orf-404-ara__girdi {
	flex: 1; min-width: 0; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent;
	color: var(--orf-murekkep); font: inherit; font-size: var(--orf-metin-govde-m-boyut); line-height: var(--orf-metin-govde-m-satir);
}
.orf-404-ara__girdi:focus { outline: none; }
.orf-404-ara__girdi::placeholder { color: var(--orf-metin-2); opacity: 1; }
.orf-404-ara__girdi::-webkit-search-cancel-button { display: none; }
.orf-404-ara__simge { display: inline-flex; flex: none; color: var(--orf-metin-2); }
.orf-404-ara__ikon-dugme {
	position: relative; display: none; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px;
	margin-inline-end: -12px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--orf-murekkep); cursor: pointer;
}
.orf-404-ara__ikon-dugme:focus-visible { outline: 2px solid var(--orf-kirmizi-derin); outline-offset: -2px; }
.orf-404-ara__dugme.orf-buton { flex: none; min-height: 44px; padding: 0 16px 0 20px; font-size: var(--orf-metin-nav-boyut); }

/* Bağlantı kartları: kart sayısı kadar sütun (Rehber yayımlanana dek 3), satır ortada; her kart tek bağlantı. */
.orf-404__baglantilar {
	width: 100%; max-width: calc(var(--orf-404-kart, 4) * 268px + (var(--orf-404-kart, 4) - 1) * 16px);
	padding-top: 20px; text-align: start;
}
.orf-404__baglanti-baslik { margin: 0 0 14px; font-family: var(--orf-font-ui); font-weight: 700; font-size: var(--orf-metin-govde-m-boyut); line-height: 20px; color: var(--orf-murekkep); }
.orf-404__kartlar { display: grid; grid-template-columns: repeat(var(--orf-404-kart, 4), minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.orf-404__kartlar > li { display: flex; min-width: 0; margin: 0; }
.orf-404-kart {
	display: flex; flex: 1; align-items: center; gap: 16px; min-width: 0; min-height: 98px; padding: 18px 22px 18px 18px;
	border: 1px solid var(--orf-cizgi); border-radius: var(--orf-yaricap-gorsel); background: var(--orf-beyaz);
	color: var(--orf-murekkep); text-decoration: none; transition: border-color var(--orf-gecis);
}
.orf-404-kart:hover { border-color: var(--orf-kirmizi-derin); color: var(--orf-murekkep); }
.orf-404-kart:focus-visible { outline: 2px solid var(--orf-kirmizi-derin); outline-offset: 2px; }
.orf-404-kart__ikon { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 52px; height: 52px; border-radius: 50%; background: var(--orf-kirmizi-acik); color: var(--orf-kirmizi-derin); }
.orf-404-kart__ikon .orf-ikon { width: 24px; height: 24px; }
.orf-404-kart__ikon .orf-ikon--filtre circle { fill: var(--orf-beyaz); }
.orf-404-kart__metin { display: flex; flex: 1; flex-direction: column; gap: 2px; min-width: 0; }
.orf-404-kart__ad { font-weight: 700; font-size: 17px; line-height: 22px; overflow-wrap: anywhere; }
.orf-404-kart__alt { font-weight: 500; font-size: 13px; line-height: 18px; color: var(--orf-metin-2); overflow-wrap: anywhere; }
.orf-404-kart__ok { display: inline-flex; flex: none; color: var(--orf-kirmizi-derin); transition: transform var(--orf-gecis); }
.orf-404-kart:hover .orf-404-kart__ok { transform: translateX(3px); }
.orf-404__anasayfa { display: inline-flex; align-items: center; min-height: 44px; margin-block: -12px; font-weight: 600; font-size: var(--orf-metin-nav-boyut); line-height: 20px; color: var(--orf-kirmizi-derin); text-decoration: none; }
.orf-404__anasayfa:hover { text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 1023px) {
	.orf-404__baglantilar { max-width: 640px; }
	.orf-404__kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.orf-404__ic { gap: 16px; padding-block: 36px 40px; }
	.orf-404__cizim { width: 264px; }
	.orf-404__kapsul-cizgi { stroke-width: 3.95; }
	.orf-404__baslik { font-size: 36px; line-height: 42px; }
	.orf-404__giris { font-size: var(--orf-metin-govde-m-boyut); line-height: var(--orf-metin-govde-m-satir); }
	.orf-404__giris-genis { display: none; }
	.orf-404__giris-dar { display: inline; }
	.orf-404-ara { max-width: none; }
	.orf-404-ara__simge, .orf-404-ara__dugme.orf-buton { display: none; }
	.orf-404-ara__ikon-dugme { display: inline-flex; }
	.orf-404__baglantilar { max-width: none; padding-top: 0; }
	.orf-404__baglanti-baslik {
		position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
	}
	.orf-404__kartlar { grid-template-columns: minmax(0, 1fr); }
	.orf-404-kart { min-height: 90px; }
}

/* ── Boş sepet başlığı (Figma 134:1710 / mobil 136:2716): kırıntı + H1; sayfanın kendi başlığı basılmaz ───────────
   .site-main 48 px üst boşluğu Figma'daki 28 / 18 px'e çekilir; H1'den karta 32 / 18 px. */
.orf-sepet-bos__bas { display: flex; flex-direction: column; gap: 12px; margin: 0 0 32px; }
.woocommerce-notices-wrapper:empty + .orf-sepet-bos__bas { margin-top: -20px; }
.orf-sepet-bos__baslik {
	margin: 0; font-family: var(--orf-font-display); font-weight: 600; font-size: var(--orf-metin-display-l-boyut);
	line-height: var(--orf-metin-display-l-satir); letter-spacing: -0.015em; color: var(--orf-murekkep);
}
@media (max-width: 767px) {
	.orf-sepet-bos__bas { gap: 10px; margin-bottom: 18px; }
	.woocommerce-notices-wrapper:empty + .orf-sepet-bos__bas { margin-top: -30px; }
	.orf-sepet-bos__baslik { font-size: 38px; line-height: 44px; }
}

/* ── Boş durum kartının altı (📄 24): öneri rafı, kargo bandı, yasal kutu — Figma "öneriler" 134:1742, aralık 20 ── */
.orf-bos-durum__raf { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.orf-bos-durum__raf > .orf-uyari-kutusu { margin-top: 0; }
.orf-oneri-rafi { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.orf-oneri-rafi__bas { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.orf-oneri-rafi__baslik {
	margin: 0; font-family: var(--orf-font-display); font-weight: 600; font-size: var(--orf-metin-h3-boyut);
	line-height: var(--orf-metin-h3-satir); letter-spacing: -0.005em; color: var(--orf-murekkep);
}
.orf-oneri-rafi__tumu { position: relative; flex: none; font-weight: 600; font-size: var(--orf-metin-nav-boyut); line-height: 20px; color: var(--orf-kirmizi-derin); text-decoration: none; }
/* 44 px dokunma alanı sözde öğeyle (satır yüksekliği Figma'daki 34 px başlıkta kalır). */
.orf-oneri-rafi__tumu::before { content: ""; position: absolute; inset: -12px -8px; }
.orf-oneri-rafi__tumu:hover { text-decoration: underline; text-underline-offset: 3px; }
.orf-oneri-rafi a.added_to_cart { display: none; }
@media (min-width: 768px) {
	.orf-oneri-rafi .orf-urunler { column-gap: 32px; }
}
@media (max-width: 767px) {
	.orf-bos-durum--sepet { gap: 20px; }
	.orf-oneri-rafi__baslik { font-family: var(--orf-font-ui); font-weight: 700; font-size: 20px; line-height: 26px; letter-spacing: 0; }
	.orf-oneri-rafi__tumu { display: none; }
	.orf-oneri-rafi__liste > li:nth-child(n+3) { display: none; }
}

/* ── Kargo kuralları bandı (Figma "Kargo Kuralları": 📄 24 134:1834 / 136:2817, 📄 22 125:1783 / 127:2274) ─────
   Krem zemin, 24 px köşe ve iç boşluk; madde = 44 px beyaz daire simge + 16/20 kalın başlık + 14/20 açıklama.
   Yatay: 768 px'ten itibaren maddeler yan yana eşit sütunlarda (madde sayısından bağımsız); telefonda alt alta. */
.orf-kargo-kurallari { min-width: 0; }
.orf-kargo-kurallari__bolum-baslik {
	margin: 0 0 16px; font-family: var(--orf-font-display); font-weight: 600; font-size: var(--orf-metin-h3-boyut);
	line-height: var(--orf-metin-h3-satir); letter-spacing: -0.005em; color: var(--orf-murekkep);
}
.orf-kargo-kurallari__liste { display: grid; gap: 16px; margin: 0; padding: 24px; list-style: none; border-radius: var(--orf-yaricap-gorsel); background: var(--orf-krem); }
.orf-kargo-kurallari__madde { display: flex; align-items: flex-start; gap: 14px; min-width: 0; margin: 0; }
.orf-kargo-kurallari__ikon { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--orf-beyaz); color: var(--orf-murekkep); }
.orf-kargo-kurallari__ikon .orf-ikon { width: 24px; height: 24px; }
.orf-kargo-kurallari__metin { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding-top: 2px; }
.orf-kargo-kurallari__baslik { font-weight: 700; font-size: var(--orf-metin-govde-m-boyut); line-height: 20px; color: var(--orf-murekkep); overflow-wrap: anywhere; }
.orf-kargo-kurallari__baslik .woocommerce-Price-amount { font-weight: inherit; color: inherit; }
.orf-kargo-kurallari__aciklama { font-weight: 500; font-size: var(--orf-metin-govde-s-boyut); line-height: 20px; color: var(--orf-metin-2); overflow-wrap: anywhere; }
@media (min-width: 768px) {
	.orf-kargo-kurallari--yatay .orf-kargo-kurallari__liste { grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 24px; }
}
/* Sipariş takibi: yan sütunda SSS varken bant formun altında tam genişlik (Figma 125:1783, formdan ~64 px sonra). */
.orf-takip .orf-kargo-kurallari--yatay { margin-top: 64px; }
/* Dikey (sipariş takibinin yan sütunu, SSS yokken): başlık krem kutunun içinde. */
.orf-kargo-kurallari--dikey { padding: 28px; border-radius: var(--orf-yaricap-kart); background: var(--orf-krem); }
.orf-kargo-kurallari--dikey .orf-kargo-kurallari__bolum-baslik { margin-bottom: 20px; }
.orf-kargo-kurallari--dikey .orf-kargo-kurallari__liste { padding: 0; border-radius: 0; background: none; }
@media (max-width: 767px) {
	.orf-kargo-kurallari__bolum-baslik { margin-bottom: 20px; font-family: var(--orf-font-ui); font-weight: 700; font-size: 20px; line-height: 26px; letter-spacing: 0; }
	.orf-kargo-kurallari--dikey { padding: 20px; border-radius: var(--orf-yaricap-gorsel); }
	.orf-kargo-kurallari--dikey .orf-kargo-kurallari__bolum-baslik { margin-bottom: 16px; }
	.orf-takip .orf-kargo-kurallari--yatay { margin-top: 40px; }
}