/* Magic pack — tüm temalar için ortak ön yüz eklentileri (v1.0) */
:root{--mg-accent:var(--vr-theme-color,#e63946);--mg-ease:cubic-bezier(.22,.8,.3,1)}

/* 1) Görünürlük animasyonu (JS yalnızca ekran dışındaki öğelere .mg-pre ekler → JS yoksa içerik görünür kalır) */
.mg-pre{opacity:0;transform:translateY(22px)}
.mg-pre.mg-in{opacity:1;transform:none;transition:opacity .6s var(--mg-ease),transform .6s var(--mg-ease)}

/* 2) Haber kartlarında görsel yakınlaştırma + parıltı */
.post-item-image,.post-item .img-container{overflow:hidden}
.post-item-image img.img-cover,.post-item .img-container img,.post-item-image>a>img{transition:transform .7s var(--mg-ease),filter .4s}
.post-item:hover .img-cover,.post-item:hover .img-container img,.post-item-image:hover img.img-cover{transform:scale(1.07)}
.post-item-image::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.28) 50%,transparent 60%);transform:translateX(-120%);transition:transform .8s var(--mg-ease)}
.post-item-image{position:relative}
.post-item:hover .post-item-image::after{transform:translateX(120%)}
.post-item .title a{background-image:linear-gradient(var(--mg-accent),var(--mg-accent));background-size:0 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .35s var(--mg-ease),color .2s}
.post-item:hover .title a{background-size:100% 2px}

/* 3) SON DAKİKA başlığı: nabız atan nokta */
.news-ticker-title{position:relative}
.news-ticker-title::before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#fff;vertical-align:middle;animation:mg-pulse 1.6s infinite}
@keyframes mg-pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.75)}70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}

/* 4) Okuma ilerleme çubuğu */
.mg-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:99999;background:linear-gradient(90deg,var(--mg-accent),#ffb703);box-shadow:0 0 8px var(--mg-accent);transition:width .08s linear;pointer-events:none}

/* 5) Tahmini okuma süresi */
.mg-readtime{display:inline-flex;align-items:center;gap:5px;margin:0 10px 8px 0;padding:3px 11px;border-radius:20px;font-size:12px;font-weight:600;background:rgba(127,127,127,.14);color:inherit;line-height:1.6}
.mg-readtime svg{width:13px;height:13px}

/* 6) Yüzen paylaş çubuğu */
.mg-share{position:fixed;left:14px;top:50%;z-index:9990;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translate(-80px,-50%);transition:opacity .35s,transform .45s var(--mg-ease);pointer-events:none}
.mg-share.show{opacity:1;transform:translate(0,-50%);pointer-events:auto}
.mg-share a,.mg-share button{width:42px;height:42px;border-radius:50%;border:0;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25);transition:transform .2s var(--mg-ease);padding:0}
.mg-share a:hover,.mg-share button:hover{transform:scale(1.14) rotate(-6deg);color:#fff}
.mg-share svg{width:20px;height:20px;fill:currentColor}
.mg-wa{background:#25d366}.mg-x{background:#111}.mg-fb{background:#1877f2}.mg-tg{background:#229ed9}.mg-cp{background:#6b7280}.mg-nt{background:var(--mg-accent)}
@media(max-width:991px){
  .mg-share{left:0;right:0;top:auto;bottom:0;flex-direction:row;justify-content:center;gap:12px;padding:9px 8px calc(9px + env(safe-area-inset-bottom));background:rgba(20,20,24,.92);backdrop-filter:blur(8px);transform:translateY(100%)}
  .mg-share.show{transform:none}
  .mg-share a,.mg-share button{width:40px;height:40px;box-shadow:none}
  .scrollup{bottom:76px!important}
}

/* 7) Canlı ziyaretçi rozeti */
.mg-live{position:fixed;left:14px;bottom:14px;z-index:9980;display:flex;align-items:center;gap:8px;padding:7px 14px 7px 12px;border-radius:30px;font-size:12.5px;font-weight:600;color:#fff;background:rgba(20,20,24,.88);backdrop-filter:blur(6px);box-shadow:0 6px 20px rgba(0,0,0,.25);cursor:pointer;opacity:0;transform:translateY(14px);transition:opacity .4s,transform .4s var(--mg-ease)}
.mg-live.show{opacity:1;transform:none}
.mg-live i{width:9px;height:9px;border-radius:50%;background:#22c55e;animation:mg-live 1.8s infinite}
@keyframes mg-live{0%{box-shadow:0 0 0 0 rgba(34,197,94,.7)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@media(max-width:991px){.mg-live{bottom:70px;left:10px}}

/* 8) Döviz + hava şeridi */
.mg-strip{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;min-height:32px;padding:4px 36px 4px 12px;font-size:12.5px;font-weight:600;color:#e5e7eb;background:#111827;position:relative;letter-spacing:.2px}
.mg-strip span b{color:#fff;margin-left:4px}
.mg-strip .up{color:#4ade80}.mg-strip .dn{color:#f87171}
.mg-strip button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:0;color:#9ca3af;font-size:18px;line-height:1;cursor:pointer}
.mg-strip button:hover{color:#fff}
@media(max-width:575px){.mg-strip{gap:12px;font-size:11.5px}}

@media(prefers-reduced-motion:reduce){
  .mg-pre{opacity:1!important;transform:none!important}
  .post-item:hover .img-cover,.post-item:hover .img-container img{transform:none!important}
  .news-ticker-title::before,.mg-live i{animation:none}
  .mg-share,.mg-live{transition:none}
}
@media print{.mg-progress,.mg-share,.mg-live,.mg-strip{display:none!important}}

/* Her zaman koyu tema: aydınlık/koyu geçiş düğmelerini gizle */
form[action*="switch-dark-mode"],.li-dark-mode-sw,.btn-switch-mode-mobile{display:none!important}