/*
Theme Name: Türkiye Ajans
Description: Türkiye Ajans Haber Teması - Güvenli, Hızlı, Optimize
Version: 1.0
Text Domain: turkiye-ajans
url:https://www.turkiyeajans.com/ucretsiz-wordpress-turkiye-ajans-temasi/

TÜRKİYE AJANS HABER TEMASI KULLANIM, LİSANS VE TAAHHÜT BEYANI

"TÜRKİYE AJANS HABER TEMASI" isimli yazılım, tema, tasarım, kod yapısı, işlevsel bileşenleri, görsel düzenlemeleri ve tüm fikri unsurlarıyla birlikte Mustafa Çakar'a aittir. Tema, ücretsiz olarak dağıtılıyor olması nedeniyle kamu malı niteliği taşımamakta olup, 5846 Sayılı Fikir ve Sanat Eserleri Kanunu ile ilgili diğer mevzuatlar kapsamında eser sahibinin hakları saklıdır.

Temanın ücretsiz olarak paylaşılması, eser sahibinin fikri ve sınai mülkiyet haklarından feragat ettiği anlamına gelmez. Temayı edinen, kullanan veya erişim sağlayan tüm kişi ve kuruluşlar aşağıdaki şartları kabul etmiş sayılır:

1. Temanın kaynak kodlarının, dosyalarının, bileşenlerinin veya herhangi bir bölümünün eser sahibinin yazılı izni olmaksızın değiştirilmesi, geliştirilmesi, çoğaltılması, yeniden paketlenmesi veya farklı bir ürün içerisinde kullanılması yasaktır.

2. Temanın tamamının veya herhangi bir kısmının internet sitelerinde, sosyal medya platformlarında, forumlarda, dosya paylaşım servislerinde, depolama alanlarında veya benzeri mecralarda yeniden paylaşılması, dağıtılması veya yayımlanması yasaktır.

3. Temanın ücret karşılığında satılması, kiralanması, ticari amaçlarla pazarlanması, üçüncü kişilere ticari hizmet kapsamında sunulması veya gelir elde etmeye yönelik herhangi bir faaliyette kullanılması yasaktır.

4. Tema dosyalarının grup üyeleri, kullanıcılar veya üçüncü kişiler tarafından başka kişi ya da kuruluşlara aktarılması, paylaşılması veya dağıtılması yasaktır.

5. Temanın içerdiği telif bildirimlerinin, eser sahibi bilgilerinin veya hak sahipliğini gösteren kayıtların kaldırılması, değiştirilmesi veya gizlenmesi yasaktır.

6. Bu şartlara aykırı hareket edilmesi halinde eser sahibi Mustafa Çakar; hukuki, cezai ve idari yollara başvurma, maddi ve manevi tazminat talep etme, erişimin engellenmesini isteme ve ilgili mevzuattan kaynaklanan tüm haklarını kullanma hakkını saklı tutar.

Temayı indiren, kullanan, erişen veya herhangi bir şekilde temadan faydalanan tüm kullanıcılar, yukarıda belirtilen şartları okuduklarını, anladıklarını ve kabul ettiklerini; tema dosyalarını izinsiz paylaşmayacaklarını, ticari amaçla kullanmayacaklarını ve üçüncü kişilere dağıtmayacaklarını peşinen kabul, beyan ve taahhüt ederler.

Tüm hakları saklıdır.

Hak Sahibi: Mustafa Çakar © Türkiye Ajans Haber Teması
*/

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:13px}
body{font-family:Arial,sans-serif;background:#e2e2e2;color:#1a1a1a}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ── PAGER — VARSAYILAN DEĞİŞKENLER (JS/Customizer bunları günceller) ── */
:root{
  --pg-l-font:11px; --pg-l-minw:20px; --pg-l-padv:2px; --pg-l-padh:5px;
  --pg-r-font:10px; --pg-r-minw:18px; --pg-r-padv:2px; --pg-r-padh:6px;
}

/* ── WP ADMIN BAR ── */
html.admin-bar,
html body.admin-bar{margin-top:0!important}
@media screen and (max-width:782px){
  html.admin-bar,
  html body.admin-bar{margin-top:0!important}
}
@media screen and (max-width:600px){
  html.admin-bar,
  html body.admin-bar{margin-top:0!important}
}
a{text-decoration:none;color:inherit}
a:hover{color:#cc0000}
img{max-width:100%;display:block}
ul{list-style:none}

/* ═══════════════════════════════════════
   HEADER — Kırmızı zemin
   ═══════════════════════════════════════ */
#ta-header{background:#cc0000;padding:7px 0}
#ta-header .hi{max-width:1200px;margin:0 auto;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}

/* Logo */
.ta-logo a{display:flex;align-items:center;gap:6px}
.ta-logo a img.custom-logo{max-height:60px;width:auto;display:block;object-fit:contain}
.ta-logo-box{background:#fff;padding:4px 8px;border-radius:2px;display:flex;align-items:center;justify-content:center}
.ta-logo-box .li{font-size:22px;font-weight:900;color:#cc0000;line-height:1;font-family:Arial,sans-serif}
.ta-logo-texts .ln{display:block;font-size:24px;font-weight:900;color:#fff;line-height:1;font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.5px}
.ta-logo-texts .ls{display:block;font-size:9px;color:rgba(255,255,255,.92);text-transform:uppercase;letter-spacing:2.5px;margin-top:2px}

/* Döviz blokları */
.ta-rates{display:flex;gap:3px;align-items:center}
.ta-rb{display:flex;flex-direction:column;align-items:center;background:rgba(0,0,0,.22);padding:4px 9px;border-radius:2px;min-width:64px}
.ta-rb .rl{font-size:9px;color:rgba(255,255,255,.92);text-transform:uppercase;letter-spacing:.5px;line-height:1}
.ta-rb .rv{font-size:12px;font-weight:700;color:#fff;line-height:1.3}
.ta-rb .rc{font-size:9px;line-height:1}

/* Hava durumu */
.ta-weather{display:flex;gap:3px;align-items:center;margin-left:4px}
.ta-wx{display:flex;align-items:center;gap:4px;background:rgba(0,0,0,.22);padding:4px 8px;border-radius:2px;cursor:default;white-space:nowrap}
.ta-wx .wx-icon{font-size:16px;line-height:1}
.ta-wx .wx-info{display:flex;flex-direction:column;align-items:flex-start}
.ta-wx .wx-city{font-size:9px;color:rgba(255,255,255,.92);text-transform:uppercase;letter-spacing:.5px;line-height:1}
.ta-wx .wx-temp{font-size:12px;font-weight:700;color:#fff;line-height:1.3}
.rc.up{color:#d6ffd6;font-weight:800}
.rc.dn{color:#fff2f2;font-weight:800}

/* Header sağ */
.ta-hright{display:flex;align-items:center;gap:8px}
.ta-hdate{font-size:10px;color:rgba(255,255,255,.90);white-space:nowrap}
.ta-hlinks{display:flex;gap:4px}
.ta-hlinks a{background:rgba(0,0,0,.28);color:#fff;font-size:10px;font-weight:700;padding:4px 10px;border-radius:2px;white-space:nowrap;border:1px solid rgba(255,255,255,.2);transition:background .15s}
.ta-hlinks a:hover{background:rgba(0,0,0,.45);color:#fff}
.ta-social{display:flex;gap:3px}
.ta-social a{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(0,0,0,.25);color:#fff;font-size:11px;font-weight:700;border-radius:2px;border:1px solid rgba(255,255,255,.15);transition:background .15s;position:relative}
.ta-social a::after{content:'';position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
.ta-social a:hover{background:rgba(0,0,0,.5);color:#fff}
.ta-search-btn{background:none;border:none;color:rgba(255,255,255,.8);font-size:16px;cursor:pointer;padding:2px 4px;transition:color .15s;min-width:44px;min-height:44px}
.ta-search-btn:hover{color:#fff}

/* ═══════════════════════════════════════
   NAVBAR
   ═══════════════════════════════════════ */
#ta-nav{background:#1c1c1c;position:sticky;top:0;z-index:9990;border-bottom:3px solid #cc0000}
#ta-nav .ni{max-width:1200px;margin:0 auto;padding:0 10px;display:flex;align-items:stretch;justify-content:space-between}
#ta-nav ul.ta-menu{display:flex;align-items:stretch;margin:0;padding:0}
#ta-nav ul.ta-menu li a{display:flex;align-items:center;height:38px;padding:0 13px;font-size:13px;font-weight:600;color:#ccc;border-bottom:3px solid transparent;margin-bottom:-3px;transition:all .15s;white-space:nowrap}
#ta-nav ul.ta-menu li:first-child>a{color:#f5c518}
#ta-nav ul.ta-menu li a:hover,
#ta-nav ul.ta-menu li.current-menu-item>a{color:#fff;background:#cc0000;border-bottom-color:#990000}
#ta-nav ul.ta-menu li{position:relative}
#ta-nav ul.ta-menu li ul{display:none;position:absolute;top:100%;left:0;background:#222;min-width:180px;border-top:2px solid #cc0000;box-shadow:0 4px 12px rgba(0,0,0,.4);z-index:9999;flex-direction:column}
#ta-nav ul.ta-menu li:hover>ul{display:flex}
#ta-nav ul.ta-menu li ul li a{height:auto;padding:9px 14px;font-size:12px;border-bottom:1px solid #333;margin-bottom:0;border-left:3px solid transparent}
#ta-nav ul.ta-menu li ul li a:hover{background:#990000;border-left-color:#f5c518}
.ta-burger{display:none;align-items:center;color:#ccc;font-size:22px;padding:0 8px;cursor:pointer;background:none;border:none}

/* ═══════════════════════════════════════
   TICKER — GPU hızlandırmalı
   ═══════════════════════════════════════ */
#ta-ticker{background:#cc0000;overflow:hidden;border-top:1px solid #aa0000}
#ta-ticker .ti{max-width:1200px;margin:0 auto;padding:0 10px;display:flex;align-items:center}
.tk-label{flex-shrink:0;background:#111;color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;padding:5px 12px 5px 10px;margin-right:0;white-space:nowrap;border-right:3px solid #f5c518}
.tk-wrap{flex:1;overflow:hidden;height:28px;position:relative}
.tk-move{display:flex;align-items:center;white-space:nowrap;animation:tkS 60s linear infinite;position:absolute;top:0;left:0;height:28px;will-change:transform}
.tk-move:hover{animation-play-state:paused}
.tk-move a{color:#fff;font-size:11.5px;font-weight:500;padding:0 28px 0 0}
.tk-move a::after{content:"◆";margin-left:28px;opacity:.4;font-size:7px;vertical-align:middle}
@keyframes tkS{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ═══════════════════════════════════════
   SAYFA WRAPPER
   ═══════════════════════════════════════ */
#ta-wrap{max-width:1200px;margin:8px auto;padding:0 10px;display:flex;gap:10px;align-items:flex-start}
#ta-main{flex:1;min-width:0}
#ta-sidebar{width:290px;flex-shrink:0;position:sticky;top:46px;max-height:calc(100vh - 54px);overflow-y:auto;scrollbar-width:none}
#ta-sidebar::-webkit-scrollbar{display:none}

/* ═══════════════════════════════════════
   HERO SLIDER
   ═══════════════════════════════════════ */
.ta-hero{display:grid;grid-template-columns:var(--sl-left-w,680px) minmax(var(--sl-right-w,270px),1fr);gap:0;margin-bottom:8px;border:1px solid #999;background:#111;overflow:hidden}
/* tcw-ticker eklentisi normalde sayfanın en üstüne "sticky" yapışacak
   şekilde tasarlanmış (position:sticky + z-index:9999). Eklenti
   "Otomatik Ekle" açıksa <body>'nin en başına KENDİSİ de ekleniyor —
   bu durumda hero widget alanındaki kopyadan bağımsız, sitede nereye
   render olursa olsun sticky/overlap davranışını global olarak iptal
   ediyoruz ki mobilde header/slider'ın üzerine binmesin. */
.ta-hero-ticker{background:#111;border-top:1px solid #333;padding:6px 10px;overflow-x:auto;overflow-y:hidden;max-width:100%}
.ta-hero-ticker .ta-hero-widget{margin:0;max-width:100%}
.ta-hero-ticker .ta-hero-widget *{max-width:100%;box-sizing:border-box}
.ta-hero-ticker img{max-width:100%;height:auto}
.ta-hero-left{position:relative;display:flex;flex-direction:column;background:#222}
.ta-hero-left .swiper{width:100%;height:var(--sl-left-h,285px);flex-shrink:0;overflow:hidden}
.ta-hero-left .swiper-wrapper{height:var(--sl-left-h,285px)!important}
.ta-hero-left .swiper-slide{position:relative!important;width:100%!important;height:var(--sl-left-h,285px)!important;overflow:hidden;flex-shrink:0}
.ta-hero-left .swiper-slide img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover;display:block}
.ta-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.3) 50%,transparent 100%);z-index:2;pointer-events:none}
.ta-slide-link{position:absolute;inset:0;z-index:1;display:block}
.ta-caption{position:absolute;bottom:8px;left:0;right:0;padding:0 14px;z-index:3}
.ta-cap-cat{display:inline-block;background:#cc0000;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;padding:2px 8px;border-radius:1px;margin-bottom:4px;letter-spacing:.5px}
.ta-cap-title{font-size:18px;font-weight:400;color:#fff;line-height:1.35;font-family:Arial,sans-serif;text-shadow:0 1px 3px rgba(0,0,0,.8);margin-bottom:4px;text-transform:uppercase}
.ta-cap-title a{color:#fff}
.ta-cap-sub{display:inline-block;background:#f5c518;color:#111;font-size:15px;font-weight:800;padding:4px 10px;font-family:Arial,sans-serif}
.ta-hero-pager{background:rgba(0,0,0,.8);display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;align-items:center;gap:1px;padding:5px 8px;flex-shrink:0}
.ta-hero-pager::-webkit-scrollbar{display:none}
.ta-hero-pager a{color:#ddd;font-size:var(--pg-l-font);font-weight:600;padding:var(--pg-l-padv) var(--pg-l-padh);border-radius:1px;min-width:var(--pg-l-minw);text-align:center;line-height:1.5;transition:background .1s,color .1s;flex:1 1 var(--pg-l-minw);white-space:nowrap}
.ta-hero-pager a:hover,.ta-hero-pager a.active{background:#cc0000;color:#fff}
.ta-hero-pager a.pt{background:#cc0000;color:#fff;margin-left:2px;flex-shrink:0}
.ta-hero-right{display:flex;flex-direction:column;border-left:1px solid #555;background:#333}
.ta-hero-right .swiper{width:100%;height:var(--sl-right-h,254px)!important;flex-shrink:0;overflow:hidden}
.ta-hero-right .swiper-wrapper{height:var(--sl-right-h,254px)!important}
.ta-hero-right .swiper-slide{position:relative!important;width:100%!important;height:var(--sl-right-h,254px)!important;overflow:hidden;flex-shrink:0}
.ta-hero-right .swiper-slide img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover;display:block}
.ta-side-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 60%);z-index:2;pointer-events:none}
.ta-side-cap{position:absolute;bottom:8px;left:0;right:0;padding:0 10px;z-index:3}
.ta-side-cap h3{font-size:14px;font-weight:700;color:#fff;line-height:1.3;font-family:Arial,sans-serif;text-transform:uppercase}
.ta-side-cap h3 a{color:#fff}
.ta-side-pager{background:#111;padding:5px 8px;display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;align-items:center;gap:3px;flex-shrink:0}
.ta-side-pager::-webkit-scrollbar{display:none}
.ta-side-pager a{color:#ddd;font-size:var(--pg-r-font);font-weight:700;padding:var(--pg-r-padv) var(--pg-r-padh);border-radius:1px;min-width:var(--pg-r-minw);text-align:center;transition:background .1s,color .1s;flex:1 1 var(--pg-r-minw);white-space:nowrap}
.ta-side-pager a.active,.ta-side-pager a:hover{background:#cc0000;color:#fff}

/* ═══════════════════════════════════════
   REKLAM
   ═══════════════════════════════════════ */
.ta-ad{background:#e8e8e8;border:1px solid #ccc;height:82px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-evenly;padding:0 20px;gap:16px;overflow:hidden}
.ta-ad img{width:100%;height:100%;object-fit:cover;display:block}
.ta-ad .ad-site{font-size:11px;color:#595959}
.ta-ad .ad-slogan{font-size:18px;font-style:italic;color:#3a3a3a;font-family:Arial,sans-serif}
.ta-ad .ad-logo{font-size:13px;font-weight:900;color:#333;border:2px solid #333;padding:5px 12px;letter-spacing:1px}
.ta-adblock{margin-bottom:8px}
.ta-adb-slot{overflow:hidden}
.ta-adb-slot img{display:block;width:100%;object-fit:cover}

/* ═══════════════════════════════════════
   BÖLÜM BAŞLIĞI
   ═══════════════════════════════════════ */
.ta-sh{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.ta-sh h2{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#111;border-left:3px solid #cc0000;padding-left:7px;line-height:1.2}
.ta-sh a{font-size:11px;color:#444}
.ta-sh a:hover{color:#cc0000}
.ta-sd{height:2px;background:#ddd;margin-bottom:8px;position:relative}
.ta-sd::before{content:'';position:absolute;left:0;top:0;width:60px;height:2px;background:#cc0000}

/* ═══════════════════════════════════════
   KOLON KARTI (single.php — İlgili Haberler)
   Not: Ana sayfa Kategori Grid Alanı artık aşağıdaki
   "YENİ KATEGORİ GRİD ALANI" bloğunu kullanır.
   ═══════════════════════════════════════ */
.ta-1col{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:8px}
.ta-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:8px}
.ta-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}
.ta-4col{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}
.ta-col-card{background:#fff;border:1px solid #ccc;overflow:hidden}
.cc-sec-title{background:var(--red,#cc0000);padding:5px 9px}
.cc-sec-title a{color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.ta-col-card .cc-img a{display:block}
.ta-col-card .cc-img img{width:100%;height:148px;object-fit:cover;display:block}
.ta-col-card .cc-img .iph{height:148px;background:#ccc;display:flex;align-items:center;justify-content:center;font-size:11px;color:#888}
.ta-col-card .cc-hd{padding:7px 9px 6px;border-bottom:1px solid #eee}
.cc-hd .pcat{font-size:9px;font-weight:800;color:#cc0000;text-transform:uppercase;display:block;margin-bottom:3px;letter-spacing:.5px}
.cc-hd h3{font-size:15px;font-weight:700;line-height:1.35;color:#111;font-family:Arial,sans-serif}
.cc-hd h3 a:hover{color:#cc0000}
.cc-item{display:flex;gap:7px;padding:6px 9px;border-bottom:1px solid #f0f0f0;align-items:flex-start}
.cc-item:last-child{border-bottom:none}
.cc-item .ci-t{width:66px;height:49px;flex-shrink:0;overflow:hidden}
.cc-item .ci-t img{width:100%;height:100%;object-fit:cover;display:block}
.cc-item .ci-t .iph{width:66px;height:49px;background:#ddd;display:block}
.cc-item .ci-b .ccat{font-size:9px;font-weight:800;color:#cc0000;text-transform:uppercase;display:block;margin-bottom:2px}
.cc-item .ci-b a{font-size:13px;font-weight:600;color:#222;line-height:1.3;display:block;font-family:Arial,sans-serif}
.cc-item .ci-b a:hover{color:#cc0000}

/* ═══════════════════════════════════════
   YENİ KATEGORİ GRİD ALANI (v2)
   3 hazır vitrin tasarımı: a) Öne Çıkan + Izgara
   b) Yan Sütun + Orta Vitrin  c) Eşit Izgara
   ═══════════════════════════════════════ */
.ta-ngrid-block{margin-bottom:16px}

/* Tekil kart — görsel üstte, başlık altta (a-mini, c-eşit) */
.ngrid-card{background:#fff;border:1px solid #ccc;overflow:hidden;height:100%;display:flex;flex-direction:column}
.ngrid-img{display:block}
.ngrid-img a{display:block}
.ngrid-img img{width:100%;object-fit:cover;display:block}
.ngrid-ph{display:flex;align-items:center;justify-content:center;background:#ccc;color:#999;font-size:11px}
.ngrid-b{padding:7px 9px 8px;flex:1;display:flex;flex-direction:column}
.ngrid-cat{font-size:9px;font-weight:800;color:#cc0000;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:3px}
.ngrid-card h3,.ngrid-feat h3,.ngrid-center h3{font-family:Arial,sans-serif;color:#111;line-height:1.3}
.ngrid-card h3 a:hover,.ngrid-feat h3 a:hover,.ngrid-center h3 a:hover{color:#cc0000}
.ngrid-excerpt{font-size:12px;color:#666;line-height:1.5;margin-top:5px}

/* ── Tasarım A: 1 büyük öne çıkan + sağda 2x2 küçük ızgara ── */
.ta-ngrid-a{display:grid;grid-template-columns:1.55fr 1fr;gap:12px;align-items:stretch}
.ngrid-feat{background:#fff;border:1px solid #ccc;overflow:hidden;display:flex;flex-direction:column}
.ngrid-feat .ngrid-img img{height:260px}
.ngrid-feat .ngrid-ph{height:260px}
.ngrid-feat .ngrid-b{padding:10px 12px 12px}
.ngrid-feat h3{font-size:18px;font-weight:700}
.ngrid-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px}
.ngrid-mini .ngrid-img img{height:112px}
.ngrid-mini .ngrid-ph{height:112px}
.ngrid-mini .ngrid-b{padding:6px 8px 7px}
.ngrid-mini h3{font-size:12px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ── Tasarım B: sol/sağ 2'şer küçük + ortada büyük vitrin ── */
.ta-ngrid-b{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:12px;align-items:start}
.ngrid-col{display:flex;flex-direction:column;gap:10px}
.ngrid-side-card .ngrid-img img{height:88px}
.ngrid-side-card .ngrid-ph{height:88px}
.ngrid-side-card .ngrid-b{padding:6px 8px 7px}
.ngrid-side-card h3{font-size:12px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ngrid-center{background:#fff;border:1px solid #ccc;overflow:hidden;text-align:center}
.ngrid-center .ngrid-img img{height:208px}
.ngrid-center .ngrid-ph{height:208px}
.ngrid-center .ngrid-b{padding:12px 16px 14px}
.ngrid-center h3{font-size:17px;font-weight:700}
.ngrid-center .ngrid-excerpt{text-align:center}

/* ── Tasarım C: 2 satır x 3 sütun eşit ızgara ── */
.ta-ngrid-c{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 12px}
.ngrid-eq .ngrid-img img{height:120px}
.ngrid-eq .ngrid-ph{height:120px}
.ngrid-eq .ngrid-b{padding:7px 9px 8px}
.ngrid-eq h3{font-size:13px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ── Blok başlığı (v2): noktalar + gradyan bar + "Daha Fazlası" ── */
.ta-ngrid-hd{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.ngh-title{font-size:16px;font-weight:800;color:#cc0000;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;font-family:Arial,sans-serif}
.ngh-dots{display:flex;gap:3px;flex-shrink:0}
.ngh-dots i{width:4px;height:4px;border-radius:50%;background:#cc0000;display:block;opacity:.65}
.ngh-bar{flex:1;height:4px;border-radius:2px;background:linear-gradient(to right,#cc0000,#7a0000 70%,rgba(122,0,0,.15));min-width:24px}
.ngh-more{font-size:11px;color:#555;white-space:nowrap;flex-shrink:0}
.ngh-more:hover{color:#cc0000}

/* Koyu kart varyantı — Tasarım D'de kullanılır */
.ngrid-card--dark{background:#1b1b1b;border-color:#1b1b1b}
.ngrid-card--dark h3 a{color:#fff}
.ngrid-card--dark h3 a:hover{color:#ff8080}
.ngrid-card--dark .ngrid-cat{color:#ff6b6b}

/* Görsel üstüne beyaz başlık binen "overlay" kart — Tasarım D öne çıkanı */
.ngrid-ov{position:relative;overflow:hidden;display:block;background:#222;height:100%}
.ngrid-ov a{display:block;position:relative;height:100%}
.ngrid-ov img{width:100%;height:100%;object-fit:cover;display:block}
.ngrid-ov .ngrid-ph{height:100%}
.ngrid-ov .ov-mask{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.2) 55%,rgba(0,0,0,0) 100%)}
.ngrid-ov .ov-cap{position:absolute;left:0;right:0;bottom:0;padding:12px 14px;color:#fff;font-weight:700;font-size:15px;line-height:1.35;font-family:Arial,sans-serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ── Tasarım D: büyük overlay görsel + sağda 2 orta kart + 4 mini kart ── */
.ta-ngrid-d{display:grid;grid-template-columns:1.3fr 2.6fr;gap:10px}
.ngrid-d-feat{height:330px}
.ngrid-d-rest{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto 1fr;gap:10px}
.ngrid-d-top{grid-column:span 2}
.ngrid-d-top .ngrid-img img,.ngrid-d-top .ngrid-ph{height:132px}
.ngrid-d-top h3{font-size:13px}
.ngrid-d-mini .ngrid-img img,.ngrid-d-mini .ngrid-ph{height:96px}
.ngrid-d-mini h3{font-size:11px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ngrid-d-mini .ngrid-b{padding:5px 7px 6px}

/* ── Tasarım E: öne çıkan görsel + başlık/özet + ok işaretli başlık listesi ── */
.ta-ngrid-e{background:#fff;border:1px solid #e6e6e6;border-radius:4px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.ngrid-e-top{display:grid;grid-template-columns:1.6fr 1fr;gap:0;align-items:start}
.ngrid-e-main{display:flex;flex-direction:column}
.ngrid-e-img{position:relative;overflow:hidden;background:#000}
.ngrid-e-img a{display:block;overflow:hidden}
.ngrid-e-img img{width:100%;height:220px;object-fit:cover;display:block;transition:transform .4s ease}
.ngrid-e-img a:hover img{transform:scale(1.05)}
.ngrid-e-img .iph{height:220px}
.ngrid-e-side{display:flex;flex-direction:column;border:1px solid #eee;border-radius:3px;overflow:hidden;margin:0 0 0 14px}
.ngrid-e-side-img{position:relative;flex:0 0 230px;width:100%;height:230px;overflow:hidden;background:#eee}
.ngrid-e-side-img a{display:block;width:100%;height:100%;overflow:hidden}
/* Sağ kart kategori etiketi bağlantı alanını kaplamasın */
.ngrid-e-side-img > .ngrid-e-tag{display:block;width:auto;height:auto;max-width:max-content;overflow:visible}
.ngrid-e-side-img img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transition:transform .4s ease}
.ngrid-e-side-img a:hover img{transform:scale(1.03)}
.ngrid-e-side-img .iph{width:100%;height:230px}
.ngrid-e-tag{position:absolute;top:10px;left:10px;z-index:2;background:#cc0000;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:4px 10px;border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,.25);font-family:Arial,sans-serif}
.ngrid-e-tag:hover{background:#a80000;color:#fff}
.ngrid-e-tag--sm{font-size:9px;padding:3px 8px;top:8px;left:8px}
.ngrid-e-side-body{padding:14px 14px 16px;flex:1}
.ngrid-e-side-title{padding:0;margin:0;display:block}
.ngrid-e-side-title a{font-size:18px;font-weight:800;line-height:1.35;font-family:Arial,sans-serif;color:#111;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ngrid-e-side-title a:hover{color:#cc0000}
.ngrid-e-side-desc{font-size:13px;color:#666;line-height:1.6;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ngrid-e-body{padding:14px 18px 6px;flex:1}
.ngrid-e-body h3{font-size:18px;font-weight:800;line-height:1.34;font-family:Arial,sans-serif;color:#111;letter-spacing:-.1px}
.ngrid-e-body h3 a:hover{color:#cc0000}
.ngrid-e-body p{font-size:13px;color:#666;line-height:1.65;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ngrid-e-divider{height:3px;border-radius:2px;background:linear-gradient(to right,#cc0000,rgba(204,0,0,.08));margin:16px 18px 14px}
.ngrid-e-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 18px 18px}
.ngrid-e-card{border:none;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:box-shadow .2s ease,transform .2s ease}
.ngrid-e-card:hover{box-shadow:0 6px 16px rgba(0,0,0,.14);transform:translateY(-3px)}
.ngrid-e-card .ngrid-img{overflow:hidden}
.ngrid-e-card .ngrid-img img{height:130px;transition:transform .4s ease}
.ngrid-e-card .ngrid-img a:hover img{transform:scale(1.06)}
.ngrid-e-card .ngrid-ph{height:130px}
.ngrid-e-card .ngrid-b{padding:9px 10px 10px}
.ngrid-e-card h3{font-size:13px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ── Tasarım F: numaralı liste + görsel + yan liste + alt sıra ── */
.ngrid-f-top{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-bottom:10px}
.ngrid-f-listcard{display:flex;background:#fff;border:1px solid #ccc;overflow:hidden;min-height:236px}
.ngf-photo{width:34%;flex-shrink:0}
.ngf-photo img{width:100%;height:100%;object-fit:cover;display:block}
.ngf-photo .iph{height:100%;background:#ddd}
.ngf-numlist{flex:1;padding:4px 0}
.ngf-numlist li{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid #eee}
.ngf-numlist li:last-child{border-bottom:none}
.ngf-numlist li.ngf-active{background:#f7f7f7;border-left:3px solid #cc0000;padding-left:11px}
.ngf-num{width:20px;height:20px;border-radius:50%;background:#eee;color:#555;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:Arial,sans-serif}
.ngf-numlist li.ngf-active .ngf-num{background:#cc0000;color:#fff}
.ngf-numlist li a{color:#222;font-size:12.5px;font-weight:600;line-height:1.4;font-family:Arial,sans-serif}
.ngf-numlist li a:hover{color:#cc0000}
.ngrid-f-side{display:flex;flex-direction:column;gap:8px}
.ngf-item{display:flex;gap:8px;background:#fff;border:1px solid #ccc;padding:6px;align-items:center}
.ngf-item-img{width:56px;height:56px;flex-shrink:0;overflow:hidden}
.ngf-item-img img,.ngf-item-img .iph{width:100%;height:100%;object-fit:cover;display:block}
.ngf-item-b a{font-size:12px;font-weight:600;color:#222;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-family:Arial,sans-serif}
.ngf-item-b a:hover{color:#cc0000}
.ngrid-f-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ngrid-f-bottom .ngrid-card{grid-column:span 1}
.ngrid-f-bottom .ngf-wide{grid-column:span 2}
.ngrid-f-bottom .ngrid-img img,.ngrid-f-bottom .ngrid-ph{height:112px}

/* ── Tasarım G: Tasarım 6 (f) ile aynı yapı; sadece sol üstteki kart fotoğrafsız düz liste ── */
.ngg-textlist{background:#fff;border:1px solid #ccc;min-height:236px;padding:8px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.ngg-list-body li{list-style:none}
.ngg-btn{display:block;background:#f6f6f6;border:1px solid #e4e4e4;border-radius:3px;padding:9px 12px;font-size:12.5px;font-weight:600;color:#222;line-height:1.4;font-family:Arial,sans-serif;transition:background .15s,color .15s,border-color .15s}
.ngg-btn:hover{background:#cc0000;border-color:#cc0000;color:#fff}

/* ═══════════════════════════════════════
   YAZARLAR
   ═══════════════════════════════════════ */
.ta-authors{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ta-au{text-align:center;padding:8px}
.ta-au img,.ta-au .auph{width:66px;height:66px;border-radius:50%;border:2px solid #cc0000;margin:0 auto 5px;object-fit:cover;display:block}
.ta-au .auph{background:#ddd;display:flex;align-items:center;justify-content:center;font-size:22px}
.ta-au .aun{font-size:12px;font-weight:700;color:#111;display:block;margin-bottom:2px}
.ta-au .auc{font-size:11px;color:#cc0000;font-style:italic;display:block;line-height:1.3}
.ta-au .auc a{color:inherit}

/* ═══════════════════════════════════════
   5'Lİ HABER
   ═══════════════════════════════════════ */

/* ═══════════════════════════════════════
   SON DAKİKA NUMARALI
   ═══════════════════════════════════════ */
.ta-sdk{background:#fff;border:1px solid #ccc;padding:8px;margin-bottom:8px}
.ta-sdk-grid{display:grid;grid-template-columns:repeat(6,1fr)}
.ta-sdk-i{padding:6px 8px;border-right:1px solid #eee}
.ta-sdk-i:last-child{border-right:none}
.ta-sdk-n{font-size:40px;font-weight:900;color:#cc0000;opacity:.12;line-height:1;display:block}
.ta-sdk-c{font-size:9px;font-weight:800;text-transform:uppercase;color:#fff;background:#cc0000;padding:1px 5px;border-radius:1px;display:inline-block;margin-bottom:3px;letter-spacing:.3px}
.ta-sdk-i h3{font-size:13px;font-weight:700;line-height:1.3;color:#222;font-family:Arial,sans-serif}
.ta-sdk-i h3 a:hover{color:#cc0000}

/* ═══════════════════════════════════════
   VİDEO
   ═══════════════════════════════════════ */
/* ── VİDEO KARUSELİ (ALAİYE TV tarzı) ── */
.ta-vcarousel{display:flex;align-items:center;gap:18px;background:var(--video-bg,#e5142a);border-radius:3px;padding:16px 14px;margin-bottom:8px}
.ta-vc-brand{flex:0 0 132px;color:#fff;font-family:Arial,sans-serif;padding-right:6px}
.ta-vc-brand-text{display:block;font-size:23px;font-weight:900;letter-spacing:.5px;line-height:1.05;text-transform:uppercase;color:#fff;word-break:break-word}
.ta-vc-brand-text:hover{color:#fff;opacity:.9}
.ta-vc-brand-tv{display:flex;align-items:center;gap:6px;margin-top:10px;color:#fff;opacity:.95;text-decoration:none}
.ta-vc-brand-tv:hover{opacity:1;color:#fff}
.ta-vc-brand-tv svg{width:24px;height:18px;fill:#fff;flex-shrink:0}
.ta-vc-brand-tv span{font-size:11px;font-weight:800;letter-spacing:1px}
.ta-vc-viewport{position:relative;flex:1;min-width:0}
.ta-vc-track{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px}
.ta-vc-track::-webkit-scrollbar{display:none}
.ta-vc-card{flex:0 0 190px;width:190px}
.ta-vc-thumb{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:#111;border:2px dashed rgba(255,255,255,.55);border-radius:2px}
.ta-vc-thumb img,.ta-vc-thumb .iph{width:100%;height:100%;object-fit:cover;display:block}
.ta-vc-play{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.28);border:2px solid rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center}
.ta-vc-play svg{width:15px;height:15px;fill:#fff;margin-left:2px}
.ta-vc-playtxt{position:absolute;top:58%;left:50%;transform:translate(-50%,0);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:1.5px;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.ta-vc-title{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);color:#fff;font-size:11.5px;font-weight:700;line-height:1.3;padding:7px 8px;font-family:Arial,sans-serif}
.ta-vc-arrow{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.16);border:none;color:#fff;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:background .15s}
.ta-vc-arrow:hover{background:rgba(255,255,255,.32)}
.ta-vc-arrow-l{left:-4px}
.ta-vc-arrow-r{right:-4px}

.ta-vsb-row{display:flex;gap:8px;margin-bottom:8px}
.ta-vsb{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.ta-vsb .widget{background:#fff;border:1px solid #ddd;padding:10px 12px;font-size:12px}
.ta-vsb .widget-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:var(--red,#cc0000);padding:5px 9px;margin:-10px -12px 10px;display:block}
.ta-vsb .widget ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.ta-vsb .widget ul li{border-bottom:1px solid #f0f0f0;padding-bottom:6px;line-height:1.35}
.ta-vsb .widget ul li:last-child{border-bottom:none;padding-bottom:0}
.ta-vsb .widget ul li a{color:#222;font-size:11px}
.ta-vsb .widget ul li a:hover{color:var(--red,#cc0000)}

@media(max-width:640px){
  .ta-vcarousel{padding:12px 10px;gap:10px}
  .ta-vc-brand{flex-basis:76px}
  .ta-vc-brand-text{font-size:15px}
  .ta-vc-brand-tv span{font-size:9px}
  .ta-vc-brand-tv svg{width:18px;height:13px}
  .ta-vc-card{flex-basis:128px;width:128px}
  .ta-vc-arrow{width:24px;height:24px;font-size:16px}
}
.ta-yt-wrap{position:relative;margin-bottom:12px}
.ta-yt-wrap iframe{display:block;width:100%;aspect-ratio:16/9;border:0}

/* ═══════════════════════════════════════
   SIDEBAR
   ═══════════════════════════════════════ */
.sw-box{background:#fff;border:1px solid #ccc;margin-bottom:8px;overflow:hidden}
.sw-ttl{background:#cc0000;color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;padding:7px 10px;display:flex;justify-content:space-between;align-items:center}
.sw-ttl a{color:rgba(255,255,255,.7);font-size:10px;font-weight:500;text-transform:none;letter-spacing:0}
.sw-ttl a:hover{color:#fff}
.sw-body{padding:8px 10px}
/* sw-title alias (sidebar.php için) */
.sw-title{background:#cc0000;color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;padding:7px 10px}
.sw-ni{display:flex;gap:7px;padding:6px 0;border-bottom:1px solid #eee;align-items:flex-start}
.sw-ni:last-child{border-bottom:none}
.sw-ni .snt{width:60px;height:44px;flex-shrink:0;overflow:hidden}
.sw-ni .snt img{width:100%;height:100%;object-fit:cover;display:block}
.sw-ni .snt .iph{width:60px;height:44px;background:#ccc;display:block}
.sw-ni h4{font-size:13px;font-weight:700;line-height:1.3;color:#222;font-family:Arial,sans-serif}
.sw-ni h4 a:hover{color:#cc0000}
.sw-ni .sd{font-size:10px;color:#666;margin-top:2px;display:block}
.sw-dt{width:100%;border-collapse:collapse;font-size:11px}
.sw-dt thead td{background:#f5f5f5;padding:4px 6px;font-weight:700;color:#888;font-size:10px;text-transform:uppercase}
.sw-dt td{padding:5px 6px;border-bottom:1px solid #f0f0f0;vertical-align:middle}
.sw-dt tr:last-child td{border-bottom:none}
.sw-dt .ds{font-weight:700;color:#222;width:32%}
.sw-dt .db,.sw-dt .dsl{color:#333;font-weight:600;text-align:center}
.sw-dt .du{color:#2a8a2a;font-weight:700;text-align:right}
.sw-dt .dd{color:#cc0000;font-weight:700;text-align:right}
.sw-tri{display:flex;gap:7px;padding:6px 0;border-bottom:1px solid #eee;align-items:flex-start}
.sw-tri:last-child{border-bottom:none}
.sw-trn{font-size:26px;font-weight:900;color:#cc0000;opacity:.2;line-height:1;flex-shrink:0;min-width:22px}
.sw-tri h4{font-size:13px;font-weight:700;line-height:1.3;color:#222;font-family:Arial,sans-serif;margin-top:2px}
.sw-tri h4 a:hover{color:#cc0000}
.sw-tags{display:flex;flex-wrap:wrap;gap:4px}
.sw-tags a{font-size:10px;color:#333;background:#f2f2f2;border:1px solid #ddd;padding:2px 7px;border-radius:2px;transition:all .15s}
.sw-tags a:hover{background:#cc0000;color:#fff;border-color:#cc0000}
/* sidebar.php ta-sb-tags */
.ta-sb-tags{display:flex;flex-wrap:wrap;gap:4px}
.ta-tag{font-size:10px;color:#333;background:#f2f2f2;border:1px solid #ddd;padding:2px 7px;border-radius:2px;transition:all .15s}
.ta-tag:hover{background:#cc0000;color:#fff;border-color:#cc0000}
.ta-sb-ad{margin-bottom:8px}
.ta-sb-ad img{width:100%;display:block}
.ta-sb-widgets{}

/* ═══════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════ */
#ta-footer{background:#111;color:#bbb;margin-top:12px}
.tf-top{max-width:1200px;margin:0 auto;padding:22px 10px 16px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:22px;border-bottom:1px solid #222}
.tf-logo{font-size:20px;font-weight:900;color:#fff;font-family:Arial,sans-serif;margin-bottom:6px;display:block}
.tf-logo span{color:#cc0000}
.tf-desc{font-size:11px;line-height:1.7;color:#ccc;margin-bottom:10px}
.tf-social{display:flex;gap:5px}
.tf-social a{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:2px;font-size:12px;font-weight:700;color:#fff;transition:opacity .15s}
.tf-social a:hover{opacity:.8;color:#fff}
.tf-social a.fb{background:#1877f2}
.tf-social a.tw{background:#000}
.tf-social a.yt{background:red}
.tf-social a.ig{background:#c13584}
.tf-col h4{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#ccc;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #222}
.tf-col ul li{margin-bottom:5px}
.tf-col ul li a{font-size:11px;color:#ccc;display:flex;align-items:center;gap:4px;transition:color .15s;text-decoration:underline;text-underline-offset:2px}
.tf-col ul li a::before{content:"›";color:#cc0000;font-size:13px}
.tf-col ul li a:hover{color:#fff;text-decoration:underline}
.tf-bot{max-width:1200px;margin:0 auto;padding:10px;display:flex;justify-content:space-between;font-size:10px;color:#444}
.tf-bot a{color:#ccc;text-decoration:underline;text-underline-offset:2px}
.tf-bot a:hover{color:#fff}

/* ═══════════════════════════════════════
   ARŞİV / ARAMA
   ═══════════════════════════════════════ */
.ta-arch{background:#fff;border:1px solid #ccc;padding:10px 12px;margin-bottom:8px}
.ta-arch h1{font-size:16px;font-weight:800;font-family:Arial,sans-serif;border-left:3px solid #cc0000;padding-left:8px}
.ta-ag{display:flex;flex-direction:column;gap:7px;margin-bottom:10px}
.ta-ai{background:#fff;border:1px solid #ccc;display:grid;grid-template-columns:155px 1fr;overflow:hidden}
.ta-ai .ait img,.ta-ai .ait .iph{width:155px;height:108px;object-fit:cover;display:block}
.ta-ai .ait .iph{background:#ccc;height:108px}
.ta-ai .aib{padding:9px 12px}
.aicat{font-size:9px;font-weight:800;color:#cc0000;text-transform:uppercase;display:block;margin-bottom:3px}
.aititle{font-size:14px;font-weight:700;line-height:1.35;font-family:Arial,sans-serif;color:#111}
.aititle a:hover{color:#cc0000}
.aimeta{font-size:10px;color:#666;margin-top:5px}
.ta-pagi{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:10px}
.ta-pagi a,.ta-pagi span{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;font-size:11px;font-weight:700;border:1px solid #ccc;border-radius:2px;background:#fff;color:#333;padding:0 6px;transition:all .15s}
.ta-pagi .current,.ta-pagi a:hover{background:#cc0000;color:#fff;border-color:#cc0000}
/* archive.php yeni sınıflar */
.ta-archive-list{}
.ta-arc-item{background:#fff;border:1px solid #ccc;display:grid;grid-template-columns:155px 1fr;overflow:hidden;margin-bottom:7px}
.ta-arc-img a{display:block}
.ta-arc-img img{width:155px;height:108px;object-fit:cover;display:block}
.ta-arc-img .iph{width:155px;height:108px;background:#ccc;display:block}
.ta-arc-body{padding:9px 12px}
.ta-arc-body .pcat{font-size:9px;font-weight:800;color:#cc0000;text-transform:uppercase;display:block;margin-bottom:3px}
.ta-arc-body h2{font-size:15px;font-weight:700;line-height:1.35;font-family:Arial,sans-serif;color:#111;margin-bottom:4px}
.ta-arc-body h2 a:hover{color:#cc0000}
  .ta-arc-meta{font-size:10px;color:#666;margin-bottom:4px}
.ta-arc-meta span+span::before{content:" | "}
.ta-arc-excerpt{font-size:12px;color:#666;line-height:1.5}
.ta-no-result{background:#fff;border:1px solid #ccc;padding:20px;margin-bottom:8px}
.ta-pagination .nav-links{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:8px}
.ta-pagination .page-numbers{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;font-size:11px;font-weight:700;border:1px solid #ccc;border-radius:2px;background:#fff;color:#333;padding:0 6px}
.ta-pagination .current,.ta-pagination .page-numbers:hover{background:#cc0000;color:#fff;border-color:#cc0000}

/* ═══════════════════════════════════════
   YARDIMCI
   ═══════════════════════════════════════ */
.iph{background:#ccc;display:flex;align-items:center;justify-content:center;color:#999;font-size:11px}
.ta-bc{font-size:11px;color:#888;padding:5px 0;margin-bottom:7px}
.ta-bc a{color:#cc0000}
.ta-bc span{margin:0 4px;color:#ccc}

/* Arama overlay */
#ta-so{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:99999;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:120px}
#ta-so.open{display:flex}
#ta-so form{width:100%;max-width:620px;padding:0 20px;box-sizing:border-box}
#ta-so input[type=search]{width:100%;padding:14px 18px;font-size:18px;border:none;border-radius:4px;outline:none;box-sizing:border-box}
#ta-so .soc{display:block;color:#fff;font-size:28px;background:none;border:none;cursor:pointer;margin:16px auto 0}

/* Yukarı butonu */
#ta-btt{position:fixed;bottom:18px;right:18px;width:36px;height:36px;background:#cc0000;color:#fff;border:none;border-radius:2px;font-size:20px;cursor:pointer;display:none;z-index:9990;box-shadow:0 2px 6px rgba(0,0,0,.3)}

/* ═══════════════════════════════════════
   SINGLE
   ═══════════════════════════════════════ */
.ta-single{background:#fff;border:1px solid #ccc;margin-bottom:8px;overflow:hidden}
.ta-shd{padding:12px 14px 10px;border-bottom:1px solid #eee}
.ta-shd .scat{display:inline-block;background:#cc0000;color:#fff;font-size:9px;font-weight:800;text-transform:uppercase;padding:2px 7px;border-radius:1px;margin-bottom:6px}
.ta-shd h1{font-size:20px;font-weight:700;line-height:1.35;font-family:Arial,sans-serif;color:#111;margin-bottom:7px;text-transform:uppercase}
.ta-shd .ssub{display:inline-block;background:#f5c518;color:#111;font-size:14px;font-weight:800;padding:3px 9px;font-family:Arial,sans-serif;margin-bottom:7px}
.ta-smeta{font-size:11px;color:#555}
.ta-smeta span+span::before{content:" | ";margin:0 4px;color:#ddd}
.ta-share{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
.ta-share a{font-size:10px;font-weight:700;padding:4px 10px;border-radius:2px;color:#fff;transition:opacity .15s}
.ta-share a:hover{opacity:.85;color:#fff}
.ta-share .sfb,.ta-share .sh-fb{background:#1877f2}
.ta-share .stw,.ta-share .sh-tw{background:#000}
.ta-share .swa,.ta-share .sh-wa{background:#25d366}

/* Öne çıkan görsel — satıra tam sığdır (cover), gerekirse ortalayarak kırp + tam ekran tuşu */
.ta-hero-wrap{background:#fff;text-align:center;border-bottom:1px solid #eee}
.ta-hero-inner{position:relative;display:block;width:100%;line-height:0}
.ta-hero-img{width:100%;height:420px;object-fit:cover;object-position:center;display:block}
.ta-img-expand{position:absolute;top:10px;right:10px;width:36px;height:36px;background:rgba(0,0,0,.55);color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;padding:0}
.ta-img-expand:hover{background:#cc0000;border-color:#cc0000}

/* Görsel tam ekran ışık kutusu (lightbox) */
.ta-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:99999;display:flex;align-items:center;justify-content:center;padding:36px;opacity:0;visibility:hidden;transition:opacity .2s}
.ta-lightbox.is-active{opacity:1;visibility:visible}
.ta-lightbox img{max-width:100%;max-height:100%;object-fit:contain;display:block;margin:0 auto}
.ta-lightbox-close{position:absolute;top:16px;right:18px;width:42px;height:42px;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:50%;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}
.ta-lightbox-close:hover{background:#cc0000;border-color:#cc0000}
.ta-lightbox-cap{position:absolute;left:0;right:0;bottom:14px;text-align:center;color:#eee;font-size:13px;padding:0 20px;font-family:Arial,sans-serif}

.ta-sc,.ta-art-body{padding:14px;font-size:17px;line-height:1.85;color:#222;font-family:Arial,sans-serif}
.ta-sc h2,.ta-art-body h2,.ta-sc h3,.ta-art-body h3{font-family:Arial,sans-serif;font-size:20px;margin:20px 0 10px;color:#111;border-left:3px solid var(--red,#cc0000);padding-left:10px}
.ta-sc p,.ta-art-body p{margin-bottom:16px}
.ta-sc blockquote,.ta-art-body blockquote{border-left:4px solid var(--red,#cc0000);padding:10px 16px;margin:14px 0;background:#f9f9f9;font-style:italic;color:#444;font-size:17px}
.ta-sc a,.ta-art-body a{color:var(--red,#cc0000);text-decoration:underline}
.ta-sc img,.ta-art-body img{max-width:100%;height:auto;display:block;margin:12px auto}
.ta-stags,.ta-art-tags{padding:8px 14px;border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:4px;font-size:11px}
.ta-stag,.ta-art-tags a{background:#f2f2f2;color:#333;padding:2px 7px;border-radius:2px;border:1px solid #ddd;font-size:10px}
.ta-stag:hover,.ta-art-tags a:hover{background:#cc0000;color:#fff;border-color:#cc0000}
/* single.php yeni sınıflar */
.ta-article{background:#fff;border:1px solid #ccc;padding:14px;margin-bottom:8px}
.ta-art-cat{display:inline-block;background:#cc0000;color:#fff;font-size:9px;font-weight:800;text-transform:uppercase;padding:2px 7px;border-radius:1px;margin-bottom:6px}
.ta-art-title{font-size:20px;font-weight:700;line-height:1.35;font-family:Arial,sans-serif;color:#111;margin-bottom:7px}
.ta-art-sub{display:inline-block;background:#f5c518;color:#111;font-size:14px;font-weight:800;padding:3px 9px;font-family:Arial,sans-serif;margin-bottom:7px}
.ta-art-meta{display:flex;align-items:center;gap:10px;font-size:11px;color:#555;margin-bottom:10px;flex-wrap:wrap}
.ta-art-fig{margin-bottom:10px}
.ta-art-fig img{width:100%;height:auto;display:block}
.ta-related{margin-top:12px}
.ta-rcrd{background:#fff;border:1px solid #eee;overflow:hidden}
.ta-rcrd img{width:100%;height:120px;object-fit:cover;display:block}
.ta-rcrd .iph{height:120px;background:#ccc}
.ta-rcrd .rcat{font-size:9px;font-weight:800;color:#cc0000;text-transform:uppercase;display:block;padding:5px 8px 2px}
.ta-rcrd h4{font-size:13px;font-weight:700;line-height:1.35;color:#111;padding:0 8px 8px;font-family:Arial,sans-serif}
.ta-rcrd h4 a:hover{color:#cc0000}
.ta-share-bottom{margin:10px 0 0}

/* ═══════════════════════════════════════
   YORUMLAR
   ═══════════════════════════════════════ */
.ta-comments-wrap{background:#fff;border:1px solid #ccc;padding:12px;margin-bottom:8px}
.ta-comment-list{list-style:none;padding:0}
.ta-comment-item{padding:0}
.ta-comment-row{display:flex;gap:8px;padding:8px 0;border-bottom:1px solid #eee}
.ta-comment-item:last-child .ta-comment-row{border-bottom:none}
.ta-comment-avatar{border-radius:50%;flex-shrink:0;width:38px;height:38px;display:block}
.ta-comment-body{flex:1}
.ta-comment-author{font-size:12px;display:inline-block;margin-right:6px}
.ta-comment-date{font-size:10px;color:#666}
.ta-comment-pending{font-size:10px;color:#f5a623;margin-left:4px}
.ta-comment-text{font-size:12px;line-height:1.6;color:#333;margin-top:4px}
.ta-comment-text p{margin:0 0 6px}
.ta-reply-link{display:inline-block;font-size:10px;color:#cc0000;margin-top:4px}
.ta-reply-link:hover{text-decoration:underline}
#commentform{margin-top:12px}
#commentform input[type=text],
#commentform input[type=email],
#commentform input[type=url],
#commentform textarea{width:100%;padding:7px 9px;border:1px solid #ccc;border-radius:2px;font-size:12px;margin-bottom:7px;font-family:Arial,sans-serif;box-sizing:border-box}
#commentform textarea{height:100px;resize:vertical}
#commentform .btn404{background:#cc0000;color:#fff;border:none;cursor:pointer;padding:9px 22px;border-radius:2px;font-weight:700;font-size:12px}
#commentform .btn404:hover{background:#a00}

/* ═══════════════════════════════════════
   404
   ═══════════════════════════════════════ */
.ta-404{background:#fff;border:1px solid #ccc;padding:50px;text-align:center;margin-bottom:10px}
.ta-404-wrap{background:#fff;border:1px solid #ccc;padding:50px;text-align:center;margin:20px auto;max-width:600px}
.ta-404 .n404,.ta-404-wrap .n404{font-size:72px;font-weight:900;color:#cc0000;opacity:.15;line-height:1}
.ta-404 h1,.ta-404-wrap h1{font-size:20px;font-weight:700;font-family:Arial,sans-serif;margin-bottom:8px}
.ta-404 p,.ta-404-wrap p{font-size:13px;color:#666;margin-bottom:18px}
.ta-404 .btn404,.ta-404-wrap .btn404{display:inline-block;background:#cc0000;color:#fff;padding:9px 22px;border-radius:2px;font-weight:700;font-size:12px}

/* ═══════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════ */
@media(max-width:1024px){
    .ta-hero{grid-template-columns:1fr 220px}
    .ta-3col{grid-template-columns:repeat(2,1fr)}
    .ta-4col{grid-template-columns:repeat(2,1fr)}
    .ta-sdk-grid{grid-template-columns:repeat(3,1fr)}
    .tf-top{grid-template-columns:1fr 1fr}
    .ta-ngrid-b{grid-template-columns:1fr 1fr;grid-template-areas:"center center" "left right"}
    .ta-ngrid-b .ngrid-center{grid-area:center}
    .ta-ngrid-b .ngrid-col:first-of-type{grid-area:left;flex-direction:row}
    .ta-ngrid-b .ngrid-col:last-of-type{grid-area:right;flex-direction:row}
    .ngrid-f-top{grid-template-columns:1fr}
    .ngrid-f-side{flex-direction:row;flex-wrap:wrap}
    .ngf-item{flex:1 1 45%}
    .ngrid-e-cards{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
    #ta-wrap{flex-direction:column;align-items:stretch}
    #ta-sidebar{width:100%;position:static;max-height:none}
    .ta-hero{grid-template-columns:1fr}
    .ta-hero-right{display:none}
    .ta-2col{grid-template-columns:1fr}
    .ta-3col{grid-template-columns:1fr}
    .ta-4col{grid-template-columns:1fr}
    .ta-sdk-grid{grid-template-columns:repeat(2,1fr)}
    .ta-vsb{display:none}
    #ta-nav ul.ta-menu{display:none}
    .ta-burger{display:flex}
    .ta-rates{display:none}
    .ta-weather{display:none}
    .ta-hlinks{display:none}
    .ta-hdate{display:none}
    .ta-arc-item{grid-template-columns:1fr}
    .ta-arc-img img{width:100%;height:180px}
    .ta-ngrid-a{grid-template-columns:1fr}
    .ngrid-mini-grid{grid-template-columns:repeat(2,1fr)}
    .ta-ngrid-b{grid-template-columns:1fr}
    .ta-ngrid-b .ngrid-col:first-of-type,.ta-ngrid-b .ngrid-col:last-of-type{grid-area:auto;flex-direction:row}
    .ta-ngrid-c{grid-template-columns:repeat(2,1fr)}
    .ta-ngrid-d{grid-template-columns:1fr}
    .ngrid-d-feat{height:220px}
    .ngrid-d-rest{grid-template-columns:repeat(2,1fr)}
    .ngrid-d-top{grid-column:span 1}
    .ngrid-f-listcard{flex-direction:column;min-height:0}
    .ngf-photo{width:100%;height:150px}
    .ngrid-f-bottom{grid-template-columns:repeat(2,1fr)}
    .ngrid-f-bottom .ngf-wide{grid-column:span 2}
    .ngh-title{font-size:14px}
    .ngrid-e-top{grid-template-columns:1fr}
    .ngrid-e-side{border-top:1px solid #eee;flex-direction:row;margin:14px 0 0 0}
    .ngrid-e-side-img{width:45%;height:120px;flex:0 0 120px}
    .ngrid-e-side-img img{width:100%;height:100%;object-fit:cover}
    .ngrid-e-side-title{flex:1;padding:8px 10px}
    .ngrid-e-cards{grid-template-columns:repeat(3,1fr);gap:8px}
    .ngrid-e-card h3{font-size:12px}
    .ta-hero-img{height:260px}
    .ta-lightbox{padding:16px}
    .ta-img-expand{width:32px;height:32px}
    .ngg-textlist{min-height:0}
}
@media(max-width:480px){
    .ta-authors{grid-template-columns:repeat(2,1fr)}
    .tf-top{grid-template-columns:1fr}
    .ta-sdk-grid{grid-template-columns:repeat(2,1fr)}
    .ngrid-mini-grid{grid-template-columns:1fr}
    .ta-ngrid-b .ngrid-col{flex-direction:column}
    .ta-ngrid-c{grid-template-columns:1fr}
    .ngrid-d-rest{grid-template-columns:1fr}
    .ngrid-f-side{flex-direction:column}
    .ngf-item{flex:1 1 auto}
    .ngrid-f-bottom{grid-template-columns:1fr}
    .ngrid-f-bottom .ngf-wide{grid-column:span 1}
    .ngh-more{display:none}
    .ngrid-e-cards{grid-template-columns:1fr;gap:10px}
    .ngrid-e-side{flex-direction:column}
    .ngrid-e-side-img{width:100%;height:160px;flex:0 0 160px}
    .ngrid-e-side-img img{width:100%;height:100%;object-fit:cover}
}

/* Ana sayfa sidebar gizle */
.home #ta-sidebar,.blog #ta-sidebar{display:none}
.home #ta-main,.blog #ta-main{flex:1;max-width:100%}
.ta-tumhaberler #ta-sidebar{display:none}
.ta-tumhaberler #ta-main{flex:1;max-width:100%}

/* ══════════════════════════════════════════════════════════
   METRO MOZAİK VİTRİNİ
   ══════════════════════════════════════════════════════════ */
.ta-metro-wrap{background:#0d2b3e;margin:14px 0;border-radius:2px;overflow:hidden}
.ta-metro-hd{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 6px}
.ta-metro-hd-title{color:#fff;font-family:Arial,sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.ta-metro-hd-title::before{content:'';display:inline-block;width:4px;height:14px;background:#cc0000;margin-right:8px;vertical-align:-2px}
.ta-metro-hd-hint{color:rgba(255,255,255,.55);font-size:11px}

.ta-metro{
  display:grid;
  grid-auto-flow:row dense;
  grid-template-columns:repeat(4,1fr);
  grid-auto-rows:120px;
  gap:6px;
  padding:6px 14px 14px;
}

.tm-normal{grid-column:span 1;grid-row:span 1}
.tm-wide{grid-column:span 2;grid-row:span 1}
.tm-tall{grid-column:span 1;grid-row:span 2}
.tm-big{grid-column:span 2;grid-row:span 2}

.ta-metro-tile{
  position:relative;
  display:block;
  border-radius:1px;
  overflow:hidden;
  background:#233746;
  transition:transform .15s ease, filter .15s ease;
}
.ta-metro-tile:hover{transform:scale(1.03);filter:brightness(1.08);z-index:2}
.tm-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.tm-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.15) 55%,rgba(0,0,0,0) 100%)}
.tm-noimg .tm-overlay{background:rgba(0,0,0,.12)}
.tm-body{position:absolute;left:0;right:0;bottom:0;padding:8px 10px;display:flex;flex-direction:column;gap:3px}
.tm-cat{align-self:flex-start;background:#cc0000;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;padding:2px 6px;border-radius:1px;letter-spacing:.02em}
.tm-title{color:#fff;font-family:Arial,sans-serif;font-weight:700;line-height:1.25;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,.7);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tm-big .tm-title,.tm-wide .tm-title{font-size:22px;-webkit-line-clamp:3}
.tm-tall .tm-title{font-size:16px;-webkit-line-clamp:5}
.tm-big .tm-body,.tm-wide .tm-body,.tm-tall .tm-body{padding:14px}

/* Görselsiz döşemeler: Windows tile rengi solid arka plan olur */
.tm-c1.tm-noimg{background:#00838f}
.tm-c2.tm-noimg{background:#1565c0}
.tm-c3.tm-noimg{background:#2e7d32}
.tm-c4.tm-noimg{background:#e65100}
.tm-c5.tm-noimg{background:#6a1b9a}
.tm-c6.tm-noimg{background:#ad1457}
.tm-c7.tm-noimg{background:#37474f}
.tm-c8.tm-noimg{background:#00695c}

/* "T — Tüm Haberler" döşemesi: her zaman ilk sırada, sabit kırmızı */
.tm-all{background:#cc0000!important}
.tm-all .tm-overlay{background:rgba(0,0,0,.08)}
.tm-all-body{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;text-align:center}
.tm-all-letter{color:#fff;font-family:Arial,sans-serif;font-weight:800;font-size:44px;line-height:1}
.tm-all .tm-title{font-size:13px;-webkit-line-clamp:1;text-transform:uppercase;letter-spacing:.04em}

.ta-metro-sentinel{grid-column:1/-1;height:1px}

/* tumhaberler.php — bağımsız sayfa: daha ferah kareler */
.ta-metro-wrap-full{margin:0 0 14px}
.ta-metro-wrap-full .ta-metro{grid-auto-rows:150px}
@media(max-width:768px){
  .ta-metro-wrap-full .ta-metro{grid-auto-rows:100px}
}

@media(max-width:768px){
  .ta-metro{grid-template-columns:repeat(2,1fr);grid-auto-rows:90px}
  .ta-metro-hd-hint{display:none}
  .tm-all-letter{font-size:34px}
}
@media(max-width:480px){
  .ta-metro{grid-template-columns:repeat(2,1fr);grid-auto-rows:78px}
  .tm-big .tm-title,.tm-wide .tm-title{font-size:16px}
}