/* =====================================================================
   YAYINCI MODU (Plan a44c1dca, 03.11.2026)
   Çerez streamerMode=on -> <body class="streamer-on"> (master/account/
   vendor/master-single). Anahtarlar: Güvenlik ve bildirim sayfası
   (#StreamerMode), panel menüsü, header hesap menüsü, Yayıncı Paneli
   notu ([data-ym-anahtar], js/yayinci-modu.js).

   KURAL: bulanık alan üstüne gelince, odakta ya da tıklayınca AÇILMAZ.
   Bu yüzden :hover/:focus istisnası YOK ve filtre !important (sayfa
   kuralları ezemesin). Metin DOM'da kalır: "kopyala" düğmeleri çalışır.
   Yükleme: çerez açıksa head'de BLOKLAYICI (ilk boyamada bulanık),
   kapalıysa ertelenmiş (PageSpeed etkilenmez), bkz. _shared/head.blade.php.
   ===================================================================== */

/* ---- 1) Bulanık alanlar ---- */
body.streamer-on .streamerMode,
/* kimlik: header, panel menüsü, eski kenar çubukları */
body.streamer-on .userName,
body.streamer-on .hsmKim b,
body.streamer-on .personProfileHeader .personTitle span,
body.streamer-on .pmKimAd b,
body.streamer-on .pmKimAd small,
body.streamer-on .poBasMetin h1,
/* bakiye tutarları */
body.streamer-on .accountBalance,
body.streamer-on .pmBakiyeMetin b,
body.streamer-on .poKpiDeger,
body.streamer-on .hhOzetKutu b,
body.streamer-on .bcKutu b,
body.streamer-on .fnKpiDeger,
body.streamer-on .bbOzetDeger,
/* ödeme, çekim ve sipariş tutarları */
body.streamer-on .poOdemeTutar,
body.streamer-on .ogTutar,
body.streamer-on .bcTutar b,
body.streamer-on .bcTutar span,
body.streamer-on .bbHareketTutar,
body.streamer-on .soTutar,
body.streamer-on .orderDetailPrice strong,
body.streamer-on .orderDetailPrice small,
body.streamer-on .tableCardView .price,
/* IBAN ve hesap sahibi */
body.streamer-on .bcIban,
body.streamer-on .bcIbanKisa,
body.streamer-on .fnIban,
body.streamer-on .fnIban ~ small,
body.streamer-on .ypRadyoMetin,
/* teslim edilen kodlar (sipariş detayı, eski sipariş sayfası, çekiliş, bayi) */
body.streamer-on .pnKodSatir code,
body.streamer-on .textToBeCopied,
body.streamer-on #codeAllView,
body.streamer-on .odKod,
/* Yayıncı Paneli: bakiye kutuları ve çekim formundaki ad */
body.streamer-on .ypOzetKutu b,
body.streamer-on #ypCekimBakiye,
body.streamer-on #recipientFullName {
    filter: blur(6px) !important;
}

/* Form alanında imleç ve seçim de görünmesin. */
body.streamer-on input.streamerMode,
body.streamer-on textarea.streamerMode,
body.streamer-on #codeAllView,
body.streamer-on #recipientFullName {
    caret-color: transparent;
}

/* ---- 2) Anahtar (pist + düğme) ---- */
.ymPist {
    position: relative; flex: none; display: inline-block;
    width: 34px; height: 20px; border-radius: 20px;
    background: #3A3B48; transition: background .16s;
}
.ymPist::after {
    content: ""; position: absolute; top: 3px; left: 3px;
    width: 14px; height: 14px; border-radius: 50%;
    background: #C8C9D8; transition: transform .16s, background .16s;
}
[data-ym-anahtar][aria-checked="true"] .ymPist { background: #80F1B1; }
[data-ym-anahtar][aria-checked="true"] .ymPist::after { transform: translateX(14px); background: #0A2416; }
body.light .ymPist { background: #D5D7DE; }
body.light .ymPist::after { background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.25); }
body.light [data-ym-anahtar][aria-checked="true"] .ymPist { background: #1FAF6A; }
body.light [data-ym-anahtar][aria-checked="true"] .ymPist::after { background: #fff; }
[data-ym-anahtar] { cursor: pointer; }
[data-ym-anahtar]:focus-visible { outline: 2px solid #80F1B1; outline-offset: 2px; }

/* Panel menüsü satırı (pm* değişkenleri panel-menu.css'ten) */
.pmYmKap { padding: 0 14px 12px; }
.pmYm {
    width: 100%; display: flex; align-items: center; gap: 10px;
    padding: 9px 11px; border-radius: 11px; text-align: left;
    background: var(--pm-bakiye, #14151C); border: 1px solid var(--pm-bakiye-cerceve, #2A2B38);
    color: var(--pm-ink, #C8C9D8); font: inherit;
}
.pmYm:hover { border-color: var(--pm-ghost, #4E4F5C); }
.pmYmIkon {
    flex: none; width: 28px; height: 28px; border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    background: var(--pm-ikon, #272834); color: var(--pm-muted, #8B8C99);
}
.pmYm[aria-checked="true"] .pmYmIkon { color: #FF5A5A; background: rgba(255, 90, 90, .12); }
.pmYmMetin { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.pmYmMetin b { font-size: 12.5px; font-weight: 700; color: var(--pm-ink, #C8C9D8); }
.pmYmMetin small { font-size: 10.5px; color: var(--pm-muted, #8B8C99); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Header hesap menüsü kalemi (hsmKalem düzeni korunur, pist sağa yaslanır).
   header-yeni.css'teki ".hdrYeni .hsmKalem span {flex:1; overflow:hidden}" pisti
   uzatıyordu: daha özgül seçiciyle sabit genişliğe döndürülür. */
.hdrYeni .hsmKalem.hsmYm .ymPist,
.hsmKalem.hsmYm .ymPist { flex: 0 0 34px; width: 34px; min-width: 34px; overflow: visible; margin-left: auto; }

/* ---- 3) Açıkken rozet (header) ---- */
.ymRozet { display: none; }
body.streamer-on .ymRozet {
    display: inline-flex; align-items: center; gap: 4px; flex: none;
    height: 20px; padding: 0 7px; border-radius: 20px;
    background: #FF3B3B; color: #fff;
    font-size: 10px; font-weight: 800; letter-spacing: .04em; line-height: 1; text-transform: uppercase;
    white-space: nowrap; filter: none !important;
}
body.streamer-on .ymRozet svg { width: 12px; height: 12px; flex: none; }
@media (max-width: 991px) {
    body.streamer-on .ymRozet { padding: 0 5px; }
    body.streamer-on .ymRozet .ymRozetMetin { display: none; }
}

/* ---- 4) Yayıncı Paneli notu ---- */
.ymNot { align-items: center; }
.ymNot .ymNotAnahtar {
    flex: none; background: none; border: 0; padding: 2px; border-radius: 20px;
}

/* ---- 5) Geçiş bildirimi ---- */
.ymBildirim {
    position: fixed; left: 50%; bottom: 24px; z-index: 100000;
    transform: translateX(-50%) translateY(12px); opacity: 0;
    padding: 10px 16px; border-radius: 12px; max-width: calc(100vw - 32px);
    background: #20212B; color: #F2F3F7; border: 1px solid #333444;
    font-size: 13px; font-weight: 600; box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
    transition: opacity .18s, transform .18s; pointer-events: none;
}
.ymBildirim.gorunur { opacity: 1; transform: translateX(-50%) translateY(0); }
body.light .ymBildirim { background: #fff; color: #1B1C26; border-color: #E2E4EA; }