'ler position:absolute olduğu için
kapsayıcıya yükseklik ŞART. Sabit px yerine aspect-ratio ile oranlıyoruz. */
#hbrpktlrmanset ul#output{
width:auto !important; height:auto !important;
/* OLCULDU (16 manset gorselinin tamami):
13 adet 606x340 / 777x437 -> oran 1.778-1.782 (16:9)
2 adet 620x380 -> oran 1.632
en genis 1.782, hicbiri 2.0 degil.
Kutu 2/1 iken object-fit:cover her gorseli ustten+alttan
kirpiyordu: 1.78'lerden %10.9, 1.63'lerden %18.4.
16/9'a cekilince kirpma 16:9 gorsellerde ~%0'a iniyor,
1.63'lerde %18.4 -> %8.2'ye dusuyor. Yani kutu hem UZUYOR
hem daha AZ kirpiyor; gorsel esnemiyor (cover asla esnetmez). */
aspect-ratio:16 / 9;
position:relative;
padding:0 !important; margin:0 !important;
overflow:hidden;
border-radius:var(--yuvarlak);
background:var(--wash);
}
#hbrpktlrmanset ul#output > li{
position:absolute !important;
inset:0 !important;
width:auto !important; height:auto !important;
margin:0 !important; padding:0 !important;
}
#hbrpktlrmanset ul#output > li > a{display:block; width:100%; height:100%;}
#hbrpktlrmanset ul#output img{
width:100% !important; height:100% !important;
object-fit:cover; float:none !important;
border:0 !important; border-radius:0 !important;
margin:0 !important; padding:0 !important;
display:block;
}
/* manşet başlığı: alt kenara yaslı degrade şerit */
#hbrpktlrmanset ul#output li a span,
#hbrpktlrmanset ul#output li a span:hover{
width:auto !important;
left:0 !important; right:0 !important; bottom:0 !important;
top:auto !important;
position:absolute !important;
background:linear-gradient(to top, rgba(8,14,20,.92) 22%, rgba(8,14,20,0)) !important;
color:#fff !important;
font-family:var(--font-baslik) !important;
font-size:24px !important;
font-weight:700 !important;
line-height:1.24 !important;
letter-spacing:-.012em;
text-shadow:0 1px 3px rgba(0,0,0,.5) !important;
padding:56px 22px 20px !important;
margin:0 !important;
box-sizing:border-box;
}
/* sayfalama */
#hbrpktlrmanset ul#tabs{
width:auto !important; height:auto !important;
background:transparent !important;
background-image:none !important;
position:static !important;
display:flex !important; flex-wrap:wrap; gap:5px; align-items:center;
margin:12px 0 0 !important; padding:0 !important;
}
#hbrpktlrmanset ul#tabs li{float:none !important; margin:0 !important; width:auto !important;}
#hbrpktlrmanset ul#tabs li a{
display:block; min-width:32px; text-align:center;
padding:6px 9px; border-radius:4px;
background:var(--wash); color:var(--muted) !important;
font-family:var(--font-govde); font-size:13px; font-weight:600;
text-decoration:none !important; border:1px solid var(--line);
font-variant-numeric:tabular-nums;
}
#hbrpktlrmanset ul#tabs li a:hover,
#hbrpktlrmanset ul#tabs li a:focus-visible{
background:#fff !important;
border-color:var(--brand) !important;
color:var(--brand) !important;
box-shadow:0 1px 4px rgba(200,30,40,.16) !important;
}
/* ETKIN DUGME.
OLCULDU (tarayicida, 7 sn sonra): donen betik etkin dugmeye `current`
sinifini KOYUYOR - mekanizma calisiyordu. Sorun buradaydi: bu dosya
`select` ve `aktif` adlarini bicimlendiriyordu, JS'in koydugu `current`
adini degil. Uc ayri isim, hicbiri tutmuyordu; bu yuzden kacinci
haberde oldugumuz hic belli olmuyordu.
`current` asil ad olarak eklendi; digerleri temanin baska
surumlerinden gelme ihtimaline karsi birakildi. */
#hbrpktlrmanset ul#tabs li a.current,
#hbrpktlrmanset ul#tabs li a.current:hover,
#hbrpktlrmanset ul#tabs li.select a,#hbrpktlrmanset ul#tabs li a.select,
#hbrpktlrmanset ul#tabs li.aktif a{
background:var(--brand) !important;
border-color:var(--brand) !important;
color:#fff !important;
box-shadow:0 2px 8px rgba(200,30,40,.30) !important;
/* OLCULDU: etkin rakamda imlec `default` (ok) cikiyordu, digerlerinde
`pointer`. Sebep buraya yazdigim cursor:default idi - eski temada
`a.current:hover{cursor:default}` vardi, onu tasimisim. Rakamlar
tiklanabilir oldugu icin el isareti dogru olan. */
cursor:pointer !important;
}
/* "TÜMÜ" — eski temada top:342px/left:587px sabit pikseldi (658×330 slider'a göre).
Sabit konumu ezip slider'ın sağ üstüne rozet olarak yerleştiriyoruz. */
#hbrpktlrmanset .tum{
position:absolute !important;
top:12px !important; right:12px !important;
left:auto !important; bottom:auto !important;
width:auto !important; height:auto !important;
margin:0 !important; padding:0 !important;
float:none !important; z-index:4;
background:transparent !important;
}
#hbrpktlrmanset .tum a{
position:static !important;
top:auto !important; left:auto !important;
float:none !important; display:block;
background:rgba(8,14,20,.72) !important;
color:#fff !important;
font-family:var(--font-baslik) !important;
font-size:11px !important; font-weight:700 !important;
letter-spacing:.09em; text-transform:uppercase;
padding:6px 11px !important; margin:0 !important;
border-radius:3px;
text-decoration:none !important;
text-shadow:none !important;
}
#hbrpktlrmanset .tum a:hover{background:var(--brand) !important;}
/* ---------- 11b. SAĞ ÜST BLOK (sosyal + sekmeli manşet) ----------
Eski tema: div#gundem{width:308px; HEIGHT:240px}. Sabit yükseklik yüzünden
içerik taşıp altındaki bloğun üstüne biniyordu. Yükseklik serbest. */
#gundem{
height:auto !important;
float:none !important;
position:relative;
display:flow-root;
}
#gundem .sagmanset,
#gundem .sagmanset .orta,
#gundem div[id$="sagmanset"]{
width:auto !important; height:auto !important;
float:none !important; margin:0 !important;
min-width:0;
}
#gundem .sagmanset{margin-top:12px !important;}
/* küçük manşet kutusu — ana slider ile aynı mantık */
#gundem ul[id$="output"]{
width:auto !important; height:auto !important;
aspect-ratio:31 / 15;
position:relative; overflow:hidden;
padding:0 !important; margin:0 !important;
border-radius:var(--yuvarlak);
background:var(--wash);
}
#gundem ul[id$="output"] > li{
position:absolute !important; inset:0 !important;
width:auto !important; height:auto !important;
margin:0 !important; padding:0 !important;
}
#gundem ul[id$="output"] img{
width:100% !important; height:100% !important;
object-fit:cover; float:none !important;
border:0 !important; border-radius:0 !important;
margin:0 !important; display:block;
}
#gundem ul[id$="tabs"]{
width:auto !important; bottom:auto !important; top:auto !important;
margin:10px 0 0 !important; padding:0 !important;
}
#gundem ul[id$="tabs"] li{
width:auto !important; float:none !important;
border-bottom:1px solid var(--line-soft) !important;
}
#gundem ul[id$="tabs"] li a{
background-image:none !important;
font-family:var(--font-govde) !important;
font-size:14px !important; font-weight:600 !important;
line-height:1.4 !important;
color:var(--body) !important;
padding:8px 0 8px 14px !important;
margin:0 !important;
border-radius:0 !important;
position:relative;
}
#gundem ul[id$="tabs"] li a::before{
content:""; position:absolute; left:2px; top:1.05em;
width:4px; height:4px; border-radius:50%;
background:var(--muted);
}
#gundem ul[id$="tabs"] li a:hover{color:var(--brand) !important; text-decoration:none !important;}
#gundem ul[id$="tabs"] li a.current{color:var(--brand) !important; background-image:none !important;}
#gundem ul[id$="tabs"] li a.current::before{background:var(--brand);}
/* sekme başlıkları */
/* Sekmeler KUTULU.
Onceki hal: saydam zemin, etkin sekmede yalnizca 2px alt cizgi ve
listenin altinda bir ayrac cizgisi. Yazilar bosluga asili duruyor,
hemen altindaki haber gorseline yapisik gorunuyordu.
Kutuya alindi: her sekme kendi cercevesi icinde, esit genislikte
(flex:1 1 0), etkin olan marka kirmizisi zeminde beyaz yazi.
Alttaki ayrac cizgisi KALDIRILDI - kutular zaten sinir ciziyor,
iki cizgi ust uste gereksiz kalabaliktu.
Gorselden ayrilmasi icin altina 10px bosluk kondu.
NOT: bu blok, dosyada AYRI iki yerde duran (satir ~555 ve ~1959)
iki sekme kuralinin BIRLESIMI. Ikincisi birincinin punto ve
dolgusunu eziyordu; ustune yazmak yerine tek blokta toplandi. */
#mansettab ul{
display:flex !important;
flex-wrap:nowrap !important;
gap:4px !important;
height:auto !important;
margin:0 !important;
padding:0 0 10px !important;
border-bottom:0 !important;
border-radius:0 !important;
overflow:hidden;
}
#mansettab ul li{ min-width:0; flex:1 1 0; }
#mansettab ul li a{
display:block !important;
text-align:center !important;
background:var(--wash) !important;
border:1px solid var(--line) !important;
border-radius:6px !important;
font-family:var(--font-baslik) !important;
font-size:10.5px !important; font-weight:700 !important;
letter-spacing:.035em !important; text-transform:uppercase;
color:var(--muted) !important;
padding:8px 6px !important;
white-space:nowrap;
transition:background .16s ease, color .16s ease, border-color .16s ease;
}
#mansettab ul li a:hover{
background:#fff !important;
color:var(--ink) !important;
border-color:var(--muted) !important;
}
#mansettab ul li a.selected{
background:var(--brand) !important;
border-color:var(--brand) !important;
color:#fff !important;
margin:0 !important;
}
/* sosyal takip şeridi */
.sosyalmedya{
width:auto !important; height:auto !important;
background:var(--wash) !important; background-image:none !important;
border:1px solid var(--line) !important;
border-radius:var(--yuvarlak) !important;
padding:8px 12px !important;
display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}
.sosyalmedya .takipet{
width:auto !important; float:none !important;
padding:0 !important; color:var(--muted) !important;
font:inherit !important;
}
.sosyalmedya .sosyalicons{width:auto !important; float:none !important; margin-left:auto; display:flex; gap:4px;}
/* ---------- 12. BORSA ŞERİDİ ---------- */
.borsaBand{
width:auto !important; height:auto !important;
background:var(--wash) !important;
border:1px solid var(--line) !important;
border-radius:var(--yuvarlak);
box-shadow:none !important;
margin:0 0 22px !important;
padding:4px 6px !important;
position:static !important;
}
.borsaList{display:flex !important; flex-wrap:wrap; margin:0 !important; padding:0 !important;}
.borsaList > li{
flex:1 1 120px; float:none !important;
width:auto !important; margin:0 !important;
padding:9px 14px !important;
border:0 !important;
border-right:1px solid var(--line) !important;
display:flex; align-items:baseline; gap:8px; flex-wrap:wrap;
background:transparent !important;
}
.borsaList > li:last-child{border-right:0 !important;}
.pName{
font-family:var(--font-baslik) !important;
font-size:11.5px !important; font-weight:700 !important;
letter-spacing:.07em; text-transform:uppercase;
color:var(--muted) !important;
width:auto !important; float:none !important; margin:0 !important;
}
.pQuan{
font-family:var(--font-govde) !important;
font-size:15px !important; font-weight:700 !important;
color:var(--ink) !important;
font-variant-numeric:tabular-nums;
width:auto !important; float:none !important; margin:0 !important;
}
/* ---------- 13. HABER IZGARASI ---------- */
/* .buyuk-cerceve ÇİFT GÖREVLİ: bazen 3'lü kart ızgarası (içinde .dikey-haberler),
bazen dikey liste (içinde .kutu-haberler) veya sekmeli blok. Izgarayı yalnızca
kart ızgarası olduğunda uygula, diğerlerini akışta bırak. */
.buyuk-cerceve{
width:auto !important; float:none !important;
border:0 !important; background:transparent !important;
padding:0 !important; margin:0 0 8px !important;
clear:both; /* üstteki temizlenmemiş float'lar yan yana itmesin */
display:flow-root; /* kendi float'larını da içeride tut */
}
/* sekmeli özet bloğu kendi float'larını kapsasın */
.hh-hozetler,.haberozetleri{display:flow-root;}
.buyuk-cerceve:has(> .dikey-haberler){
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px 20px;
}
.buyuk-cerceve > .temizle{display:none !important;}
.dikey-haberler{
float:none !important;
width:auto !important; height:auto !important;
margin:0 !important; padding:0 0 18px !important;
border:0 !important;
border-bottom:1px solid var(--line-soft) !important;
font-family:var(--font-govde) !important;
position:relative;
display:flex; flex-direction:column;
}
.dikey-haberler img,.dikey-haberler img:hover{
width:100% !important; height:auto !important;
aspect-ratio:16/9; object-fit:cover;
border:0 !important; padding:0 !important;
margin:0 0 11px !important;
border-radius:var(--yuvarlak);
display:block; background:var(--wash);
transition:opacity .25s ease;
}
.dikey-haberler:hover img{opacity:.9;}
.dikey-haberler .baslik,.dikey-haberler .baslik a{
width:auto !important; height:auto !important;
overflow:visible !important;
font-size:16.5px !important;
font-weight:700 !important;
line-height:1.28 !important;
padding:0 !important; margin:0 0 6px !important;
text-decoration:none !important;
display:block;
}
.dikey-haberler .baslik a:hover{color:var(--brand) !important; text-decoration:none !important;}
.dikey-haberler .ozet{
width:auto !important; height:auto !important;
max-height:none !important;
padding:0 !important; margin:0 !important;
font-size:14.5px !important;
line-height:1.5 !important;
color:var(--muted) !important;
}
.dikey-haberler span{float:none !important; margin:0 !important;}
/* kategori rozeti — eski temada inline "margin-top:-170px" ile görsele
çekiliyordu; o gömülü değeri ezip mutlak konuma alıyoruz. */
.katicon{
float:none !important; width:auto !important;
position:absolute !important; top:9px; left:9px; z-index:3;
margin:0 !important; padding:0 !important;
}
.katicon ul{width:auto !important; display:flex; gap:4px;}
.katicon li{
float:none !important; display:block !important;
font-family:var(--font-baslik) !important;
font-size:10.5px !important;
background:transparent !important;
margin:0 !important;
}
.katicon li a,.katicon li a:hover{
display:block !important;
background:rgba(8,14,20,.82) !important;
backdrop-filter:saturate(1.4) blur(3px);
color:#fff !important;
font-weight:700 !important;
letter-spacing:.075em; text-transform:uppercase;
padding:4px 8px !important;
border:0 !important; border-radius:3px;
text-decoration:none !important;
line-height:1.15 !important;
}
.katicon li:hover a{background:var(--brand) !important;}
.katicon li.active,.katicon li.durum{
background:none !important; width:auto !important;
height:auto !important; margin:0 !important; padding:0 !important;
}
/* ---------- 14. ALT BLOK HABERLER (liste) ---------- */
.altblokhaber{
float:none !important;
width:auto !important; height:auto !important;
margin:0 !important; padding:16px 0 !important;
overflow:visible !important;
border-bottom:1px solid var(--line-soft);
font:inherit !important;
line-height:1.5 !important;
display:grid; grid-template-columns:200px minmax(0,1fr);
gap:16px; align-items:start;
}
.altblokhaber-resim{width:auto !important; float:none !important; margin:0 !important;}
.altblokhaber-resim img{
width:100% !important; height:auto !important;
aspect-ratio:16/10; object-fit:cover;
border:0 !important; border-radius:var(--yuvarlak);
margin:0 !important; display:block; background:var(--wash);
}
.altblokhaber-icerik,.altblokhabersol{
width:auto !important; float:none !important;
margin:0 !important; height:auto !important;
min-width:0; overflow:visible !important;
}
.altblokhaber-icerik > a{text-decoration:none !important; display:block;}
/* başlık: class'sız — gömülü yükseklik eziliyor */
.altblokhaber-icerik > a > div,
.altblokhaber .baslik,.altblokhaber .baslik a{
height:auto !important; min-height:0 !important;
width:auto !important; overflow:visible !important;
font-family:var(--font-baslik) !important;
font-size:18px !important; font-weight:700 !important;
line-height:1.26 !important;
color:var(--ink) !important;
margin:0 0 6px !important; padding:0 !important;
text-decoration:none !important; display:block;
}
.altblokhaber-icerik > a:hover > div,
.altblokhaber .baslik a:hover{color:var(--brand) !important;}
.altblokhaber-icerik > a > br{display:none !important;}
/* özet */
.altblokhaberozet-icerik,.altblokhaber .ozet{
width:auto !important; height:auto !important;
margin:0 !important; padding:0 !important;
font-family:var(--font-govde) !important;
font-size:15px !important; line-height:1.55 !important;
color:var(--muted) !important;
display:block;
}
/* kategori etiketi — .altblokhaber'in İÇİNDE değil, ÖNCESİNDE duran kardeş */
.altblokhaberkategori{
width:auto !important; height:auto !important;
padding:0 !important; margin:18px 0 0 !important;
background:transparent !important; border:0 !important;
line-height:1 !important;
}
.altblokhaberkategori a{text-decoration:none !important;}
.altblokhaberkategori span{
font-family:var(--font-baslik) !important;
font-size:10.5px !important; font-weight:700 !important;
letter-spacing:.08em; text-transform:uppercase;
color:var(--brand) !important;
border-left:3px solid var(--brand);
padding:0 0 0 8px !important;
display:inline-block;
}
/* ---- kutu-haberler: görsel solda, metin sağda dikey liste ----
DOM: .kutu-haberler > (a>img) + .baslik + .ozet + .katicon-kutu
Eski tema bunu "img float:left + metne margin-left:200px" ile kuruyordu. */
.kutu-haberler{
display:grid !important;
grid-template-columns:210px minmax(0,1fr);
grid-auto-rows:min-content;
gap:5px 20px;
align-items:start;
width:auto !important; height:auto !important;
overflow:visible !important;
padding:18px 0 !important; margin:0 !important;
float:none !important;
border-bottom:1px solid var(--line-soft);
}
.kutu-haberler > a:first-of-type{
grid-column:1; grid-row:1 / span 3;
display:block; border-radius:var(--yuvarlak);
overflow:hidden; background:var(--wash); min-width:0;
}
.kutu-haberler img{
width:100% !important; height:auto !important;
aspect-ratio:16/10; object-fit:cover;
border:0 !important; border-radius:0 !important;
margin:0 !important; padding:0 !important;
float:none !important; display:block;
transition:transform .45s ease;
}
.kutu-haberler:hover img{transform:scale(1.05);}
.kutu-haberler .baslik,.kutu-haberler .baslik a{
grid-column:2; grid-row:1;
width:auto !important; height:auto !important;
overflow:visible !important;
font-family:var(--font-baslik) !important;
font-size:18px !important; font-weight:700 !important;
line-height:1.27 !important;
color:var(--ink) !important;
margin:0 !important; padding:0 !important;
text-decoration:none !important; display:block;
}
.kutu-haberler .baslik a:hover{color:var(--brand) !important;}
.kutu-haberler .ozet{
grid-column:2; grid-row:2;
width:auto !important; height:auto !important;
margin:0 !important; padding:0 !important;
font-family:var(--font-govde) !important;
font-size:15px !important; line-height:1.55 !important;
color:var(--muted) !important;
}
.kutu-haberler .ozet a{color:var(--muted) !important; text-decoration:none !important;}
/* buradaki .katicon-kutu bir SEKME değil, kategori etiketi — sekme stilini geri al */
.kutu-haberler .katicon-kutu{
grid-column:2; grid-row:3;
float:none !important; width:auto !important;
position:static !important; margin:4px 0 0 !important; padding:0 !important;
}
.kutu-haberler .katicon-kutu ul{
display:flex !important; gap:6px;
border:0 !important; border-bottom:0 !important;
margin:0 !important; padding:0 !important;
}
.kutu-haberler .katicon-kutu li,
.kutu-haberler .katicon-kutu li.active{
border:0 !important; border-bottom:0 !important;
background:transparent !important;
margin:0 !important; padding:0 !important;
width:auto !important; height:auto !important;
float:none !important; display:block !important;
}
.kutu-haberler .katicon-kutu li a,
.kutu-haberler .katicon-kutu li.active a{
font-family:var(--font-baslik) !important;
font-size:10.5px !important; font-weight:700 !important;
letter-spacing:.08em; text-transform:uppercase;
color:var(--brand) !important;
background:transparent !important;
border:0 !important; border-left:3px solid var(--brand) !important;
border-radius:0 !important;
padding:0 0 0 8px !important; margin:0 !important;
line-height:1.1 !important;
text-decoration:none !important; display:block !important;
}
/* ---------- 15. SAĞ SÜTUN WIDGET'LARI ---------- */
.anket{
background:var(--bg) !important;
background-image:none !important;
width:auto !important; height:auto !important;
overflow:visible !important;
border:0 !important;
border-bottom:2px solid var(--navy) !important;
padding:0 0 9px !important;
margin:0 !important;
}
.anket .baslik,.anket .baslik a{
font-family:var(--font-baslik) !important;
font-size:13px !important; font-weight:800 !important;
letter-spacing:.075em; text-transform:uppercase;
color:var(--navy) !important;
text-shadow:none !important;
padding:0 !important; margin:0 !important;
background:transparent !important;
display:flex; align-items:center; gap:7px;
}
.anket .baslik i,.anket .baslik .fa{color:var(--brand) !important;}
.cerceve,.cerceve-anket{
background:var(--bg) !important;
width:auto !important; height:auto !important;
border:0 !important;
padding:12px 0 0 !important;
margin:0 !important;
}
.cerceve-anket.havabg,.cerceve-anket.puanbg,.cerceve-anket.namazbg{
background-image:none !important;
background:var(--wash) !important;
border:1px solid var(--line) !important;
border-radius:var(--yuvarlak);
padding:12px !important;
}
/* yazarlar */
.yazarlar{width:auto !important; height:auto !important;}
.yazarlar ul{
position:static !important;
width:auto !important; height:auto !important;
margin:0 !important; overflow:visible !important;
background:transparent !important;
display:flex; flex-direction:column;
}
.yazarlar ul li{
width:auto !important; height:auto !important;
padding:11px 0 !important; overflow:visible !important;
border-bottom:1px solid var(--line-soft);
display:flex; gap:12px; align-items:flex-start;
}
.yazarlar ul li:last-child{border-bottom:0;}
.yazarlar img{
width:52px !important; height:52px !important;
border-radius:50% !important; object-fit:cover;
border:0 !important; margin:0 !important; flex:0 0 auto;
background:var(--wash);
}
.yazarlar .baslik,.yazarlar .isim,.yazarlar .isim a{
font-family:var(--font-baslik) !important;
font-size:14px !important; font-weight:700 !important;
color:var(--ink) !important; padding:0 !important; margin:0 !important;
}
.yazarlar .ozet,.yazarlar .yazi{
font-size:13.5px !important; color:var(--muted) !important;
padding:0 !important; margin:2px 0 0 !important; height:auto !important;
}
/* sekmeler */
.katicon-kutu ul,.TabbedPanelsTabGroup{
display:flex !important; flex-wrap:wrap; gap:3px;
border-bottom:1px solid var(--line) !important;
margin:0 0 10px !important; padding:0 !important;
background:transparent !important;
}
.katicon-kutu li,.TabbedPanelsTab{
float:none !important; display:block !important;
background:transparent !important;
border:0 !important; margin:0 !important;
font-family:var(--font-baslik) !important;
}
.katicon-kutu li a,.TabbedPanelsTab{
font-size:11.5px !important; font-weight:700 !important;
letter-spacing:.06em; text-transform:uppercase;
color:var(--muted) !important;
padding:8px 11px !important;
border-bottom:2px solid transparent !important;
text-decoration:none !important; display:block;
}
.katicon-kutu li:hover,.katicon-kutu li:hover a{
background:transparent !important; color:var(--ink) !important;
}
.katicon-kutu li.active,.TabbedPanelsTabSelected{
background:transparent !important;
border-bottom:2px solid var(--brand) !important;
}
.katicon-kutu li.active a,.TabbedPanelsTabSelected{color:var(--brand) !important;}
.TabbedPanelsContent{padding:2px 0 !important;}
/* sağ sütun haber listeleri */
.sag-blok ul li a{
font-family:var(--font-govde) !important;
font-size:14.5px !important;
line-height:1.4 !important;
color:var(--body) !important;
text-decoration:none !important;
}
.sag-blok ul li a:hover{color:var(--brand) !important;}
/* sosyal ikonlar */
.sosyalicons a img{border-radius:4px; transition:opacity .16s ease;}
.sosyalicons a:hover img{opacity:.75;}
.takipet{
font-family:var(--font-baslik) !important;
font-size:12px !important; font-weight:700 !important;
letter-spacing:.06em; text-transform:uppercase;
color:var(--muted) !important;
}
/* ---------- 16. GENEL BAŞLIK ŞERİTLERİ ---------- */
.ic-sayfalar-baslik,.gavibas .baslik{
font-family:var(--font-baslik) !important;
font-size:15px !important; font-weight:800 !important;
letter-spacing:.05em; text-transform:uppercase;
color:var(--ink) !important;
text-shadow:none !important;
background:transparent !important; background-image:none !important;
border:0 !important;
border-left:4px solid var(--brand) !important;
padding:2px 0 2px 12px !important;
margin:24px 0 12px !important;
}
/* ---------- 17. TABLOLAR ---------- */
.scoreboard{width:100% !important; font-size:13px !important;}
.scoreboard th{
font-family:var(--font-baslik) !important;
font-size:10.5px !important; font-weight:700 !important;
letter-spacing:.06em; text-transform:uppercase;
color:var(--muted) !important;
border-bottom:1px solid var(--line) !important;
padding:7px 5px !important; background:transparent !important;
}
.scoreboard td{
padding:6px 5px !important;
border-bottom:1px solid var(--line-soft) !important;
font-variant-numeric:tabular-nums;
}
/* ---------- 18. FORM ELEMANLARI ---------- */
.sag-blok select,.sag-blok input[type=text],
.arama-tabo input,.input-append input{
font-family:var(--font-govde) !important;
font-size:14px !important;
padding:8px 10px !important;
border:1px solid var(--line) !important;
border-radius:4px !important;
background:var(--bg) !important;
color:var(--ink) !important;
box-shadow:none !important;
}
.sag-blok select:focus,.sag-blok input:focus{
outline:2px solid var(--navy) !important; outline-offset:1px;
border-color:var(--navy) !important;
}
input[type=submit],button,.anket-buton a,.yazarlar-buton a{
font-family:var(--font-baslik) !important;
font-size:12.5px !important; font-weight:700 !important;
letter-spacing:.04em;
background:var(--navy) !important;
color:#fff !important;
border:0 !important; border-radius:4px !important;
padding:8px 14px !important;
cursor:pointer;
text-shadow:none !important;
transition:background .16s ease;
}
input[type=submit]:hover,button:hover,.anket-buton a:hover{background:var(--brand) !important;}
/* ---------- 18b. FOTO / VİDEO GALERİ ŞERİDİ ----------
Eski: #multimedia{width:1000px;height:410px} + .item{float:left;width:177px}
Yeni: tam genişlik, iki sütunlu ızgara, koyu kontrast bandı. */
.multimediaBord{clear:both; display:flow-root;}
#multimedia{
float:none !important;
width:auto !important; height:auto !important;
background:var(--ink) !important;
margin:0 !important;
padding:28px 24px !important;
display:grid !important;
grid-template-columns:1fr 1.45fr;
gap:30px 36px;
box-sizing:border-box;
}
#multimedia .column-a,#multimedia .column-b{
width:auto !important; height:auto !important;
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:20px 18px;
align-content:start;
margin:0 !important; padding:0 !important;
border:0 !important; min-width:0;
}
#multimedia .column-b{grid-template-columns:repeat(3,minmax(0,1fr));}
#multimedia .column-a{
border-right:1px solid rgba(255,255,255,.13) !important;
padding-right:36px !important;
}
#multimedia h2{grid-column:1 / -1;}
#multimedia .fg h2,#multimedia .vg h2,
#multimedia .fg h2 a,#multimedia .vg h2 a{
font-family:var(--font-baslik) !important;
font-size:12.5px !important; font-weight:700 !important;
letter-spacing:.09em; text-transform:uppercase;
color:#fff !important;
width:auto !important; border:0 !important;
margin:0 !important;
text-decoration:none !important;
}
#multimedia .fg h2 a:hover,#multimedia .vg h2 a:hover{color:var(--brand) !important;}
#multimedia .item,#multimedia .vg .item,#multimedia .headline{
float:none !important;
width:auto !important; height:auto !important;
margin:0 !important; padding:0 !important;
border:0 !important; overflow:visible !important;
display:block !important; min-width:0;
}
#multimedia .item .imgContainer{
position:relative; height:auto !important;
border-radius:var(--yuvarlak); overflow:hidden;
background:#1B2026;
}
#multimedia .item img,#multimedia .headline .imgContainer img{
width:100% !important; height:auto !important;
aspect-ratio:16/10; object-fit:cover;
border:0 !important; border-radius:0 !important;
margin:0 !important; padding:0 !important;
display:block;
transition:opacity .22s ease;
}
#multimedia .item:hover img{opacity:.8;}
#multimedia .item .imgContainer .icon{
bottom:7px !important; left:7px !important;
border:0 !important; border-radius:3px;
}
#multimedia .item h6,#multimedia .headline h6{
width:auto !important; height:auto !important;
margin:9px 0 3px !important; padding:0 !important;
font-family:var(--font-baslik) !important;
font-size:13.5px !important; font-weight:600 !important;
line-height:1.3 !important;
}
#multimedia .item h6 a{color:#fff !important; text-decoration:none !important;}
#multimedia .item:hover h6 a{color:var(--brand) !important;}
#multimedia p,#multimedia .item p a,
#multimedia .fg p a,#multimedia .vg p a{
color:rgba(255,255,255,.46) !important;
font-family:var(--font-govde) !important;
font-size:12px !important;
margin:0 !important; text-decoration:none !important;
}
/* ---------- 19. FOOTER ---------- */
.footer,#footer{
background:var(--navy) !important;
background-image:none !important;
color:rgba(255,255,255,.72) !important;
border:0 !important;
padding:28px 24px !important;
font-family:var(--font-govde) !important;
font-size:14px !important;
}
.footer a,#footer a{color:rgba(255,255,255,.82) !important; text-decoration:none !important;}
.footer a:hover,#footer a:hover{color:#fff !important; text-decoration:underline !important;}
.footer .baslik,#footer .baslik{
color:#fff !important;
font-family:var(--font-baslik) !important;
font-size:12.5px !important; font-weight:700 !important;
letter-spacing:.07em; text-transform:uppercase;
}
/* ---------- 20. RESPONSIVE ----------
NOT: kart ızgarası .buyuk-cerceve:has(> .dikey-haberler) ile tanımlı,
bu yüzden kırılımlarda da AYNI selektör kullanılmalı — yoksa özgüllük
yarışını kaybeder ve mobilde 3 sütun kalır. */
@media (max-width:1120px){
#icerik{grid-template-columns:minmax(0,1fr) 300px; gap:22px;}
.buyuk-cerceve:has(> .dikey-haberler){grid-template-columns:repeat(2,minmax(0,1fr));}
.kutu-haberler{grid-template-columns:180px minmax(0,1fr);}
}
@media (max-width:900px){
/* tek sütun: manşet → sosyal/sekme bloğu → haber akışı → yan sütun.
Dördü AYRI satırda olmalı, aksi halde üst üste binerler. */
#icerik{grid-template-columns:minmax(0,1fr); padding:18px !important;}
#hbrpktlrmanset{grid-column:1; grid-row:1;}
#gundem{grid-column:1; grid-row:2;}
.haber-detay{grid-column:1; grid-row:3;}
.sag-blok{grid-column:1; grid-row:4;}
#header{padding:16px 18px !important;}
#top{padding:0 18px !important;}
.altblokhaber{grid-template-columns:150px minmax(0,1fr); gap:13px;}
#multimedia{grid-template-columns:minmax(0,1fr); gap:26px;}
#multimedia .column-a{
border-right:0 !important; padding-right:0 !important;
border-bottom:1px solid rgba(255,255,255,.13) !important;
padding-bottom:26px !important;
}
}
@media (max-width:620px){
body{font-size:15.5px !important;}
.buyuk-cerceve:has(> .dikey-haberler){grid-template-columns:minmax(0,1fr); gap:0;}
.altblokhaber{grid-template-columns:minmax(0,1fr); gap:11px;}
.altblokhaber .baslik,.altblokhaber .baslik a{font-size:17px !important;}
.kutu-haberler{grid-template-columns:minmax(0,1fr); gap:10px;}
.kutu-haberler > a:first-of-type{grid-row:1; grid-column:1;}
.kutu-haberler .baslik{grid-row:2;} .kutu-haberler .ozet{grid-row:3;}
.kutu-haberler .katicon-kutu{grid-row:4;}
/* Punto masaustuyle AYNI kaliyordu: baslik 18px, ozet 15px.
Masaustunde kart 896px genis, baslik tek satira siginca sorun yok.
Mobilde metin sutunu 299px'e duşuyor (olculdu, 390px ekran) ve ayni
punto iri/sikisik duruyor, baslik iki satira kiriliyordu.
Yalnizca bu kirilimda kucultuldu; masaustu punto degismedi. */
.kutu-haberler .baslik,.kutu-haberler .baslik a{
font-size:15.5px !important; line-height:1.3 !important;
}
.kutu-haberler .ozet{ font-size:13.5px !important; line-height:1.5 !important; }
#multimedia{padding:20px 14px !important;}
#multimedia .column-a,#multimedia .column-b{grid-template-columns:repeat(2,minmax(0,1fr));}
#hbrpktlrmanset ul#output li a span{font-size:17px !important; padding:40px 14px 14px !important;}
#header .logo img{height:46px !important;}
.menu-header a{padding:12px 10px !important; font-size:12.5px !important;}
#top{min-height:auto; padding:6px 14px !important;}
#icerik{padding:14px !important;}
}
/* footer içindeki gri kutu (.etraf{background:#333 url(/css/dotmap.png)}) kaldırıldı */
.footer .etraf,.footer .etraf.border{
background:transparent !important;
background-image:none !important;
border:0 !important;
color:rgba(255,255,255,.78) !important;
padding:6px 0 !important;
margin:0 !important;
}
.footer .etraf .ic{background:transparent !important;}
/* sütun ayracı: görsel yerine ince çizgi */
.footer .etraf .ic>ul li.bg{
background:none !important;
background-image:none !important;
padding-right:0 !important;
}
.footer .etraf .ic>ul{
border-right:1px solid rgba(255,255,255,.12);
padding-right:22px !important;
}
.footer .etraf .ic>ul:last-child{border-right:0; padding-right:0 !important;}
.footer .etraf .ic>ul>li>a{
font-family:var(--font-baslik) !important;
font-size:11.5px !important; font-weight:700 !important;
letter-spacing:.09em; text-transform:uppercase;
color:#fff !important;
margin-bottom:10px !important;
}
.footer .etraf .ic>ul>li li a,.footer .etraf .ic>ul>li li a:hover{
font-family:var(--font-govde) !important;
font-size:14px !important;
color:rgba(255,255,255,.72) !important;
padding:4px 0 !important;
}
.footer .etraf .ic>ul>li li a:hover{color:#fff !important;}
/* ==========================================================================
FİRMALAR / İLANLAR / VİZYONDAKİ FİLMLER MODÜLLERİ
Eski: .videogaleriboyut{float:left;width:648px}, başlıklarda ,
.vizyon için sayfaya gömülü