/* KATMAN (23.07.2026): tum kabuk `@layer serka.legacy` icindedir.
   Neden: katmansiz CSS katmanliyi yener; kabuk bu yuzden `assets/css/*`
   bilesenlerini eziyordu. `serka.legacy` alt katmani, dogrudan `serka`
   katmanindaki bilesenlerden ONCE gelir -> bilesen kazanir.
   Elementor katmansiz kaldigi icin hibrit delegasyon semantigi korunur.
   Geri donus: bu sarmali kaldir. */
@layer serka.legacy {
/* ===========================================================
   Serka Cinematic Home — Stage A LIVE override (ORTAK: kit ID'den bagimsiz)
   Neutralizes Elementor kit + Elementor One plugin bleed that
   only appears on the live site (not in the standalone mockup):
   - kit body background (0x0c0a08) blocking light mode
   - plugin default button accent hitting header controls
   Scoped to body.serka-cine so it can never touch inner pages.
   =========================================================== */
body.serka-cine,
body.serka-cine:not(.wp-admin){background:transparent}
body.serka-cine #page,
body.serka-cine .site,
body.serka-cine .site-main,
body.serka-cine main,
body.serka-cine .page-content,
body.serka-cine .elementor{background-color:transparent}
/* oncelik bildirimi: katmansiz ucuncu-taraf CSS ayni ozelligi basiyor — olcum sayfalarinda eslesme yok, secici canli icerikte kullaniliyor. */

body.serka-cine:not(.wp-admin) #hdr button,
body.serka-cine #hdr button{background-image:none!important;text-shadow:none!important}
body.serka-cine #tg.toggle,
body.serka-cine #hdr .toggle,
body.serka-cine #hdr .burger{background:var(--glass-2);color:var(--gold-2);border:1px solid var(--line);box-shadow:none}
body.serka-cine #tg.toggle:hover{border-color:var(--gold)}
body.serka-cine #tg.toggle svg{stroke:var(--gold-2);fill:none}
}