/* Sanal Lig V197 — okunabilirlik onarimi (beyaz zemin uzerinde beyaz yazi)
   ---------------------------------------------------------------------------
   SORUN: assets/v60-ui/sanal-lig.css, .cardTitle kutusunu koyu lacivert
   gradyan yapip icindeki h2 yazisini #fff, .tag yazisini #f2d78e veriyor.
   Bu ikili KOYU zemin icin dogrudur. Ancak sonradan yuklenen
   assets/sanal-lig-v101.css yalnizca ".layout > aside.card > .cardTitle"
   secicisinin arka planini rgb(238,244,245) (ACIK) yapiyor ve yazi rengine
   dokunmuyor. Sonuc: acik zemin uzerinde beyaz/acik altin yazi -> gorunmez.
   Olculen kontrast orani 1.24 ve 1.23 (okunabilirlik icin en az 4.5 gerekir).

   COZUM: Yalnizca ACIK yapilan bu kutu icin yaziyi koyulastir. Koyu kalan
   diger .cardTitle kutulari etkilenmez; bu dosya en son yuklendigi ve ayni
   ozgullukte !important kullandigi icin sadece hedeflenen yerde kazanir. */

.layout > aside.card > .cardTitle h2 {
  color: #17324c !important;
}

.layout > aside.card > .cardTitle .tag {
  color: #274a66 !important;
  background: rgba(23, 50, 76, 0.07) !important;
  border-color: rgba(23, 50, 76, 0.24) !important;
}

/* Ayni sorun "Kupon" etiketinde de olusuyor (olculen oran 1.27 masaustu /
   1.16 mobil). Bu etiket acik zeminli baslik satirlarinda yer aliyor. */
.cardTitle .tag.v66FitRoundLabel {
  color: #274a66 !important;
  background: rgba(23, 50, 76, 0.07) !important;
  border-color: rgba(23, 50, 76, 0.24) !important;
}


/* --------------------------------------------------------------------------
   V197 — 1181px-1330px arasindaki yatay tasma onarimi
   --------------------------------------------------------------------------
   SORUN: assets/v61-ui/sanal-lig.css su kurali veriyor:
     .layout { grid-template-columns:
                 minmax(270px,310px) minmax(560px,1.35fr) minmax(390px,440px) }
   Sutun MINIMUMLARI toplami 270+560+390 = 1220px, buna 2 x 22px gap eklenince
   en az 1264px gerekiyor. Tek sutuna gecis ise @media(max-width:1180px)'de.
   Arada kalan 1181px-1310px araliginda (ornek: 1280px laptop) kapsayici
   yalnizca 1240px oldugu icin izgara sigmiyor ve sag panel ekrandan 4px
   tasiyor. Olculen: 1280x800'de 4px yatay tasma.

   COZUM: Bu aralikta minimumlari kaldir (minmax(0,...)), boylece sutunlar
   gerektigi kadar daralir. Diger tum genislikler etkilenmez. */

@media (min-width: 1181px) and (max-width: 1330px) {
  .layout,
  body.worldCupMode .layout {
    grid-template-columns: minmax(0, 250px) minmax(0, 1.35fr) minmax(0, 360px) !important;
  }
}