/* ================================================================
   FutbolX — MOZAİK dil katmani (01.09.2026)
   Ana sayfada secilen C-Mozaik dilini (kirmizi-siyah, duz kutu,
   sert kose, 900 punto baslik) TUM sayfalara tasir.
   fx-modern.css'in (begenilmeyen mavi gradyan) YERINE yuklenir.
   Yalnizca gorunum; HTML/SEO'ya dokunmaz.
   ================================================================ */
:root{
  --fxm-sy:#0b0b0d;        /* siyah   */
  --fxm-kr:#e5091e;        /* kirmizi */
  --fxm-gr:#f2f3f5;        /* zemin   */
  --fxm-ln:#dcdee3;        /* cizgi   */
  --fxm-tx2:#6d727b;       /* soluk yazi */
  --fxm-golge:0 10px 26px rgba(11,11,13,.10);
}

/* ---------------- SAYFA ZEMİNİ ---------------- */
body{ background:var(--fxm-gr); color:var(--fxm-sy); }
.bg-body, .bg-body-2{ background:var(--fxm-gr) !important; }


/* ================= ÜST BAR (header-top-bar) — yeniden tasarim =====
   Eskiden mavi gradyan + kalin (py-3) bir seritti. Artik: ince siyah
   cizgi serit, minik buyuk-harf baglantilar, kirmizi alt-cizgi animasyonu,
   sagda ince ayraclarla ayrilmis menu, solda tarih.                  */
.header-top-bar{
  background:var(--fxm-sy) !important; border-bottom:1px solid rgba(255,255,255,.07);
  box-shadow:none !important; margin:0 !important;
}
.header-top-bar .top-bar-top, .top-bar-top.bg-accent{
  background:transparent !important; margin:0 !important; border:0 !important;
  box-shadow:none !important; padding-top:0 !important; padding-bottom:0 !important;
}
.header-top-bar .container{ position:relative; }
/* Tema kalintilari: li/a uzerindeki beyaz-gri kutular, kenarlik, radius */
.header-top-bar li, .header-top-bar li > *, .header-top-bar ul,
.header-top-bar a, .header-top-bar .tmenu_icon{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  border-radius:0 !important;
}
/* Bootstrap col-3/col-9 bolunmesi tarihi alt satira itiyordu: tek satir yap */
.header-top-bar .row{ display:flex !important; flex-wrap:nowrap; align-items:center; margin:0; }
.header-top-bar .row > [class*="col-"]{
  flex:0 0 auto !important; width:auto !important; max-width:none !important;
  padding-left:0 !important; padding-right:0 !important;
}
.header-top-bar .row > .col-lg-9{ margin-left:auto; }
.header-top-bar ul{ flex-wrap:nowrap; }
/* solda ince kirmizi dikey isaret */
.header-top-bar .container:before{
  content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:3px; height:15px; background:var(--fxm-kr);
}
.header-top-bar ul{
  list-style:none; margin:0; padding:0; display:flex; align-items:center;
  gap:0; min-height:38px; flex-wrap:wrap;
}
.header-top-bar .news-info-list{ padding-left:14px; }
.header-top-bar .header-top-menu{ justify-content:flex-end; }
.header-top-bar li{ margin:0 !important; display:flex; align-items:center; }
/* sagdaki menude ogeler arasi ince ayrac */
.header-top-bar .header-top-menu li + li:before{
  content:""; width:1px; height:12px; background:rgba(255,255,255,.14); margin:0 2px;
}
.header-top-bar a{
  display:inline-flex; align-items:center; gap:6px; position:relative;
  padding:11px 13px; color:#9aa0a8 !important; text-decoration:none;
  font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase;
  transition:color .2s ease;
}
.header-top-bar a:hover{ color:#fff !important; }
/* kirmizi alt cizgi: ortadan disa acilir */
.header-top-bar a:after{
  content:""; position:absolute; left:13px; right:13px; bottom:6px; height:2px;
  background:var(--fxm-kr); transform:scaleX(0); transform-origin:center;
  transition:transform .25s cubic-bezier(.2,.7,.2,1);
}
.header-top-bar a:hover:after{ transform:scaleX(1); }
.header-top-bar i, .header-top-bar .tmenu_icon i{ color:var(--fxm-kr) !important; font-size:12px; }
.header-top-bar .tmenu_icon{ display:inline-flex; }
/* tarih (PHP ile eklendi) */
.header-top-bar .fxm-tarih{
  color:#6d727b; font-size:11px; font-weight:800; letter-spacing:.13em;
  text-transform:uppercase; padding:11px 13px; white-space:nowrap;
}
.header-top-bar .fxm-tarih i{ margin-right:6px; }
@media(max-width:991px){
  .header-top-bar .container:before{ display:none; }
  .header-top-bar ul{ justify-content:center; min-height:34px; }
  .header-top-bar .news-info-list{ padding-left:0; }
}

/* ---------------- SON DAKİKA ---------------- */
.breaking-news-bar{
  background:var(--fxm-sy) !important; border:0 !important; border-radius:0 !important;
  box-shadow:none !important; overflow:hidden; margin:0;
}
.breaking-news-title{
  background:var(--fxm-kr) !important; color:#fff !important; border-radius:0 !important;
  font-weight:900 !important; letter-spacing:.14em; text-transform:uppercase;
}
.breaking-news-title *{ color:#fff !important; }
.news-container, .news-container *, .news-item, .news-item *{ background:transparent !important; }
.news-item, .news-item *, .news-item a, .news-container a{ color:#c9ccd2 !important; }
.news-item a:hover{ color:#fff !important; }
.news-time{ color:var(--fxm-kr) !important; font-weight:800; }
.news-controls i{ color:#c9ccd2 !important; }

/* ---------------- BÖLÜM ARALIĞI ---------------- */
/* Kullanicinin isaret ettigi sarmalayici: section-space-default py-0 mt-20 */
section.section-space-default{ padding-top:30px; padding-bottom:30px; }
section.section-space-default.py-0{ padding-top:0 !important; padding-bottom:0 !important; }
.mt-20{ margin-top:34px !important; }
.row.tab-space8 > [class*=col-], .row.tab-space4 > [class*=col-]{ margin-bottom:12px; }

/* ---------------- BÖLÜM BAŞLIĞI: siyah blok + kirmizi vurgu ------- */
.topic-border{ border:0 !important; margin-bottom:0 !important; position:relative; }
.topic-border:after{
  content:""; display:block; height:3px; background:var(--fxm-sy); margin-top:-3px;
}
.topic-box-lg, .topic-box-lg.color-cod-gray, .topic-box-lg[class*=color-]{
  display:inline-block; background:var(--fxm-sy) !important; color:#fff !important;
  font-weight:900 !important; font-size:14px !important; letter-spacing:.12em;
  text-transform:uppercase; padding:11px 18px !important; border-radius:0 !important;
  box-shadow:none !important; border:0 !important; position:relative; z-index:2;
}
.topic-box-lg:after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:var(--fxm-kr);
}

/* ---------------- KATEGORİ ROZETİ: duz kirmizi ---------------- */
.topic-box-sm, .topic-box-sm[class*=color-]{
  display:inline-block; background:var(--fxm-kr) !important; color:#fff !important;
  padding:5px 10px !important; border-radius:0 !important;
  font-size:10px !important; font-weight:900 !important; letter-spacing:.13em;
  text-transform:uppercase; box-shadow:none !important; border:0 !important;
}
/* Gorsel uzerindeki mutlak rozet sol-ust kose (position-relative olan ic
   yerlesimler ezilmesin — cakismaya yol aciyordu). */
.position-relative > .topic-box-top-xs:not(.position-relative){
  top:0 !important; left:0 !important;
}

/* ---------------- KART: duz beyaz kutu, sert kose ---------------- */
.item-shadow-gray{
  background:#fff; border-radius:0; overflow:hidden; position:relative;
  box-shadow:0 1px 2px rgba(11,11,13,.06); border:0;
  transition:transform .22s cubic-bezier(.2,.7,.2,1), box-shadow .22s ease;
}
.item-shadow-gray:hover{ transform:translateY(-3px); box-shadow:var(--fxm-golge); }
.item-shadow-gray:before{
  content:""; position:absolute; top:0; left:0; right:0; height:3px; z-index:4;
  background:var(--fxm-kr); transform:scaleX(0); transform-origin:left;
  transition:transform .28s cubic-bezier(.2,.7,.2,1);
}
.item-shadow-gray:hover:before{ transform:scaleX(1); }
/* ic ice gecen kart kabuklari golge/kose tekrarlamasin */
.item-shadow-gray .item-shadow-gray{ box-shadow:none !important; border-radius:0 !important; }
.item-shadow-gray .item-shadow-gray:before{ display:none; }
.item-box-light-md{ background:#fff; border-radius:0; box-shadow:0 1px 2px rgba(11,11,13,.06); }

.box-padding15{ padding:14px 16px 17px !important; }
.item-shadow-gray a.img-opacity-hover{ display:block; overflow:hidden; }
.item-shadow-gray .img-fluid{ display:block; width:100%; transition:transform .5s cubic-bezier(.2,.7,.2,1); }
.item-shadow-gray:hover .img-fluid{ transform:scale(1.045); }

/* ---------------- TİPOGRAFİ ---------------- */
.title-medium-dark, .title-medium-dark a,
.title-semibold-dark, .title-semibold-dark a{ color:var(--fxm-sy) !important; }
.title-medium-dark, .title-semibold-dark{
  font-weight:900 !important; line-height:1.28 !important; letter-spacing:-.02em;
}
.title-medium-dark a:hover, .title-semibold-dark a:hover{ color:var(--fxm-kr) !important; }
.title-medium-light, .title-medium-light a{ color:#fff !important; font-weight:900 !important; }

/* tarih / meta */
.post-date-dark, .box-padding15 .text-dark{ color:var(--fxm-tx2) !important; font-size:12px !important; }
.post-date-dark i, .box-padding15 .text-dark i{ color:var(--fxm-kr) !important; }

/* ---------------- MANŞET SLAYTI (kategori sayfasi) ------------- */
.manset-slide2{ border-radius:0 !important; }
.manset-overlay{
  background:linear-gradient(0deg,rgba(6,6,8,.94) 6%,rgba(6,6,8,.30) 58%,transparent) !important;
}
.manset-overlay h4, .manset-overlay .text-light{ color:#fff !important; }
.manset-overlay h4{ font-weight:900 !important; letter-spacing:-.02em; }

/* ---------------- BREADCRUMB ---------------- */
.breadcrumbs-area{ background:#fff !important; border-bottom:1px solid var(--fxm-ln); }
.breadcrumbs-area .breadcrumb{ background:transparent !important; margin:0; padding:11px 0; }
.breadcrumbs-area .breadcrumb-item, .breadcrumbs-area .breadcrumb-item a{
  color:var(--fxm-tx2) !important; font-size:12px; font-weight:700; letter-spacing:.04em;
  text-transform:uppercase;
}
.breadcrumbs-area .breadcrumb-item a:hover{ color:var(--fxm-kr) !important; }

/* ---------------- KENAR ÇUBUĞU ---------------- */
.sidebar-box{ background:#fff; padding:0 0 4px; box-shadow:0 1px 2px rgba(11,11,13,.06); }
.sidebar-box .topic-border{ margin-bottom:0 !important; }
.sidebar-box .row, .sidebar-box > div:not(.topic-border){ padding-left:14px; padding-right:14px; }

/* ---------------- SAYFALAMA ---------------- */
.pagination-btn-wrapper ul{ display:inline-flex; gap:6px; list-style:none; padding:0; margin:0; flex-wrap:wrap; }
.pagination-btn-wrapper li{ margin:0 !important; }
.pagination-btn-wrapper li a, .pagination-btn-wrapper li span{
  display:block; min-width:38px; padding:9px 12px; background:#fff; color:var(--fxm-sy);
  border:1px solid var(--fxm-ln); border-radius:0 !important; font-weight:800; font-size:14px;
  text-decoration:none; transition:.18s;
}
.pagination-btn-wrapper li a:hover{ background:var(--fxm-sy); color:#fff; border-color:var(--fxm-sy); }
.pagination-btn-wrapper li.active a, .pagination-btn-wrapper li a.active,
.pagination-btn-wrapper li span.current{
  background:var(--fxm-kr) !important; color:#fff !important; border-color:var(--fxm-kr) !important;
}

/* ---------------- BUTONLAR ---------------- */
.btn, button.btn{
  background:var(--fxm-sy) !important; border:0 !important; color:#fff !important;
  border-radius:0 !important; font-weight:800; letter-spacing:.06em; box-shadow:none !important;
}
.btn:hover, button.btn:hover{ background:var(--fxm-kr) !important; }

/* ---------------- KÜÇÜK EKRAN ---------------- */
@media(max-width:767px){
  .topic-box-lg{ font-size:13px !important; padding:10px 14px !important; }
  .mt-20{ margin-top:24px !important; }
  section.section-space-default{ padding-top:20px; padding-bottom:20px; }
}

/* ================= ANA MENÜ (main-menu-area) — yeniden tasarim =====
   Eskiden logo + ortada bosluga dagilmis linkler + serbest gezen arama/
   hamburger vardi. Artik: beyaz serit, altinda 3px siyah kural, buyuk-harf
   letterspaced baglantilar, kirmizi ortadan-acilan alt cizgi, kare eylem
   dugmeleri ve duz (sert koseli) acilir menu.                          */
.main-menu-area, .main-menu-area.bg-body{
  background:#fff !important; border-bottom:3px solid var(--fxm-sy);
  box-shadow:none !important;
}
.main-menu-area .row{ min-height:68px; align-items:center; }
.main-menu-area .logo-area img{ max-height:46px; width:auto; }

/* baglantilar */
.ne-main-menu nav > ul{
  display:flex !important; align-items:center; justify-content:center;
  gap:0; list-style:none; margin:0; padding:0; flex-wrap:wrap;
}
.ne-main-menu nav > ul > li{ margin:0 !important; position:relative; }
.ne-main-menu nav > ul > li > a{
  display:block; position:relative; padding:23px 15px;
  font-size:12.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
  color:var(--fxm-sy) !important; text-decoration:none; transition:color .2s ease;
}
.ne-main-menu nav > ul > li > a:after{
  content:""; position:absolute; left:15px; right:15px; bottom:16px; height:2px;
  background:var(--fxm-kr); transform:scaleX(0); transform-origin:center;
  transition:transform .25s cubic-bezier(.2,.7,.2,1);
}
.ne-main-menu nav > ul > li:hover > a{ color:var(--fxm-kr) !important; }
.ne-main-menu nav > ul > li:hover > a:after{ transform:scaleX(1); }

/* acilir menu: duz, sert kose, kirmizi ust cizgi */
.ne-main-menu .ne-dropdown-menu{
  background:#fff !important; border:0 !important; border-top:3px solid var(--fxm-kr) !important;
  border-radius:0 !important; box-shadow:0 18px 40px rgba(11,11,13,.16) !important;
  padding:6px 0 !important; min-width:238px;
}
.ne-main-menu .ne-dropdown-menu li a{
  padding:10px 18px !important; font-size:13px !important; font-weight:700 !important;
  letter-spacing:0 !important; text-transform:none !important;
  color:var(--fxm-sy) !important; border:0 !important;
}
.ne-main-menu .ne-dropdown-menu li a:hover{
  background:var(--fxm-gr) !important; color:var(--fxm-kr) !important; padding-left:22px !important;
}

/* sag eylemler: arama + yan menu = kare dugmeler */
.main-menu-area .header-action-item > ul{
  display:flex; align-items:center; gap:8px; list-style:none; margin:0; padding:0;
}
.main-menu-area .header-action-item > ul > li{ margin:0 !important; }
.main-menu-area .search-button, .main-menu-area #side-menu-trigger .menu-bar{
  display:flex !important; align-items:center; justify-content:center;
  width:38px; height:38px; background:#fff; border:1px solid var(--fxm-ln) !important;
  border-radius:0 !important; color:var(--fxm-sy) !important; cursor:pointer;
  transition:.2s; padding:0 !important;
}
.main-menu-area .search-button:hover, .main-menu-area #side-menu-trigger .menu-bar:hover{
  background:var(--fxm-sy); border-color:var(--fxm-sy) !important; color:#fff !important;
}
.main-menu-area .search-button:hover i{ color:#fff !important; }
.main-menu-area #side-menu-trigger .menu-bar span{
  background:currentColor !important; height:2px; width:16px; margin:2px 0; display:block;
}
.main-menu-area .search-input{
  border:1px solid var(--fxm-ln) !important; border-radius:0 !important;
  height:38px; padding:0 12px; font-size:13px; outline:none;
}
.main-menu-area .search-input:focus{ border-color:var(--fxm-sy) !important; }

/* ================= TAKIM LOGOSU ŞERİDİ (fxm-takim-serit) ========== */
section.fxm-takim-serit{
  background:#fff; border-bottom:1px solid var(--fxm-ln); padding:0; margin:0;
}
section.fxm-takim-serit .cat-flex{
  display:flex; align-items:center; justify-content:center; flex-wrap:nowrap;
  gap:0; overflow-x:auto; padding:9px 0; scrollbar-width:none;
}
section.fxm-takim-serit .cat-flex::-webkit-scrollbar{ display:none; }
section.fxm-takim-serit .cat-item{
  flex:0 0 auto; padding:0 15px; position:relative; margin:0;
}
section.fxm-takim-serit .cat-item + .cat-item:before{
  content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:1px; height:20px; background:var(--fxm-ln);
}
section.fxm-takim-serit .cat-item img{
  width:34px; height:34px; object-fit:contain; display:block;
  filter:grayscale(1); opacity:.62; transition:filter .22s, opacity .22s, transform .22s;
}
section.fxm-takim-serit .cat-item a:hover img{
  filter:none; opacity:1; transform:translateY(-2px);
}

@media(max-width:991px){
  .main-menu-area .row{ min-height:58px; }
  section.fxm-takim-serit .cat-flex{ justify-content:flex-start; padding:8px 0; }
  section.fxm-takim-serit .cat-item{ padding:0 11px; }
}

/* ---- Duzeltmeler (ekran goruntusuyle yakalandi) ---- */
/* Hamburger: tema span'lari mutlak konumlu, tek cizgi gibi goruntu veriyordu */
.main-menu-area #side-menu-trigger .menu-bar{
  flex-direction:column; gap:4px;
}
.main-menu-area #side-menu-trigger .menu-bar span{
  position:static !important; top:auto !important; left:auto !important;
  width:16px !important; height:2px !important; margin:0 !important;
  background:currentColor !important; display:block !important;
}
/* Takim logolari: tam gri fazla soluktu — hafif desatüre, hover'da tam renk */
section.fxm-takim-serit .cat-item img{ filter:grayscale(.5); opacity:.86; }
section.fxm-takim-serit .cat-item a:hover img{ filter:grayscale(0); opacity:1; }

/* ---- Kalan mavi ogeler mozaik diline cekildi ---- */
/* Kategori sayfasindaki manset slayt numaralari (owl-dot) */
.owl-dots .owl-dot{ background:var(--fxm-sy) !important; border-radius:0 !important; color:#fff !important; }
.owl-dots .owl-dot span{ background:transparent !important; color:#fff !important; }
.owl-dots .owl-dot.active{ background:var(--fxm-kr) !important; }
.owl-dots .owl-dot:hover{ background:#22242b !important; }
.owl-nav button.owl-prev, .owl-nav button.owl-next{
  background:var(--fxm-sy) !important; color:#fff !important; border-radius:0 !important;
}
.owl-nav button.owl-prev:hover, .owl-nav button.owl-next:hover{ background:var(--fxm-kr) !important; }

/* Cerez bildirimi: siyah kart + kirmizi vurgu */
.alert-popup__policy-card{
  background:var(--fxm-sy) !important; color:#c9ccd2 !important;
  border-radius:0 !important; border-left:4px solid var(--fxm-kr) !important;
  box-shadow:0 18px 44px rgba(11,11,13,.35) !important;
}
.alert-popup__policy-card *{ color:#c9ccd2 !important; }
.alert-popup__policy-card h1, .alert-popup__policy-card h2,
.alert-popup__policy-card h3, .alert-popup__policy-card h4,
.alert-popup__policy-card strong, .alert-popup__policy-card b{ color:#fff !important; }
.alert-popup__policy-card a{ color:#fff !important; text-decoration:underline; }
.alert-popup__policy-card a:hover{ color:var(--fxm-kr) !important; }
.alert-popup-button, .alert-popup__policy-card-close{
  background:var(--fxm-kr) !important; color:#fff !important; border:0 !important;
  border-radius:0 !important; font-weight:800 !important; letter-spacing:.08em;
}
.alert-popup-button:hover, .alert-popup__policy-card-close:hover{ background:#fff !important; color:var(--fxm-sy) !important; }

/* ---- ROZET: mavi ::after katmani (tuzak) ----
   .topic-box-sm'in KENDI arka plani kirmizi oluyordu ama tema, rozetin
   rengini `::after` (tam boy, z-index:-1) + `::before` (kose kivrimi) ile
   boyuyor. Sozde-elemanlar getComputedStyle(el) ile GORUNMEZ; bu yuzden
   "hesaplanan renk kirmizi ama ekran mavi" celiskisi cikti. */
.topic-box-sm:after, .topic-box-sm[class*="color-"]:after{
  background:var(--fxm-kr) !important; background-image:none !important;
  border-radius:0 !important;
}
.topic-box-sm:before, .topic-box-sm[class*="color-"]:before{ display:none !important; }
/* Bolum basligi da ayni yapida olabilir: ust katmani siyah tut, kirmizi seridi koru */
.topic-box-lg[class*="color-"]:before{ display:none !important; }

/* ---- TAKIM ŞERİDİ: daha büyük, daha canlı (kullanici istegi) ---- */
section.fxm-takim-serit .cat-flex{ padding:14px 0; }
section.fxm-takim-serit .cat-item{ padding:0 20px; }
section.fxm-takim-serit .cat-item + .cat-item:before{ height:30px; }
section.fxm-takim-serit .cat-item img{
  width:50px !important; height:50px !important;
  filter:none !important; opacity:1 !important;
}
section.fxm-takim-serit .cat-item a:hover img{ transform:translateY(-3px) scale(1.06); }
@media(max-width:991px){
  section.fxm-takim-serit .cat-item{ padding:0 14px; }
  section.fxm-takim-serit .cat-item img{ width:42px !important; height:42px !important; }
}

/* Logolar buyuyunce serit tasti ve `justify-content:center` bastaki
   logolari erisilemez kildi (tasma durumunda merkezleme veri kaybettirir).
   `safe center` tasma varsa basa hizalar; ayrica bosluk biraz daraltildi. */
section.fxm-takim-serit .cat-flex{ justify-content:center; justify-content:safe center; }
section.fxm-takim-serit .cat-item{ padding:0 16px; }

/* ---- Kategori sayfasi H1 (yeni) ---- */
section.fxm-kategori-basligi{ background:var(--fxm-gr); padding:22px 0 0; }
section.fxm-kategori-basligi h1{
  margin:0; font-size:34px; font-weight:900; letter-spacing:-.03em;
  text-transform:uppercase; color:var(--fxm-sy); line-height:1;
  display:flex; align-items:center; gap:14px;
}
section.fxm-kategori-basligi h1:after{
  content:""; flex:1; height:3px; background:var(--fxm-sy);
}
section.fxm-kategori-basligi h1 span{
  border-left:5px solid var(--fxm-kr); padding-left:13px;
}
@media(max-width:767px){ section.fxm-kategori-basligi h1{ font-size:24px; } }

/* Slayt numaralari: tema `#MansetSlider2 .owl-dot.active{...!important}` ile
   id ozgullugunde maviye zorluyordu — ayni ozgullukte ezmek gerekti. */
[id*="Manset"] .owl-dot, #MansetSlider2 .owl-dot, #MansetSlider .owl-dot{
  background:var(--fxm-sy) !important; background-color:var(--fxm-sy) !important;
  border-radius:0 !important; color:#fff !important;
}
[id*="Manset"] .owl-dot.active, #MansetSlider2 .owl-dot.active, #MansetSlider .owl-dot.active{
  background:var(--fxm-kr) !important; background-color:var(--fxm-kr) !important;
}
[id*="Manset"] .owl-dot:hover, #MansetSlider2 .owl-dot:hover{
  background:#22242b !important; background-color:#22242b !important;
}

/* 18 logo `.container` (1110px) icine sigmiyordu; serit tam genislige
   alindi ve logo/bosluk 18 tanesi tek ekrana sigacak sekilde ayarlandi. */
section.fxm-takim-serit > .container{ max-width:100% !important; padding:0 18px !important; }
section.fxm-takim-serit .cat-item{ padding:0 15px; }
section.fxm-takim-serit .cat-item img{ width:46px !important; height:46px !important; }
@media(max-width:1399px){
  section.fxm-takim-serit .cat-item{ padding:0 12px; }
  section.fxm-takim-serit .cat-item img{ width:42px !important; height:42px !important; }
}
@media(max-width:991px){
  section.fxm-takim-serit .cat-item{ padding:0 11px; }
  section.fxm-takim-serit .cat-item img{ width:38px !important; height:38px !important; }
}

/* ================= ANA MENÜ: daha güçlü (kullanici "sönük" dedi) =====
   Beyaz serit yerine derin siyah zemin, kirmizi uzerine oturan aktif
   durum, logonun yanina ince ayrac, kalin ust-alt kurallar.            */
.main-menu-area, .main-menu-area.bg-body{
  background:var(--fxm-sy) !important;
  border-top:3px solid var(--fxm-kr);
  border-bottom:0;
  box-shadow:0 6px 18px rgba(11,11,13,.18) !important;
}
.main-menu-area .row{ min-height:74px; }
.main-menu-area .logo-area{ position:relative; padding-right:26px; }
.main-menu-area .logo-area:after{
  content:""; position:absolute; right:0; top:50%; transform:translateY(-50%);
  width:1px; height:34px; background:rgba(255,255,255,.16);
}
.main-menu-area .logo-area img{ max-height:48px; }

/* baglantilar: beyaz -> kirmizi zeminli aktif blok */
.ne-main-menu nav > ul > li > a{
  color:#e9ecf1 !important; padding:26px 16px; font-size:12.5px;
}
.ne-main-menu nav > ul > li > a:after{
  bottom:18px; height:3px; background:var(--fxm-kr);
}
.ne-main-menu nav > ul > li:hover > a{ color:#fff !important; background:rgba(255,255,255,.05); }
.ne-main-menu nav > ul > li:hover > a:after{ transform:scaleX(1); }
/* temanin kirmizi <font> ile isaretledigi oge (YARDIM) okunur kalsin */
.ne-main-menu nav > ul > li > a font[color="red"],
.ne-main-menu nav > ul > li > a font{ color:#ff5566 !important; }

/* acilir menu koyu zemine oturuyor */
.ne-main-menu .ne-dropdown-menu{
  background:#14161c !important; border-top:3px solid var(--fxm-kr) !important;
  box-shadow:0 22px 46px rgba(0,0,0,.45) !important;
}
.ne-main-menu .ne-dropdown-menu li a{ color:#cfd5de !important; }
.ne-main-menu .ne-dropdown-menu li a:hover{
  background:rgba(255,255,255,.06) !important; color:#fff !important;
}

/* eylem dugmeleri koyu zemine gore */
.main-menu-area .search-button, .main-menu-area #side-menu-trigger .menu-bar{
  background:transparent; border:1px solid rgba(255,255,255,.22) !important; color:#e9ecf1 !important;
}
.main-menu-area .search-button:hover, .main-menu-area #side-menu-trigger .menu-bar:hover{
  background:var(--fxm-kr); border-color:var(--fxm-kr) !important; color:#fff !important;
}
.main-menu-area .search-input{
  background:rgba(255,255,255,.07) !important; color:#fff !important;
  border-color:rgba(255,255,255,.22) !important;
}
.main-menu-area .search-input::placeholder{ color:#8b94a3 !important; }

/* ust bar artik menunun uzerinde ayni koyu ailede: ince ayrim yeter */
.header-top-bar{ border-bottom:1px solid rgba(255,255,255,.08); }

/* ================= ŞERİTTE PUAN SIRASI ROZETİ ================= */
section.fxm-takim-serit .cat-item a{ display:block; position:relative; padding-top:4px; }
section.fxm-takim-serit .cat-sira{
  position:absolute; top:-3px; right:-4px; min-width:17px; height:17px;
  display:flex; align-items:center; justify-content:center; padding:0 3px;
  background:var(--fxm-sy); color:#fff; font-size:10px; font-weight:900;
  line-height:1; border-radius:0; letter-spacing:0;
}
section.fxm-takim-serit .cat-sira.lider{ background:var(--fxm-kr); }
section.fxm-takim-serit .cat-item a:hover .cat-sira{ background:var(--fxm-kr); }

/* Arama ikonu koyu zeminde kayboluyordu */
.main-menu-area .search-button i, .main-menu-area .search-button svg{ color:inherit !important; opacity:1 !important; font-size:14px; }
.main-menu-area #side-menu-trigger .menu-bar span{ background:currentColor !important; }

/* Mobil menu acma dugmesi (meanmenu) — SEO araci "title yok" diyordu.
   JS ureten bir oge oldugu icin title'i sayfa yuklendiginde JS ekliyor
   (asagida index.php'de); burada yalnizca gorunum. */
.mean-container .meanmenu-reveal{ color:#fff !important; }

/* ================= MENÜDEN ŞERİDE GEÇİŞ =================
   Takım logosu şeridi düz beyazdı ve menünün altında sert bir kesik
   oluşturuyordu. Artık menünün koyu tonu yumuşak bir gradyanla aşağı
   iniyor; solda menüdeki kırmızı sıcaklığın devamı var. Logolar
   okunurluğunu koruyor çünkü alt yarısı beyaza çıkıyor. */
section.fxm-takim-serit{
  background:
    radial-gradient(420px 90px at 13% 0%, rgba(229,9,30,.13), transparent 72%),
    linear-gradient(180deg,
      rgba(20,23,32,.16) 0%,
      rgba(20,23,32,.07) 34%,
      rgba(20,23,32,.02) 62%,
      #ffffff 100%);
  border-bottom:1px solid var(--fxm-ln);
  box-shadow:inset 0 6px 12px -8px rgba(10,11,14,.55);
}

/* ================= SON DAKİKA ŞERİDİ (site geneli) ================= */
.fx-sd{
  background:var(--fxm-sy); border-bottom:3px solid var(--fxm-kr);
  overflow:hidden; position:relative;
}
.fx-sd .fx-sd-ic{ display:flex; align-items:center; gap:0; height:46px; }
.fx-sd-etiket{
  flex:0 0 auto; display:inline-flex; align-items:center; gap:7px;
  background:var(--fxm-kr); color:#fff; font-size:11px; font-weight:900;
  letter-spacing:.14em; padding:0 15px; height:100%; white-space:nowrap;
  position:relative; z-index:2;
}
.fx-sd-etiket i{ font-size:12px; }
.fx-sd-pencere{ flex:1 1 auto; overflow:hidden; height:100%; position:relative; }
.fx-sd-pencere:after{
  content:""; position:absolute; right:0; top:0; bottom:0; width:60px; z-index:2;
  background:linear-gradient(90deg,transparent,var(--fxm-sy));
  pointer-events:none;
}
.fx-sd-akis{
  display:flex; align-items:center; height:100%; width:max-content;
  animation:fxSdKay 70s linear infinite;
}
.fx-sd:hover .fx-sd-akis{ animation-play-state:paused; }
.fx-sd-akis a{
  display:inline-flex; align-items:center; gap:9px; white-space:nowrap;
  padding:0 22px; color:#c9ccd2 !important; text-decoration:none;
  font-size:14px; line-height:1;
}
.fx-sd-akis a:hover{ color:#fff !important; }
.fx-sd-akis em{
  font-style:normal; color:var(--fxm-kr); font-weight:900; font-size:13px;
  font-variant-numeric:tabular-nums;
}
@keyframes fxSdKay{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce){
  .fx-sd-akis{ animation:none; }
  .fx-sd-pencere{ overflow-x:auto; }
}
@media(max-width:767px){
  .fx-sd .fx-sd-ic{ height:40px; }
  .fx-sd-etiket{ font-size:10px; padding:0 11px; letter-spacing:.1em; }
  .fx-sd-akis a{ font-size:13px; padding:0 16px; }
}

/* ================= BREADCRUMB (yeniden tasarım) ================= */
.breadcrumbs-area{
  background:#fff !important; border-bottom:1px solid var(--fxm-ln) !important;
  border-top:0 !important;
}
.breadcrumbs-area .breadcrumb{
  background:transparent !important; margin:0 !important; padding:13px 0 !important;
  display:flex; align-items:center; flex-wrap:wrap; gap:0; list-style:none;
}
.breadcrumbs-area .breadcrumb-item{
  display:flex; align-items:center; font-size:12px; font-weight:800;
  letter-spacing:.06em; text-transform:uppercase; color:var(--fxm-tx2) !important;
  padding:0 !important;
}
.breadcrumbs-area .breadcrumb-item + .breadcrumb-item:before{
  content:"" !important; display:inline-block; width:5px; height:5px;
  background:var(--fxm-kr); margin:0 12px; padding:0 !important;
  transform:rotate(45deg);
}
.breadcrumbs-area .breadcrumb-item a{
  color:var(--fxm-tx2) !important; text-decoration:none; transition:color .18s;
}
.breadcrumbs-area .breadcrumb-item a:hover{ color:var(--fxm-kr) !important; }
/* son öge = bulunulan sayfa */
.breadcrumbs-area .breadcrumb-item:last-child{
  color:var(--fxm-sy) !important; font-weight:900;
  max-width:52ch; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
@media(max-width:767px){
  .breadcrumbs-area .breadcrumb{ padding:10px 0 !important; }
  .breadcrumbs-area .breadcrumb-item{ font-size:11px; }
  .breadcrumbs-area .breadcrumb-item:last-child{ max-width:26ch; }
}

/* Kayan başlıklar etikete bitişik başlamasın: solda da yumuşak maske */
.fx-sd-pencere:before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:34px; z-index:2;
  background:linear-gradient(270deg,transparent,var(--fxm-sy)); pointer-events:none;
}

/* ================= BÖLÜM BAŞLIĞI — güçlendirildi =================
   `topic-box-lg` (Manşet Haberleri, Çok Okunanlar, Foto Galeri…) sönük
   kalıyordu: yazı küçüktü, blok inceydi, kırmızı vurgu görünmüyordu.
   Artık: kalın siyah blok + solda kırmızı kep + büyük harf 14px/900 +
   altta kırmızı kural + sağda kırmızı ok. */
.topic-box-lg, .topic-box-lg.color-cod-gray, .topic-box-lg[class*="color-"]{
  position:relative; display:block; width:100%;
  background:linear-gradient(90deg,var(--fxm-kr) 0, var(--fxm-kr) 7px, var(--fxm-sy) 7px) !important;
  color:#fff !important; font-size:14px !important; font-weight:900 !important;
  letter-spacing:.15em; text-transform:uppercase;
  padding:15px 40px 15px 22px !important; border-radius:0 !important;
  box-shadow:0 6px 14px -8px rgba(11,11,13,.55) !important;
}
.topic-box-lg:after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:3px;
  background:var(--fxm-kr);
}
/* sağda kırmızı ok işareti */
.topic-box-lg:before{
  content:""; position:absolute; right:18px; top:50%; margin-top:-4px;
  width:8px; height:8px; border-right:2px solid var(--fxm-kr);
  border-bottom:2px solid var(--fxm-kr); transform:rotate(-45deg);
  display:block !important; background:transparent !important;
}
/* kenar çubuğunda da aynı ölçüler geçerli olsun */
.ne-sidebar .sidebar-box .topic-box-lg{
  font-size:14px !important; padding:15px 40px 15px 22px !important;
}
@media(max-width:767px){
  .topic-box-lg, .topic-box-lg[class*="color-"]{
    font-size:12.5px !important; padding:13px 34px 13px 18px !important;
  }
}