/* FlatcastX V5.6 — Ana menüyle aynı buton; alt panel profil üzerine taşar. */
/* V3.5 menu-block overflow:hidden prevents overlay. Undo for menu box only. */
.page > .layout > .sidebar{overflow:visible!important;position:relative}
.page > .layout > .sidebar > .menu-block:first-child,
.page > .layout > .sidebar > .menu-block:has(.fx-lobby-menu-group){overflow:visible!important;position:relative;z-index:30}
.page > .layout > .sidebar > .menu-block:has(.fx-lobby-menu-group) > .menu-content{overflow:visible!important}
.page > .layout > .sidebar .fx-lobby-menu-group{position:relative;margin:2px 0!important;z-index:1}
.page > .layout > .sidebar .fx-lobby-menu-group:is(:hover,:focus-within,.is-open){z-index:50}
/* Main parent is ONE button: arrow is integrated at right. */
.page > .layout > .sidebar .fx-lobby-menu-parent{display:flex!important;align-items:stretch;gap:0!important;min-height:39px;margin:2px 0!important;overflow:hidden;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;transition:background .15s,border-color .15s,box-shadow .15s}
.page > .layout > .sidebar .fx-lobby-menu-parent > a.fx-main-menu-item{flex:1;min-width:0;display:flex!important;align-items:center!important;gap:9px!important;min-height:39px;padding:8px 2px 8px 10px!important;margin:0!important;color:#154770!important;font-size:12.5px!important;line-height:1.35!important;font-weight:700!important;text-decoration:none!important;white-space:normal;overflow-wrap:anywhere;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
.page > .layout > .sidebar .fx-lobby-menu-parent > a.fx-main-menu-item > i{display:inline-flex!important;flex:0 0 22px;align-items:center;justify-content:center;width:22px;height:24px;font-size:13px;background:#e7f4ff!important;color:#1379bc!important;border-radius:6px}
.page > .layout > .sidebar .fx-lobby-menu-parent > .fx-lobby-sub-toggle{flex:0 0 30px;min-width:30px;display:flex!important;align-items:center;justify-content:center;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#1c7eae!important;box-shadow:none!important;transform:none!important;cursor:pointer;font-size:13px!important;outline-offset:-3px}
.page > .layout > .sidebar .fx-lobby-menu-parent:hover,.page > .layout > .sidebar .fx-lobby-menu-group.is-open > .fx-lobby-menu-parent{background:#eaf5fd!important;border-color:#badbf3!important;box-shadow:inset 3px 0 0 #29a7ee!important}
.page > .layout > .sidebar .fx-lobby-menu-parent > .fx-lobby-sub-toggle:hover{color:#075888!important;background:rgba(43,151,224,.11)!important}
.page > .layout > .sidebar .fx-lobby-menu-parent > .fx-lobby-sub-toggle:focus-visible{outline:2px solid #4bb9f6!important}
.page > .layout > .sidebar .fx-lobby-menu-group.is-open > .fx-lobby-menu-parent > .fx-lobby-sub-toggle{color:#075888!important}
.page > .layout > .sidebar .fx-lobby-menu-group.is-open > .fx-lobby-menu-parent > .fx-lobby-sub-toggle .fx-lobby-arrow{transform:rotate(180deg)}
.page > .layout > .sidebar .fx-lobby-arrow{display:inline-block;transition:transform .16s ease}
/* Absolute overlay: NO layout push, covers profile section underneath. */
.page > .layout > .sidebar .fx-lobby-menu-group > .fx-lobby-submenu{position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:8px!important;border:1px solid #9ac9eb!important;border-left:3px solid #168bd2!important;border-radius:0 0 11px 11px!important;background:#f1f9ff!important;box-shadow:0 14px 29px rgba(8,50,84,.22)!important;z-index:60!important;animation:fxV56Reveal .17s ease-out both;max-height:min(62vh,420px);overflow-y:auto}
.page > .layout > .sidebar .fx-lobby-menu-group > .fx-lobby-submenu[hidden]{display:none!important}
.page > .layout > .sidebar .fx-lobby-submenu > a.fx-lobby-sub-item{display:flex!important;align-items:center;gap:9px;min-height:36px;padding:9px 10px!important;margin:3px 0!important;border-radius:8px!important;border:1px solid #c4dff2!important;background:#fff!important;color:#075382!important;font-size:inherit!important;font-weight:700;line-height:1.32;white-space:normal;overflow-wrap:anywhere;text-decoration:none;transition:background .16s,transform .16s}
.page > .layout > .sidebar .fx-lobby-submenu > a.fx-lobby-sub-item i{margin:0!important;color:#1687c9!important}
.page > .layout > .sidebar .fx-lobby-submenu > a.fx-lobby-sub-item:hover,.page > .layout > .sidebar .fx-lobby-submenu > a.fx-lobby-sub-item:focus-visible{background:#dff2ff!important;color:#03466e!important;transform:translateX(2px);outline:none}
html[data-fx-site-theme="dark"] .page > .layout > .sidebar .fx-lobby-menu-parent{background:#233951!important;border-color:#2e4762!important}
html[data-fx-site-theme="dark"] .page > .layout > .sidebar .fx-lobby-menu-parent > a.fx-main-menu-item{color:#d5e6f8!important}
html[data-fx-site-theme="dark"] .page > .layout > .sidebar .fx-lobby-menu-parent > a.fx-main-menu-item > i{background:#304d6c!important;color:#87cbfa!important}
html[data-fx-site-theme="dark"] .page > .layout > .sidebar .fx-lobby-menu-parent > .fx-lobby-sub-toggle{color:#a8d4f2!important}
html[data-fx-site-theme="dark"] .page > .layout > .sidebar .fx-lobby-menu-parent:hover,html[data-fx-site-theme="dark"] .page > .layout > .sidebar .fx-lobby-menu-group.is-open > .fx-lobby-menu-parent{background:#315474!important;border-color:#5684a6!important;box-shadow:inset 3px 0 0 #48b7f8!important}
html[data-fx-site-theme="dark"] .page > .layout > .sidebar .fx-lobby-submenu{background:#203b56!important;border-color:#416c8d!important;border-left-color:#43bafb!important;box-shadow:0 16px 29px rgba(0,0,0,.42)!important}
html[data-fx-site-theme="dark"] .page > .layout > .sidebar .fx-lobby-submenu > a.fx-lobby-sub-item{background:#1a324d!important;border-color:#345678!important;color:#dfedfc!important}
html[data-fx-site-theme="dark"] .page > .layout > .sidebar .fx-lobby-submenu > a.fx-lobby-sub-item i{color:#71c9fc!important}
html[data-fx-site-theme="dark"] .page > .layout > .sidebar .fx-lobby-submenu > a.fx-lobby-sub-item:hover,html[data-fx-site-theme="dark"] .page > .layout > .sidebar .fx-lobby-submenu > a.fx-lobby-sub-item:focus-visible{background:#275577!important;color:#fff!important}
@keyframes fxV56Reveal{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.page > .layout > .sidebar .fx-lobby-menu-group:hover > .fx-lobby-submenu[hidden]{display:block!important}}
@media(prefers-reduced-motion:reduce){.page > .layout > .sidebar .fx-lobby-submenu{animation:none!important}.page > .layout > .sidebar .fx-lobby-arrow{transition:none!important}}

/* V5.8 | Alt menulu ana butonlarin gorunumu diger lobi menuleriyle esit. */
/* Degisen tek UI bolumu: .fx-lobby-menu-parent dis kapsayicisi ve ok bolumu. */
html:not([data-fx-site-theme="dark"]) .page > .layout > .sidebar .fx-lobby-menu-parent {
  background: linear-gradient(180deg,#ffffff 0%,#f9fbfd 100%) !important;
  border: 1px solid #d7e3ee !important;
  border-radius: 7px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important;
}
/* Ana menunun bir butun olarak algilanmasi icin ok ayrik kutu degildir. */
html:not([data-fx-site-theme="dark"]) .page > .layout > .sidebar .fx-lobby-menu-parent > .fx-lobby-sub-toggle {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
html:not([data-fx-site-theme="dark"]) .page > .layout > .sidebar .fx-lobby-menu-parent:is(:hover,:focus-within),
html:not([data-fx-site-theme="dark"]) .page > .layout > .sidebar .fx-lobby-menu-group.is-open > .fx-lobby-menu-parent {
  background: #eaf5fd !important;
  border-color: #badbf3 !important;
  box-shadow: inset 3px 0 0 #29a7ee !important;
}
/* Koyu temada mevcut menulerin #233951 / #2e4762 degerleri korunur. */
html[data-fx-site-theme="dark"] .page > .layout > .sidebar .fx-lobby-menu-parent {
  border-radius: 7px !important;
}


/* FlatcastX V6.1 | Lobi ülke radyoları - yeni modern filtre çubuğu.
   V5.9'da ülke CSS bağlantısı doğrulama sayfasına eklenmişti.
   Bu stiller, normal lobide zaten yüklenen V5.8 menü CSS'inin sonuna kondu.
   İşlev, PHP, SQL, radyo verileri ve menü davranışı değişmez. */
body form.fx-country-filter {
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(126px,1fr) minmax(185px,256px) minmax(170px,auto)!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-height:66px!important;
  margin:11px 0 15px!important;
  padding:11px 13px!important;
  border:1px solid #c5dded!important;
  border-left:4px solid #1791d1!important;
  border-radius:12px!important;
  background:linear-gradient(120deg,#f6fbff 0%,#edf7ff 57%,#e8f4fb 100%)!important;
  box-shadow:0 5px 17px rgba(13,81,129,.065),inset 0 1px 0 rgba(255,255,255,.82)!important;
  color:#164c77!important;
}
body form.fx-country-filter > input[type=hidden] {display:none!important}
body form.fx-country-filter > label {
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
  min-width:0!important;
  color:#105787!important;
  font:800 13px/1.35 Arial,sans-serif!important;
  letter-spacing:.01em!important;
  white-space:normal!important;
}
body form.fx-country-filter > label > i {
  flex:0 0 31px;
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:31px!important;
  height:31px!important;
  margin:0!important;
  border:1px solid #c0dcf2!important;
  border-radius:9px!important;
  background:linear-gradient(150deg,#e4f6ff,#d2e9fb)!important;
  color:#087dbd!important;
  box-shadow:inset 0 1px 0 #fff;
  font-size:14px!important;
}
body form.fx-country-filter > select.fx-unused,
body form.fx-country-filter > select#fx-lobby-country {
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:40px!important;
  height:auto!important;
  margin:0!important;
  padding:9px 34px 9px 13px!important;
  border:1px solid #aacfe7!important;
  border-radius:9px!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='m2 2 5 5 5-5' fill='none' stroke='%231574b3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-position:right 13px center!important;
  background-repeat:no-repeat!important;
  color:#0c5180!important;
  box-shadow:0 2px 6px rgba(20,77,125,.045)!important;
  font:700 12.5px/1.4 Arial,sans-serif!important;
  cursor:pointer!important;
  transition:border-color .16s ease,box-shadow .16s ease!important;
}
body form.fx-country-filter > select#fx-lobby-country:hover {border-color:#52a6db!important;box-shadow:0 3px 11px rgba(35,127,187,.10)!important}
body form.fx-country-filter > select#fx-lobby-country:focus-visible {outline:2px solid #48aff0!important;outline-offset:2px!important}
body form.fx-country-filter > select#fx-lobby-country:disabled {opacity:.65!important;cursor:not-allowed!important}
body form.fx-country-filter > .fx-country-filter-current {
  box-sizing:border-box!important;
  display:inline-flex!important;
  justify-self:end!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  max-width:100%!important;
  min-height:34px!important;
  padding:7px 10px!important;
  margin:0!important;
  border:1px solid #c5dff0!important;
  border-radius:9px!important;
  background:rgba(230,246,255,.88)!important;
  color:#2a628b!important;
  font:700 11.5px/1.32 Arial,sans-serif!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
  white-space:normal!important;
}
body form.fx-country-filter > .fx-country-filter-current::before {
  content:"";display:inline-block;flex:0 0 7px;width:7px;height:7px;
  border-radius:100%;background:#13a872;
  box-shadow:0 0 0 3px rgba(19,168,114,.12);
}
/* Dark mode shares the current FlatcastX navy/blue menu palette. */
html[data-fx-site-theme="dark"] body form.fx-country-filter {
  border-color:#385c7d!important;
  border-left-color:#3db8f6!important;
  background:linear-gradient(120deg,#203b57 0%,#1c344e 60%,#192e45 100%)!important;
  box-shadow:0 5px 20px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.045)!important;
  color:#d8ecfd!important;
}
html[data-fx-site-theme="dark"] body form.fx-country-filter > label {color:#e0f0ff!important}
html[data-fx-site-theme="dark"] body form.fx-country-filter > label > i {
  background:linear-gradient(150deg,#274f73,#213e5d)!important;
  border-color:#426c91!important;
  color:#71c9fa!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065);
}
html[data-fx-site-theme="dark"] body form.fx-country-filter > select#fx-lobby-country {
  background-color:#12273e!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='m2 2 5 5 5-5' fill='none' stroke='%239cd9ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  border-color:#507b9b!important;
  color:#ecf8ff!important;
  box-shadow:0 2px 10px rgba(0,0,0,.12)!important;
}
html[data-fx-site-theme="dark"] body form.fx-country-filter > select#fx-lobby-country:hover {border-color:#6ac2f6!important}
html[data-fx-site-theme="dark"] body form.fx-country-filter > .fx-country-filter-current {
  background:rgba(19,50,77,.72)!important;
  border-color:#406c90!important;
  color:#cce9ff!important;
}
html[data-fx-site-theme="dark"] body form.fx-country-filter > .fx-country-filter-current::before {background:#34d29b;box-shadow:0 0 0 3px rgba(52,210,155,.12)}
@media(max-width:1050px){
  body form.fx-country-filter {grid-template-columns:minmax(120px,1fr) minmax(155px,1.1fr)!important}
  body form.fx-country-filter > .fx-country-filter-current {grid-column:1/-1!important;justify-self:stretch!important;justify-content:flex-start!important}
}
@media(max-width:540px){
  body form.fx-country-filter {grid-template-columns:minmax(0,1fr)!important;gap:10px!important;padding:12px!important}
  body form.fx-country-filter > label,body form.fx-country-filter > select#fx-lobby-country,body form.fx-country-filter > .fx-country-filter-current {grid-column:1/-1!important;width:100%!important;justify-self:stretch!important}
}
@media(prefers-reduced-motion:reduce){body form.fx-country-filter > select#fx-lobby-country {transition:none!important}}


/* =====================================================================
   FlatcastX V6.3 - Ülke filtresi başlıkta / Dil alanının hemen sağında
   Sadece lobi sayfasında çalışır. Ülke sorgusu, PHP ve SQL değişmez.
   V6.1'in ayrı kutu kurallarını sınırlı seçicilerle geçersiz kılar.
   ===================================================================== */
.section-bar.fx-country-topbar {
  box-sizing:border-box!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px 8px!important;
}
.section-bar.fx-country-topbar > .section-header {
  flex:1 1 182px!important;
  min-width:150px!important;
  margin-right:auto!important;
}
.section-bar.fx-country-topbar > .top-pagination {
  order:initial!important;
  flex:0 0 auto!important;
  width:auto!important;
  margin:0!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
}
.section-bar.fx-country-topbar > .lang-select-form {
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  min-width:0!important;
  margin:0!important;
  gap:5px!important;
}
.section-bar.fx-country-topbar .lang-select-label {
  flex:0 0 auto!important;
  margin:0!important;
}
.section-bar.fx-country-topbar .lang-select {
  box-sizing:border-box!important;
  flex:0 0 108px!important;
  width:108px!important;
  min-width:0!important;
  max-width:108px!important;
  height:32px!important;
  padding:0 22px 0 9px!important;
  border-radius:7px!important;
  font-size:12px!important;
  line-height:1.3!important;
}
/* V6.1'e ait büyük alt filtre paneli yerine tek seçim alanı. */
body .section-bar.fx-country-topbar > form.fx-country-filter {
  box-sizing:border-box!important;
  display:flex!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  align-items:center!important;
  flex:0 0 186px!important;
  width:186px!important;
  min-width:0!important;
  max-width:186px!important;
  min-height:0!important;
  height:32px!important;
  padding:0!important;
  margin:0!important;
  gap:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body .section-bar.fx-country-topbar > form.fx-country-filter > label,
body .section-bar.fx-country-topbar > form.fx-country-filter > .fx-country-filter-current {
  display:none!important;
}
body .section-bar.fx-country-topbar > form.fx-country-filter > select#fx-lobby-country {
  box-sizing:border-box!important;
  display:block!important;
  flex:1 1 100%!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 29px 0 10px!important;
  margin:0!important;
  border:1px solid #9fbed8!important;
  border-radius:7px!important;
  background-color:#f4f9fe!important;
  background-position:right 10px center!important;
  color:#064d80!important;
  font:700 12px/1.25 Arial,sans-serif!important;
  box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(0,85,153,.08)!important;
  cursor:pointer!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body .section-bar.fx-country-topbar > form.fx-country-filter > select#fx-lobby-country:hover {
  border-color:#168bd0!important;
  box-shadow:0 0 0 2px rgba(23,145,209,.12)!important;
}
body .section-bar.fx-country-topbar > form.fx-country-filter > select#fx-lobby-country:focus-visible {
  outline:2px solid #2d9bde!important;
  outline-offset:1px!important;
}
html[data-fx-site-theme="dark"] body .section-bar.fx-country-topbar > form.fx-country-filter > select#fx-lobby-country {
  background-color:#152a42!important;
  color:#eaf7ff!important;
  border-color:#547b9c!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
}
html[data-fx-site-theme="dark"] body .section-bar.fx-country-topbar > form.fx-country-filter > select#fx-lobby-country:hover {
  border-color:#62c2f5!important;
}
/* Çok sayfa numarası veya kullanıcı büyütmesi varsa kesilmeden ikinci sıraya geçebilir. */
@media(max-width:1080px) {
  .section-bar.fx-country-topbar > .section-header{flex-basis:165px!important}
  .section-bar.fx-country-topbar .lang-select{flex-basis:94px!important;width:94px!important;max-width:94px!important}
  body .section-bar.fx-country-topbar > form.fx-country-filter{flex-basis:172px!important;width:172px!important;max-width:172px!important}
}
@media(max-width:620px) {
  .section-bar.fx-country-topbar > .section-header{flex-basis:100%!important;margin-right:0!important}
  .section-bar.fx-country-topbar > .top-pagination{margin-right:auto!important}
}