/* Hırtı Tokatla v146: marka pembesi (#c8104e), gece modu başlık/menü temizliği, oyun sayacı, paylaşım kartı,
   Uygulamada düğmesi, Bebek Hırt penceresi, OYNA kartı, ana sayfa "Son içerikler" yerleşimi.
   Sadece görünüm; oyun, kredi, giriş, paylaşım, çerez, yorum ve tepki mantığına dokunmaz. */
:root{--h146-pink:#c8104e;--h146-pink-d:#8f0b38;--h146-grad:linear-gradient(135deg,#c8104e,#a30d40);--h146-green:#25d366;--h146-green-d:#128c4a;--h146-ink:#141016}

/* ---------- 1) Oyun sayfası: TOKAT SAYACI / kredi kutuları telefonda taşmasın ---------- */
.v45-stats.h145-stats,.v45-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;max-width:100%!important;box-sizing:border-box}
.v45-stats>div{min-width:0!important;max-width:100%!important;box-sizing:border-box;overflow:hidden}
.v45-stats strong,#v45-credits,#v45-hits{display:block;min-width:0;max-width:100%;font-size:clamp(20px,6.6vw,34px);line-height:1.08!important;white-space:nowrap!important;overflow:hidden;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.v45-stats span,.v45-stats small{display:block;min-width:0;overflow-wrap:anywhere}
@media (max-width:360px){.v45-stats.h145-stats,.v45-stats{grid-template-columns:minmax(0,1fr)!important}}

/* ---------- 2) Paylaşım kartı: siyah + yeşil, pembe yalnız vurgu ---------- */
#h140-share .h140-sh,body.h145 #h140-share .h140-sh{background:radial-gradient(120% 90% at 0% 0%,#1f2a22 0%,#121014 55%,#0d0b0f 100%)!important;color:#fff!important;border:2px solid #000!important;box-shadow:5px 5px 0 #000,inset 0 0 0 1px rgba(37,211,102,.18)!important}
#h140-share .h140-sh::after{background:radial-gradient(circle,rgba(200,16,78,.55),rgba(200,16,78,0) 70%)!important;opacity:.55!important}
#h140-share .h140-sh-k{color:var(--h146-green)!important;letter-spacing:.14em}
#h140-share .h140-sh h2{color:#fff!important}
#h140-share .h140-sh h2 b{color:var(--h146-green)!important;text-decoration:underline;text-decoration-color:var(--h146-pink);text-decoration-thickness:3px;text-underline-offset:4px}
#h140-share .h140-sh p{color:#cfd6d1!important}
body.h145 #h140-share .h140-btn,#h140-share .h140-btn{background:#232027!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.16)!important;box-shadow:0 2px 0 #000!important;background-image:none!important}
body.h145 #h140-share .h140-btn:hover,#h140-share .h140-btn:hover{border-color:var(--h146-green)!important;transform:translateY(-1px)}
body.h145 #h140-share .h140-btn.h140-wa,#h140-share .h140-btn.h140-wa{background:linear-gradient(135deg,#25d366,#128c4a)!important;border-color:#0d6b37!important;color:#fff!important}
body.h145 #h140-share .h140-btn.h140-cp,#h140-share .h140-btn.h140-cp{background:#fff!important;color:#141016!important;border-color:#fff!important}
body.h145 #h140-share .h140-btn.h140-more,#h140-share .h140-btn.h140-more{background:transparent!important;border:1.5px solid var(--h146-pink)!important;color:#fff!important}
#h140-share .h140-btn svg,#h140-share .h140-btn img{filter:none!important}

/* ---------- 3) "Uygulamada" düğmesi: biraz aşağı + siyah telefon simgesi ---------- */
.h145-hero-cta .h145-ab,.h145-ab{margin-top:14px!important}
.h145-ab .h145-ab-ic{display:inline-grid!important;place-items:center;width:34px!important;height:34px!important;border-radius:50%!important;background:#141016!important;color:#fff!important;font-size:0!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.12);flex:0 0 34px}
.h145-ab .h145-ab-ic svg{width:18px;height:18px;display:block}

/* ---------- 4) Bebek Hırt günlük ödül penceresi: köşe logosu X ile çakışmasın ---------- */
#v46-baby-modal .v46-modal{position:relative}
#v46-baby-modal img.h140-baby-st{top:12px!important;left:12px!important;width:54px!important;height:54px!important;z-index:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))}
#v46-baby-modal .v46-close{z-index:3!important}

/* ---------- 5) OYNA kartı: beyaz kutu yerine marka zemini + şeffaf görsel ---------- */
.v68-tile.v68-hirt .character-image,.character-tile.v68-hirt .character-image{background:radial-gradient(circle at 50% 45%,rgba(200,16,78,.35),rgba(20,16,22,0) 70%)!important;border:0!important;box-shadow:none!important}
.v68-tile.v68-hirt .character-image img{background:transparent!important;object-fit:contain!important;border-radius:50%!important;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45))}

/* ---------- 6) Gece modu: başlık (kredi, tema, profil) ve üst menü ---------- */
body.dark #site-header,body.dark #site-header header.head{background:#17121b!important}
body.dark #site-header .v43-credit-chip{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important}
body.dark #site-header #theme{background:#241c29!important;box-shadow:0 0 0 2px rgba(200,16,78,.75)!important;border:0!important}
body.dark #site-header a.header-member{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;border-radius:12px!important}
body.dark #site-header nav.nav{background:#1d1622!important;border-top:1px solid rgba(255,255,255,.06);border-bottom:3px solid var(--h146-pink)!important;box-shadow:none!important}
body.dark #site-header nav.nav .drawer-toggle{background:transparent!important;border:1.5px solid rgba(255,255,255,.22)!important;color:#fff!important;border-radius:10px!important;box-shadow:none!important}
body.dark #site-header nav.nav .v18-nav-item>a{background:transparent!important;color:#f2f2f2!important;border-radius:999px!important;box-shadow:none!important;border:0!important}
body.dark #site-header nav.nav .v18-nav-item>a:hover,body.dark #site-header nav.nav .v18-nav-item>a:focus-visible{background:rgba(200,16,78,.22)!important;color:#fff!important}
body.dark #site-header nav.nav .v18-nav-item>a.h146-here{background:var(--h146-grad)!important;color:#fff!important}
body.dark #site-header nav.nav .v18-nav-arrow{background:transparent!important;color:#f2f2f2!important;border:0!important;box-shadow:none!important}
body.dark #site-header nav.nav .v18-nav-arrow:hover{color:var(--h146-pink)!important}
body.dark #site-header nav.nav .v18-nav-item{background:transparent!important;box-shadow:none!important;border:0!important}
body.dark #site-header nav.nav .v18-nav-dropdown{background:#1d1622!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 14px 30px rgba(0,0,0,.45)!important}
body.dark #site-header nav.nav .v18-nav-dropdown a{background:transparent!important;color:#f2f2f2!important}
body.dark #site-header nav.nav .v18-nav-dropdown a:hover{background:rgba(200,16,78,.2)!important}
body.dark #site-header nav.nav .v73-nav-close{background:transparent!important;color:#fff!important}
/* Aydınlık modda da bulunduğun sayfa belli olsun */
#site-header nav.nav .v18-nav-item>a.h146-here{box-shadow:inset 0 -3px 0 #fff}
/* Menüdeki "HIRTI TOKATLA!" düğmesi: marka pembesinin kaynağı, aynen kalsın */
.h140-drawer-play{background:linear-gradient(135deg,#c8104e,#a30d40)!important}

/* ---------- 7) Gece modu: sticker satırı ve kartlar ---------- */
body.dark #h145-stk a span,body.dark .h145-stk a span{color:#efefef!important}
body.dark .v68-character-strip .character-tile{border-color:rgba(255,255,255,.12)!important}

/* ---------- 8) Ana sayfa: Son içerikler kahraman alanının hemen altında ---------- */
#hirt-mahallesi .v57-latest.h146-moved{margin:18px 0 22px!important;max-width:100%!important;box-sizing:border-box}
#hirt-mahallesi .v57-latest.h146-moved>*{max-width:100%}

/* ---------- 9) Bebek Hırt menü/poster: emekli görsel yerine sticker ---------- */
img.h146-st{object-fit:contain!important;background:transparent!important}

/* ---------- 10) Gece modu: eski genel düğme kuralı pembe düğmeleri griye çeviriyordu ---------- */
body.dark #v46-baby-modal #v46-feed{background:linear-gradient(135deg,#c8104e,#a30d40)!important;color:#fff!important;border:0!important}
body.dark #v46-baby-modal #v46-feed:disabled{opacity:.55}
body.dark #v46-baby-modal #v46-sound{background:transparent!important;color:#fff!important;border:1.5px solid #c8104e!important}
body.dark #v46-baby-modal .v46-close{background:rgba(255,255,255,.12)!important;color:#fff!important}

/* v146 · Hırt Mahallesi bilgi yarışması */
.h146-bilgi .h146-q-stickers{display:flex;justify-content:center;gap:4px;margin:6px 0 10px}
.h146-bilgi .h146-q-stickers img{width:23%;max-width:110px;height:auto}
.h146-bilgi .h146-q-head{display:flex;align-items:center;gap:12px;margin:12px 0 6px}
.h146-bilgi .h146-q-head h2{margin:0;flex:1}
.h146-bilgi .h146-q-sticker{width:74px;height:74px;flex:0 0 74px}
.h146-bilgi .h146-options{display:grid;gap:10px;margin:12px 0}
.h146-bilgi .h146-options .quiz-choice{text-align:left;width:100%}
.h146-bilgi .h146-options .quiz-choice:disabled{opacity:1;cursor:default}
.h146-bilgi .quiz-choice.h146-right{background:#25d366!important;color:#06210f!important;border-color:#0f7a3a!important}
.h146-bilgi .quiz-choice.h146-wrong{background:#c8104e!important;color:#fff!important;border-color:#8c0b3f!important}
.h146-bilgi .h146-feedback{border-radius:16px;margin:0 0 12px;padding:0}
.h146-bilgi .h146-feedback.is-ok,.h146-bilgi .h146-feedback.is-no{padding:12px 14px;border:2px solid #111;box-shadow:4px 4px 0 #111;animation:h146pop .28s ease-out}
.h146-bilgi .h146-feedback.is-ok{background:#e9fbef}
.h146-bilgi .h146-feedback.is-no{background:#f4f4f4}
.h146-bilgi .h146-feedback p{margin:6px 0}
.h146-bilgi .h146-feedback a{color:#c8104e;font-weight:800}
.h146-bilgi .h146-result{text-align:center}
.h146-bilgi .h146-score{font:800 64px/1 'Baloo 2',sans-serif;color:#c8104e;text-shadow:4px 4px 0 #111;margin:6px 0}
.h146-bilgi .h146-result-sticker{width:160px;height:160px;display:block;margin:6px auto}
.h146-bilgi .quiz-result-actions .h146-x{background:#111;color:#fff}
.h146-bilgi .h146-play{display:inline-block;margin-top:14px;padding:12px 22px;border-radius:999px;background:linear-gradient(135deg,#c8104e,#a30d40);color:#fff;font-weight:800;text-decoration:none;border:3px solid #111;box-shadow:4px 4px 0 #111}
@keyframes h146pop{from{transform:scale(.96);opacity:0}to{transform:none;opacity:1}}
body.dark .h146-bilgi .h146-feedback.is-ok{background:#12301e;color:#eafff1;border-color:#25d366}
body.dark .h146-bilgi .h146-feedback.is-no{background:#3a1022;color:#f5f5f5;border-color:#c8104e}
body.dark .h146-bilgi .h146-feedback a{color:#ff6fa6}
body.dark .h146-bilgi .h146-play{border-color:#000}
/* v146 · içerik kategori hapı: pembe zemin üstünde beyaz yazı (v140 !important rengini ezer) */
html body.h145-content .article-category.article-category,html body.h145-content .v53-article-head .v53-category{color:#fff!important}
.h146-bilgi h2[tabindex="-1"]:focus{outline:none}
html body.h145-content .article-paper .quiz-result-actions a[href^="https://wa.me"]:not([class]),html body .quiz-result-actions a[href^="https://wa.me"]{text-decoration:none!important;color:#fff!important;background:#25d366!important;border-color:#111!important}