/* SroRadar ortak mobil duzeni.
   Her sayfada </head>'den hemen once, sayfa ici stillerden SONRA yuklenir; boylece onlari ezer.
   Amac: telefonda masaustu tasarimina yakin, yatay tasmayan bir gorunum. */

/* ---------- Ust menu (tum sayfalar) ----------
   1. satir: logo + arama + Giris Yap   2. satir: masaustundeki sayfa butonlarinin aynisi */
@media (max-width:760px){
  .nav .navin{position:relative;height:auto!important;min-height:0!important;flex-wrap:wrap!important;align-items:center;column-gap:8px!important;row-gap:8px!important;padding:8px 0 10px!important;width:calc(100% - 20px)!important;max-width:none!important}
  .nav .brand{flex:0 1 auto;min-width:0!important;margin:0 auto 0 0!important;gap:0!important}
  .nav .brandWordmark{height:44px!important;width:auto!important;max-width:150px!important}
  .nav .actions{display:contents!important}
  .nav .actions>*{order:1}
  .nav .navin::after{content:"";order:2;flex:0 0 100%;height:0}
  .nav .actions>a.btn{order:3;flex:1 1 0;min-width:0;display:inline-flex!important;align-items:center;justify-content:center;text-align:center;padding:10px 6px!important;font-size:11px!important;border-radius:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .nav .actions>button.btn{flex:0 0 auto;padding:10px 12px!important;font-size:11px!important;white-space:nowrap}
  .nav .navSearchSimple{flex:1 1 110px;min-width:0;max-width:220px}
  .nav .navSearchSimple input{width:100%!important;min-width:0}
  /* Sayfa ici yukari/asagi kaydirma butonlari: telefonda kucuk ve sag altta, icerigi ortmesin */
  .scrollNav{right:8px!important;top:auto!important;bottom:88px!important;transform:none!important;gap:8px!important}
  .scrollNavBtn{width:38px!important;height:38px!important}
}
@media (max-width:520px){
  /* Acilan arama kutusu menunun altinda tam genislikte acilir */
  .nav .compactSearch.expanded,.nav .compactSearch:focus-within{top:calc(100% + 6px)!important;right:0!important;width:100%!important}
}

/* ---------- Ana sayfa ---------- */
@media (max-width:680px){
  /* Hizli filtre: masaustundeki gibi TEK satir, parmakla yana kaydirilir */
  #featured .filterbar{flex-wrap:nowrap!important;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  #featured .filterbar::-webkit-scrollbar{display:none}
  #featured .filterbar>*{flex:0 0 auto}
  /* One cikan serverlar: masaustundeki gibi yan yana tek sira, kaydirilabilir */
  #serverCards{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:44%;gap:10px!important;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:4px}
  #serverCards::-webkit-scrollbar{display:none}
  #serverCards>*{scroll-snap-align:start;min-width:0}
  /* Acilis takvimi: bos gunler gizlenir, acilis olan gunler iki sutunlu ajanda olur */
  .calWrap{padding:12px!important}
  .calWrap .days{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start;overflow:visible!important;gap:8px!important}
  .calWrap .day{min-width:0!important;min-height:0!important}
  .calWrap .day:not(:has(.event)){display:none}
}

/* ---------- Server detay sayfasi ---------- */
@media (max-width:680px){
  /* Baglanti logolari masaustundeki boyuta yakin: ikili satirlar */
  .socialLinks{flex-wrap:wrap}
  .socialLink{flex:1 1 calc(50% - 1px)!important;padding:14px 10px!important;border-bottom:1px solid #1c1c1c}
  .socialLink img{max-width:140px!important}
}