/* ============================================================
   HURMİLLET — TIKLAMA PENCERESİ (zpit) stilleri (v266)
   Ana sayfada tıklanan ögenin İÇERİĞİ, bulunduğu yerde açılan
   pencerede gösterilir. Hiç gezinme düğmesi yoktur; pencere
   yalnız okuma içeriği taşır. assets/js/pop.js ile çalışır;
   yalnız ana sayfada yüklenir.
   ============================================================ */

.zpit{
  position:absolute;z-index:1500;display:none;
  font-family:'Roboto',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  color:#fff;pointer-events:none;
}
.zpit.zpit-on{display:block;pointer-events:auto}
.zpit-card{
  position:relative;background:#12151d;border:1px solid rgba(255,255,255,.12);
  border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.55),0 2px 10px rgba(0,0,0,.4);
  overflow:hidden;animation:zpitIn .16s ease-out;
}
@keyframes zpitIn{from{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}
.zpit-x{
  position:absolute;top:8px;right:8px;z-index:2;width:30px;height:30px;border-radius:9px;
  border:1px solid rgba(255,255,255,.16);background:rgba(11,13,18,.72);color:#fff;
  font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
}
.zpit-x:hover{background:#d81920;border-color:#d81920}
.zpit-body{padding:14px 16px 16px;max-height:min(78vh,620px);overflow-y:auto;scrollbar-width:thin}
/* üst görsel */
.zpit-media{margin:-14px -16px 12px;max-height:200px;overflow:hidden;background:#0b0d12}
.zpit-media img{display:block;width:100%;height:200px;object-fit:cover}
/* künye: kategori · tarih · yazar */
.zpit-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 8px;font-size:11.5px;color:rgba(255,255,255,.5)}
.zpit-cat{
  display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;
  background:rgba(216,25,32,.14);border:1px solid rgba(255,255,255,.14);color:#ff6b72;
  font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;
}
.zpit-meta time{white-space:nowrap}
.zpit-author{overflow-wrap:anywhere}
.zpit-title{
  margin:0 0 6px;font-family:'Rubik','Roboto',Arial,sans-serif;font-weight:800;
  font-size:18px;line-height:1.35;letter-spacing:-.2px;padding-right:26px;color:#fff;
}
.zpit-spot{margin:0 0 12px;font-size:13.5px;line-height:1.66;color:rgba(255,255,255,.62);font-style:italic;overflow-wrap:anywhere}
/* 3 Maddede kutusu (haber penceresi) */
.zpit-take{
  margin:0 0 12px;padding:10px 12px;border-radius:10px;background:rgba(216,25,32,.08);
  border:1px solid rgba(216,25,32,.3);border-left:3px solid #d81920;
}
.zpit-take b{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ff6b72;margin-bottom:6px}
.zpit-take ul{list-style:none;margin:0;padding:0}
.zpit-take li{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.6;color:rgba(255,255,255,.85)}
.zpit-take li + li{margin-top:6px}
.zpit-take li i{
  flex:0 0 auto;width:17px;height:17px;border-radius:50%;background:#d81920;color:#fff;
  font-style:normal;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:2px;
}
/* içerik gövdesi: API'den gelen tam metin VEYA fetch edilen sayfa içeriği */
.zpit-content{font-size:13.5px;line-height:1.78;color:rgba(255,255,255,.86);overflow-wrap:anywhere}
.zpit-content p{margin:0 0 11px}
.zpit-content h1,.zpit-content h2,.zpit-content h3,.zpit-content h4{
  margin:16px 0 8px;font-family:'Rubik','Roboto',Arial,sans-serif;font-weight:800;line-height:1.35;color:#fff;
}
.zpit-content h1{font-size:17px}
.zpit-content h2{font-size:16px}
.zpit-content h3,.zpit-content h4{font-size:14.5px}
.zpit-content ul,.zpit-content ol{margin:0 0 11px;padding-left:20px}
.zpit-content li{margin-bottom:5px}
.zpit-content img{max-width:100%;height:auto;border-radius:10px;margin:4px 0 10px}
.zpit-content figure{margin:0 0 11px}
.zpit-content figcaption{font-size:11.5px;color:rgba(255,255,255,.45);margin-top:4px}
.zpit-content blockquote{
  margin:0 0 11px;padding:8px 12px;border-left:3px solid rgba(216,25,32,.6);
  background:rgba(255,255,255,.04);border-radius:8px;color:rgba(255,255,255,.75);font-style:italic;
}
.zpit-content a{color:#ff8a90;text-decoration:underline}
.zpit-content table{width:100%;border-collapse:collapse;margin:0 0 11px;font-size:12.5px}
.zpit-content td,.zpit-content th{border:1px solid rgba(255,255,255,.14);padding:6px 8px;text-align:left}
.zpit-content iframe,video{max-width:100%}
.zpit-content hr{border:0;border-top:1px solid rgba(255,255,255,.12);margin:14px 0}
/* etiketler */
.zpit-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}
.zpit-tags span{
  padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);font-size:11px;color:rgba(255,255,255,.62);white-space:nowrap;
}
.zpit-note{margin:8px 0 0;font-size:12.5px;color:rgba(255,255,255,.55);overflow-wrap:anywhere}
/* iskelet (yükleniyor) */
.zpit-skel{display:flex;flex-direction:column;gap:9px;margin-bottom:6px}
.zpit-skel i{
  display:block;height:13px;border-radius:7px;
  background:linear-gradient(100deg,rgba(255,255,255,.07) 30%,rgba(255,255,255,.16) 50%,rgba(255,255,255,.07) 70%);
  background-size:200% 100%;animation:zpitSh 1.1s linear infinite;
}
@keyframes zpitSh{from{background-position:120% 0}to{background-position:-80% 0}}
/* MOBİL: alt sayfa (bottom sheet) */
@media(max-width:759px){
  .zpit.zpit-sheet{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto !important;z-index:1500}
  .zpit.zpit-sheet .zpit-card{border-radius:16px 16px 0 0;box-shadow:0 -14px 44px rgba(0,0,0,.6)}
  .zpit.zpit-sheet .zpit-body{max-height:74vh;padding-bottom:max(16px,env(safe-area-inset-bottom))}
  .zpit.zpit-sheet::before{
    content:"";display:block;width:44px;height:4px;border-radius:999px;background:rgba(255,255,255,.25);
    margin:8px auto 0;position:absolute;top:0;left:50%;transform:translateX(-50%);
  }
}
@media(prefers-reduced-motion:reduce){
  .zpit-card,.zpit-skel i{animation:none}
}

/* ============================================================
   v267 — PENCERE İÇİ KOYU TEMA NORMALİZASYONU
   ------------------------------------------------------------
   Sorun: site sayfalarının koyu teması "body.mag-sub" kapsamında
   yazılı; pencere ana sayfada (mag-home) açıldığından pencereye
   taşınan sayfa içeriği AÇIK temanın beyaz zeminleriyle
   (.hm-content{background:#fff}, .nl-list, formlar, tablolar…)
   görünüyor — kullanıcı: "açılan pencerede zemin beyaz görünüyor".
   Çözüm 1/2 (bu bölüm): bilinen bileşenler pencere içinde koyu
   temaya oturtulur. Çözüm 2/2 (pop.js darkPass): hesaplanmış stille
   bilinmeyen beyaz zemin + koyu metinler de düzeltilir.
   ============================================================ */
.zpit .zpit-content{background:transparent}
.zpit .zpit-content :is(h1,h2,h3,h4,h5,h6){color:#fff}
.zpit .zpit-content :is(p,li,dd,dt,time,small,figcaption,td,th,label){color:rgba(255,255,255,.85)}
.zpit .zpit-content :is(b,strong){color:#fff}
.zpit .zpit-content a{color:#ff8a90}
/* açık zeminli bilinen bileşenler (style.css taban stilleri) */
.zpit .zpit-content .hm-content{background:transparent;border:0;box-shadow:none;padding:0;color:rgba(255,255,255,.85)}
.zpit .zpit-content .news-head,.zpit .zpit-content .news-meta,.zpit .zpit-content .news-spot{color:rgba(255,255,255,.8)}
.zpit .zpit-content .breadcrumb{color:rgba(255,255,255,.5)}
.zpit .zpit-content .breadcrumb a{color:rgba(255,255,255,.72)}
.zpit .zpit-content .page-title{color:#fff;border-bottom-color:rgba(255,255,255,.12)}
.zpit .zpit-content .page-title small{color:rgba(255,255,255,.5)}
.zpit .zpit-content .block-head h2{color:#fff}
.zpit .zpit-content .all-link{color:rgba(255,255,255,.6)}
.zpit .zpit-content .ncard{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.zpit .zpit-content .ncard-title{color:rgba(255,255,255,.88)}
.zpit .zpit-content .ncard-cat{color:rgba(255,255,255,.55)}
.zpit .zpit-content .nl-list,.zpit .zpit-content .nl-numbered,.zpit .zpit-content .mr-numbered{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);box-shadow:none}
.zpit .zpit-content .mr-numbered a{color:#fff}
.zpit .zpit-content .nl-list li,.zpit .zpit-content .nl-numbered li,.zpit .zpit-content .mr-numbered li{color:rgba(255,255,255,.85);border-bottom-color:rgba(255,255,255,.07)}
.zpit .zpit-content .nl-numbered li::before,.zpit .zpit-content .mr-numbered li::before{background:rgba(255,255,255,.08);color:rgba(255,255,255,.65)}
.zpit .zpit-content .eco-strip,.zpit .zpit-content .eco-card,.zpit .zpit-content .rates-table{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.zpit .zpit-content .eco-item b,.zpit .zpit-content .eco-card b{color:#fff}
.zpit .zpit-content .rates-table th{background:rgba(255,255,255,.05);color:rgba(255,255,255,.75)}
.zpit .zpit-content .rates-table td{color:rgba(255,255,255,.85);border-bottom-color:rgba(255,255,255,.08)}
.zpit .zpit-content .hm-pagination a,.zpit .zpit-content .hm-pagination span{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.8)}
.zpit .zpit-content .hm-form{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.8)}
.zpit .zpit-content .hm-form label{color:rgba(255,255,255,.75)}
.zpit .zpit-content .hm-form small{color:rgba(255,255,255,.45)}
.zpit .zpit-content input[type=text],.zpit .zpit-content input[type=password],.zpit .zpit-content input[type=email],
.zpit .zpit-content input[type=number],.zpit .zpit-content input[type=url],.zpit .zpit-content input[type=date],
.zpit .zpit-content input[type=tel],.zpit .zpit-content input[type=search],.zpit .zpit-content select,.zpit .zpit-content textarea{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:#fff}
.zpit .zpit-content input::placeholder,.zpit .zpit-content textarea::placeholder{color:rgba(255,255,255,.38)}
.zpit .zpit-content .btn.ghost{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.2)}
.zpit .zpit-content .tag-row a{background:rgba(255,255,255,.06);color:rgba(255,255,255,.75);border-color:rgba(255,255,255,.12)}
.zpit .zpit-content .comment{border-bottom-color:rgba(255,255,255,.08)}
.zpit .zpit-content .comment .chead b{color:#fff}
.zpit .zpit-content .comment p{color:rgba(255,255,255,.8)}
.zpit .zpit-content .cavatar{background:rgba(216,25,32,.25);color:#fff}
.zpit .zpit-content .hm-block{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.09)}
.zpit .zpit-content .hm-take{background:rgba(216,25,32,.1);border-color:rgba(216,25,32,.4);color:rgba(255,255,255,.85)}
.zpit .zpit-content .hm-take-head{color:#fff}
.zpit .zpit-content .hm-empty{background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.2);color:rgba(255,255,255,.6)}
.zpit .zpit-content .hm-alert{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16);color:rgba(255,255,255,.85)}
.zpit .zpit-content .enc-card{background:#141824;border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.8)}
.zpit .zpit-content .enc-card b{color:#fff}
.zpit .zpit-content .news-imgcap,.zpit .zpit-content .hm-gal figcaption{color:rgba(255,255,255,.5)}
/* pencereye taşınan bölüm kabukları: kalın dolgu/çizgi gereksiz */
.zpit .zpit-content .mg-catsec{background:transparent;border:0;padding:0}
.zpit .zpit-content .hm-container{padding:0}