/* ============================================================================
   MrGamb v2 — Tüm dondurulmuş sayfalarda paylaşılan düzeltmeler / geliştirmeler.
   (freeze pipeline her sayfaya <link> ile ekler)
   ========================================================================== */

/* Fontlar yüklenene kadar da düzgün ağırlık */
body { font-family: "Rubik Regular", "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif; }

/* Sidebar daraltıldığında (74px ikon modu) içerik ikon şeridinin altında kalmasın.
   (Orijinal CSS yalnızca genişletilmiş mod için padding tanımlıyor.) */
@media (min-width: 992px) {
  body:has(#responsive-menu:not(.active-menu)) { padding-left: 74px !important; }
}

/* Auth modal sekme butonları (Giriş Yap / Kayıt Ol): iki ayrı capture arasında
   pasif butonun border-radius'u tutarsızdı (biri pill, biri köşeli). Aktif
   indicator ile aynı 13px'e sabitliyoruz → her iki durumda birebir aynı. */
.auth-modal .ato-btn { border-radius: 13px !important; }

/* Lowbar (FAB) açılınca app'i karartan/örten backdrop istenmiyor — kaldır.
   (Dışarı tıklayınca kapatma davranışı enhance.js'te ayrıca var.) */
.lowbar-fab__backdrop { display: none !important; }

/* Oyun satırları (section-carousel): swiper JS olmadığı için kartlar sabit
   genişlikte kalıyordu; responsive yapıp satır başına tam sayıda kart sığdırıyoruz. */
.section-carousel .swiper-wrapper { transform: none !important; }
.section-carousel .swiper-slide {
  margin-right: 16px !important;
  flex-shrink: 0 !important;
  box-sizing: border-box;
}
@media (min-width: 1280px) {
  .section-carousel .swiper-slide { width: calc((100% - 7 * 16px) / 8) !important; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .section-carousel .swiper-slide { width: calc((100% - 6 * 16px) / 7) !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .section-carousel .swiper-slide { width: calc((100% - 4 * 16px) / 5) !important; }
}
@media (max-width: 767px) {
  .section-carousel .swiper-slide { width: calc((100% - 2 * 12px) / 3) !important; margin-right: 12px !important; }
}

/* Logo boyutu (display:contents sarmalayıcı direct-child seçicisini bozabiliyor) */
.middle-header .logo img { height: 42px !important; width: auto !important; }
.middle-header .responsive-logo { display: none; }