/* SUKRU-STERK Bloklar — Ortak Blok Başlığı (v2.14.0)
   .sks-bb.bb-{stil} › .bb-ic › .bb-ad + a.bb-tumu
   Kategori Sütunları'ndaki 14 başlık stilinin (ks-b-*) bağımsız blok başlığı karşılığı.
   Değişkenler: --bb-renk (zemin/çizgi), --bb-renk2 (gradyan), --bb-yazi, --bb-tumu-renk, --bb-bosluk */

.sks-bb {
	--bb-renk: var(--wp--preset--color--vurgu, #ec0000);
	--bb-bg: var(--bb-renk);
	--bb-cizgi: #e5e7eb;
	margin: 0 0 var(--bb-bosluk, 14px);
	padding: 0;
	font-size: 16px;
	line-height: 1.2;
	clear: both;
}
.sks-bb, .sks-bb *, .sks-bb *::before, .sks-bb *::after { box-sizing: border-box; }
.sks-bb .bb-ic { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; }
.sks-bb .bb-ad { margin: 0; padding: 0; min-width: 0; font-family: inherit; font-size: 17px; font-weight: 700; line-height: 1.2; letter-spacing: 0; text-transform: none; color: var(--bb-yazi, #0f172a); }
.sks-bb .bb-ad a, .sks-bb .bb-ad a:hover { color: inherit; text-decoration: none; box-shadow: none; }
.sks-bb .bb-tumu { flex: none; font-size: 12px; font-weight: 700; line-height: 1.2; color: var(--bb-tumu-renk, var(--bb-renk)); text-decoration: none; white-space: nowrap; }
.sks-bb .bb-tumu:hover { text-decoration: underline; color: var(--bb-tumu-renk, var(--bb-renk)); }
.sks-bb .bb-tumu .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.sks-bb.bb-tumu-hap .bb-tumu { padding: 4px 10px; border: 1.5px solid currentColor; border-radius: 999px; }
.sks-bb.bb-tumu-ok .bb-tumu { font-size: 18px; line-height: 1; }

/* Renkli şerit */
.sks-bb.bb-serit .bb-ic { padding: 12px 16px; background: var(--bb-renk); border-radius: 8px; }
.sks-bb.bb-serit .bb-ad { color: var(--bb-yazi, #fff); }
.sks-bb.bb-serit .bb-tumu { color: var(--bb-tumu-renk, rgba(255, 255, 255, .92)); }
/* Sekme */
.sks-bb.bb-sekme .bb-ic { border-bottom: 2px solid var(--bb-renk); }
.sks-bb.bb-sekme .bb-ad { padding: 7px 14px 6px; background: var(--bb-renk); color: var(--bb-yazi, #fff); border-radius: 4px 4px 0 0; font-size: 14px; text-transform: uppercase; letter-spacing: .04em; }
/* Sol çizgili */
.sks-bb.bb-sol-cizgi .bb-ad { padding-left: 10px; border-left: 4px solid var(--bb-renk); }
/* Alt çizgili */
.sks-bb.bb-alt-cizgi .bb-ic { border-bottom: 1px solid var(--bb-cizgi); align-items: flex-end; }
.sks-bb.bb-alt-cizgi .bb-ad { padding-bottom: 9px; margin-bottom: -1px; border-bottom: 3px solid var(--bb-renk); text-transform: uppercase; font-size: 15px; letter-spacing: .03em; }
.sks-bb.bb-alt-cizgi .bb-tumu { padding-bottom: 9px; }
/* İnce büyük harf */
.sks-bb.bb-ince .bb-ic { padding-bottom: 9px; border-bottom: 1px solid var(--bb-cizgi); }
.sks-bb.bb-ince .bb-ad { font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sks-bb.bb-ince .bb-ad::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; background: var(--bb-renk); vertical-align: 1px; }
/* Gri kutu */
.sks-bb.bb-gri-kutu .bb-ic { position: relative; padding: 18px 16px 16px; background: #eef2f6; }
.sks-bb.bb-gri-kutu .bb-ic::after { content: ""; position: absolute; left: 16px; bottom: -8px; width: 2px; height: 16px; background: var(--bb-renk); }
.sks-bb.bb-gri-kutu .bb-ad { font-family: Georgia, "Times New Roman", serif; font-size: 20px; font-weight: 600; }
.sks-bb.bb-gri-kutu { margin-bottom: var(--bb-bosluk, 20px); }
/* Büyük renkli yazı */
.sks-bb.bb-buyuk-yazi .bb-ad { font-family: Georgia, "Times New Roman", serif; font-size: 28px; font-weight: 600; color: var(--bb-yazi, var(--bb-renk)); }
/* Gradyan şerit */
.sks-bb.bb-gradyan .bb-ic { padding: 12px 16px; border-radius: 8px; background: linear-gradient(100deg, var(--bb-renk) 0%, var(--bb-renk2, color-mix(in srgb, var(--bb-renk) 55%, #0f172a)) 100%); }
.sks-bb.bb-gradyan .bb-ad { color: var(--bb-yazi, #fff); }
.sks-bb.bb-gradyan .bb-tumu { color: var(--bb-tumu-renk, rgba(255, 255, 255, .92)); }
/* Koyu şerit */
.sks-bb.bb-koyu-serit .bb-ic { padding: 12px 16px; border-radius: 8px; background: #0f172a; box-shadow: inset 4px 0 0 var(--bb-renk); }
.sks-bb.bb-koyu-serit .bb-ad { color: var(--bb-yazi, #fff); }
/* Çerçeveli */
.sks-bb.bb-cerceve .bb-ic { padding: 9px 12px; border: 2px solid var(--bb-renk); border-radius: 6px; }
.sks-bb.bb-cerceve .bb-ad { color: var(--bb-yazi, var(--bb-renk)); text-transform: uppercase; letter-spacing: .04em; font-size: 15px; }
/* Hap */
.sks-bb.bb-hap .bb-ad { padding: 6px 14px; border-radius: 999px; background: var(--bb-renk); color: var(--bb-yazi, #fff); font-size: 14px; }
/* Köşeli etiket */
.sks-bb.bb-kose-etiket .bb-ic { border-bottom: 2px solid var(--bb-renk); align-items: flex-end; }
.sks-bb.bb-kose-etiket .bb-ad { padding: 7px 26px 6px 12px; background: var(--bb-renk); color: var(--bb-yazi, #fff); font-size: 14px; text-transform: uppercase; letter-spacing: .04em; clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 100%, 0 100%); }
.sks-bb.bb-kose-etiket .bb-tumu { padding-bottom: 6px; }
/* Çift çizgi */
.sks-bb.bb-cift-cizgi .bb-ic { gap: 12px; }
.sks-bb.bb-cift-cizgi .bb-ic::before, .sks-bb.bb-cift-cizgi .bb-ic::after { content: ""; flex: 1 1 auto; height: 2px; background: var(--bb-renk); }
.sks-bb.bb-cift-cizgi .bb-ic::before { order: 0; }
.sks-bb.bb-cift-cizgi .bb-ad { order: 1; font-family: Georgia, "Times New Roman", serif; font-size: 20px; font-weight: 600; text-align: center; }
.sks-bb.bb-cift-cizgi .bb-ic::after { order: 2; }
.sks-bb.bb-cift-cizgi .bb-tumu { order: 3; }
/* Fosforlu */
.sks-bb.bb-fosforlu .bb-ad { font-size: 20px; font-weight: 800; padding: 0 3px; background: linear-gradient(transparent 58%, color-mix(in srgb, var(--bb-renk) 38%, transparent) 58%); }

/* ---------- Hiza ---------- */
.sks-bb.bb-hiza-orta:not(.bb-cift-cizgi) .bb-ic { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
.sks-bb.bb-hiza-orta:not(.bb-cift-cizgi) .bb-ad { grid-column: 2; text-align: center; }
.sks-bb.bb-hiza-orta:not(.bb-cift-cizgi) .bb-tumu { grid-column: 3; justify-self: end; }
.sks-bb.bb-hiza-sag:not(.bb-cift-cizgi) .bb-ic { flex-direction: row-reverse; }
.sks-bb.bb-hiza-sag .bb-ad { text-align: right; }
.sks-bb.bb-hiza-sag.bb-sol-cizgi .bb-ad { padding-left: 0; padding-right: 10px; border-left: 0; border-right: 4px solid var(--bb-renk); }
.sks-bb.bb-hiza-sag.bb-kose-etiket .bb-ad { padding: 7px 12px 6px 26px; clip-path: polygon(14px 0, 100% 0, 100% 100%, 0 100%); }
.sks-bb.bb-hiza-sag.bb-gri-kutu .bb-ic::after { left: auto; right: 16px; }
.sks-bb.bb-hiza-sag.bb-koyu-serit .bb-ic { box-shadow: inset -4px 0 0 var(--bb-renk); }
/* Çift çizgide hiza = çizgilerden birini kaldır */
.sks-bb.bb-cift-cizgi.bb-hiza-sol .bb-ic::before { display: none; }
.sks-bb.bb-cift-cizgi.bb-hiza-sag .bb-ic::after { display: none; }

/* Dar ekran */
@media (max-width: 480px) {
	.sks-bb.bb-buyuk-yazi .bb-ad { font-size: 23px; }
	.sks-bb .bb-ic { gap: 8px; }
}

/* Yönetim önizlemesi */
.sy-sp .sks-bb { margin: 0; font-size: 12px; }
.sy-sp .sks-bb .bb-ad { font-size: 12px !important; }
.sy-sp .sks-bb.bb-buyuk-yazi .bb-ad { font-size: 17px !important; }
.sy-sp .sks-bb .bb-ic { padding-top: 7px; padding-bottom: 7px; }
.sy-sp .sks-bb:is(.bb-sekme, .bb-sol-cizgi, .bb-alt-cizgi, .bb-ince, .bb-buyuk-yazi, .bb-hap, .bb-kose-etiket, .bb-cift-cizgi, .bb-fosforlu) .bb-ic { padding-top: 0; padding-bottom: 0; }
.sy-sp .sks-bb .bb-tumu { font-size: 10px; }