/* ===== Kategori rozeti (2026-11-11) — includes/rozet.php yükler; yalnız stil "kapali" değilken.
 * Renk --bkt-rozet, stil Özelleştir → Bookinton Kategori Rozeti.
 * Ayrı dosya: style.css / style.min.css'e dokunmadan tek başına yayımlanabilsin. ===== */
.bkt-kat-media, .bkt-article-figure { position: relative; }
.bkt-rozet { position: absolute; z-index: 2; pointer-events: none; --bkt-rozet-altin: var(--gold, #d99a2b); color: #fff; line-height: 1; }
.bkt-rozet .bkt-rozet-b { display: block; width: 1em; height: auto; fill: currentColor; }
.bkt-rozet-ad { display: block; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.bkt-rozet-simge { width: 14px; height: 14px; flex: none; }

/* Rozet varken kartın altındaki kategori hapı basılmaz (mükerrer) → başlık görsele yaklaşmasın. */
.bkt-kat-card--rozet .bkt-kat-title { margin-top: 14px; }

/* Ayraç: üst kenardan sarkan, altı çentikli kitap ayracı */
.bkt-rozet--ayrac { top: 0; left: 14px; width: 34px; padding: 8px 0 18px; background: var(--bkt-rozet); border-top: 3px solid var(--bkt-rozet-altin); display: flex; flex-direction: column; align-items: center; gap: 7px; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 9px), 0 100%); font-size: 15px; }
.bkt-rozet--ayrac .bkt-rozet-ad { writing-mode: vertical-rl; transform: rotate(180deg); font-size: 10.5px; letter-spacing: .14em; }

/* Mühür: altın halkalı yuvarlak rozet. SAĞ ÜSTTE (2026-11-12): akış kapaklarında (akis_kapak.py)
 * sol üst köşe tarih/kategori etiketi ve üst metin kutusunun, sağ üst yalnız küçük "bookinton"
 * imzasının yeri → mühür imzayı örter (aynı işi gören iki marka işareti teke iner), kancaya binmez.
 * Kartta görsel genişliğinin ~%25'i (313px kartta 78px);
 * 56px'te yazı 8,5px kalıp okunmuyordu (2026-11-11 geri bildirimi). */
.bkt-rozet--muhur { top: 12px; right: 12px; width: 78px; height: 78px; border-radius: 50%; background: var(--bkt-rozet); border: 2.5px solid var(--bkt-rozet-altin); outline: 1.5px solid rgba(255,255,255,.85); outline-offset: -8px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; font-size: 23px; box-shadow: 0 3px 10px rgba(0,0,0,.25); }
.bkt-rozet--muhur .bkt-rozet-ad { font-family: "Fraunces", Georgia, serif; font-size: 10.5px; letter-spacing: .04em; max-width: 60px; text-align: center; overflow: hidden; white-space: nowrap; }

/* Ex libris: krem kâğıt, çift altın çizgi */
.bkt-rozet--exlibris { top: 12px; left: 12px; display: flex; align-items: center; gap: 8px; padding: 6px 11px 7px 9px; background: #fbf6ec; color: var(--bkt-rozet); border: 1.5px solid var(--bkt-rozet-altin); outline: .5px solid var(--bkt-rozet-altin); outline-offset: 2px; border-radius: 3px; font-size: 17px; box-shadow: 0 2px 8px rgba(0,0,0,.15); }
.bkt-rozet--exlibris .bkt-rozet-metin { display: flex; flex-direction: column; gap: 2px; }
.bkt-rozet--exlibris .bkt-rozet-marka { font-size: 9px; letter-spacing: .2em; text-transform: uppercase; color: #6b5a3a; }
.bkt-rozet--exlibris .bkt-rozet-ad { font-family: "Fraunces", Georgia, serif; font-style: italic; font-weight: 500; font-size: 14px; letter-spacing: 0; text-transform: none; }

/* Kapsül: sade hap */
.bkt-rozet--kapsul { top: 12px; left: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px 4px 4px; border-radius: 999px; background: var(--bkt-rozet); font-size: 12px; box-shadow: 0 2px 6px rgba(0,0,0,.18); }
.bkt-rozet--kapsul .bkt-rozet-daire { width: 22px; height: 22px; border-radius: 50%; background: #fff; color: var(--bkt-rozet); display: flex; align-items: center; justify-content: center; font-size: 13px; }
.bkt-rozet--kapsul .bkt-rozet-ad { font-size: 12px; letter-spacing: .02em; text-transform: none; font-weight: 600; }

/* Yazı sayfası: büyük görsel → büyük rozet; figür köşesi yuvarlak olduğu için içeri al */
.bkt-rozet--yazi.bkt-rozet--ayrac { left: 24px; width: 42px; font-size: 19px; }
.bkt-rozet--yazi.bkt-rozet--ayrac .bkt-rozet-ad { font-size: 12px; }
.bkt-rozet--yazi.bkt-rozet--muhur { top: 22px; right: 22px; width: 108px; height: 108px; border-width: 3px; outline-width: 2px; outline-offset: -11px; gap: 6px; font-size: 32px; }
.bkt-rozet--yazi.bkt-rozet--muhur .bkt-rozet-ad { font-size: 13.5px; max-width: 84px; }
.bkt-rozet--yazi.bkt-rozet--exlibris, .bkt-rozet--yazi.bkt-rozet--kapsul { top: 18px; left: 18px; }

@media (max-width: 600px) {
	.bkt-rozet--kart.bkt-rozet--ayrac { left: 10px; width: 28px; font-size: 12px; }
	.bkt-rozet--kart.bkt-rozet--ayrac .bkt-rozet-ad { font-size: 9px; }
	.bkt-rozet--kart.bkt-rozet--muhur { top: 7px; right: 7px; width: 45px; height: 45px; border-width: 2px; outline-width: 1px; outline-offset: -5px; gap: 2px; font-size: 13px; }
	.bkt-rozet--kart.bkt-rozet--muhur .bkt-rozet-ad { font-size: 7px; letter-spacing: .02em; max-width: 37px; }
	.bkt-rozet--yazi.bkt-rozet--muhur { top: 14px; right: 14px; width: 76px; height: 76px; outline-offset: -8px; font-size: 22px; }
	.bkt-rozet--yazi.bkt-rozet--muhur .bkt-rozet-ad { font-size: 10px; max-width: 58px; }
	.bkt-kat-card--rozet .bkt-kat-title { margin-top: 12px; }
}