/* FlatcastX V6.4 — country-select + radio badge, normal Lobby only.
   Designed to override V5.9 / V6.1 / V6.3 style rules without removing them. */
.fx-country-v64-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
main.content > .section-bar.fx-country-v64-bar{display:flex!important;flex-wrap:wrap!important;gap:7px 8px!important;align-items:center!important;justify-content:flex-end!important;min-width:0!important}
main.content > .section-bar.fx-country-v64-bar > .section-header{flex:1 1 145px!important;min-width:120px!important;margin-right:auto!important}
main.content > .section-bar.fx-country-v64-bar > .top-pagination{order:initial!important;display:flex!important;flex:0 0 auto!important;gap:4px!important;margin:0!important;width:auto!important;flex-wrap:nowrap!important}
main.content > .section-bar.fx-country-v64-bar > form.lang-select-form{display:flex!important;align-items:center!important;gap:4px!important;flex:0 0 auto!important;margin:0!important;min-width:0!important}
main.content > .section-bar.fx-country-v64-bar .lang-select{box-sizing:border-box!important;flex:0 0 102px!important;min-width:0!important;width:102px!important;max-width:102px!important;height:32px!important;padding:2px 18px 2px 8px!important;font-size:12px!important;line-height:1.3!important}
main.content > .section-bar.fx-country-v64-bar > form.fx-country-filter{box-sizing:border-box!important;position:relative!important;display:flex!important;flex:0 1 183px!important;min-width:130px!important;max-width:183px!important;width:183px!important;height:32px!important;min-height:0!important;padding:0!important;margin:0!important;gap:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;align-items:center!important}
main.content > .section-bar.fx-country-v64-bar > form.fx-country-filter select#fx-lobby-country{box-sizing:border-box!important;display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0 22px 0 9px!important;border:1px solid #9ab9d3!important;border-radius:7px!important;background:#f4f9ff!important;color:#08518b!important;font-size:12px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)!important;cursor:pointer!important}
main.content > .section-bar.fx-country-v64-bar > form.fx-country-filter select#fx-lobby-country:hover{border-color:#188cd4!important;box-shadow:0 0 0 2px rgba(39,148,213,.13)!important}
main.content > .section-bar.fx-country-v64-bar > form.fx-country-filter select#fx-lobby-country:focus-visible{outline:2px solid #20a6ef!important;outline-offset:2px!important}
html[data-fx-site-theme="dark"] main.content > .section-bar.fx-country-v64-bar > form.fx-country-filter select#fx-lobby-country{background:#172b44!important;color:#eaf6ff!important;border-color:#5783a5!important;box-shadow:none!important}
html[data-fx-site-theme="dark"] main.content > .section-bar.fx-country-v64-bar > form.fx-country-filter select#fx-lobby-country:hover{border-color:#5ec8fc!important}
/* A small country chip in the left-side cell, beneath online count and icon. */
#lobby-stream-list .stream-row{grid-template-columns:96px minmax(0,1fr) 72px!important;column-gap:10px!important;min-height:108px!important}
#lobby-stream-list .stream-row .stream-side-cell{box-sizing:border-box!important;width:96px!important;min-width:96px!important;max-width:96px!important;padding-right:8px!important;gap:5px!important;display:flex!important;align-items:center!important;flex-direction:column!important;justify-content:center!important}
#lobby-stream-list .stream-row .stream-count{display:flex!important;align-items:baseline!important;justify-content:center!important;gap:4px!important;white-space:nowrap!important;font-size:20px!important;line-height:1.15!important}
#lobby-stream-list .stream-row .stream-count small{display:inline!important;font-size:11px!important;margin:0!important;line-height:1!important}
#lobby-stream-list .stream-row .room-icon{margin:0!important}
#lobby-stream-list .stream-row .fx-room-country-side{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:88px!important;max-width:88px!important;min-width:0!important;margin:0!important;padding:3px 5px!important;border:1px solid #b5d7ec!important;background:#eef8ff!important;color:#0a5487!important;border-radius:9px!important;font-size:10px!important;line-height:1.15!important;font-weight:750!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#lobby-stream-list .stream-row .fx-room-country-side span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;max-width:100%!important}
#lobby-stream-list .stream-row .fx-room-country-side i{flex:0 0 auto!important;font-size:10px!important;color:#1680bc!important}
html[data-fx-site-theme="dark"] #lobby-stream-list .stream-row .fx-room-country-side{background:#193e5c!important;color:#d7efff!important;border-color:#557e9f!important}
html[data-fx-site-theme="dark"] #lobby-stream-list .stream-row .fx-room-country-side i{color:#65d0ff!important}
#lobby-stream-list .stream-row .stream-info{min-width:0!important}
@media (max-width:900px){main.content > .section-bar.fx-country-v64-bar > .section-header{flex-basis:100%!important}main.content > .section-bar.fx-country-v64-bar > .top-pagination{margin-right:auto!important}}
@media (max-width:570px){main.content > .section-bar.fx-country-v64-bar > .top-pagination{order:2!important}main.content > .section-bar.fx-country-v64-bar > form.lang-select-form{order:3!important}main.content > .section-bar.fx-country-v64-bar > form.fx-country-filter{order:4!important;flex:1 1 135px!important;max-width:none!important;width:auto!important}main.content > .section-bar.fx-country-v64-bar .lang-select{flex-basis:82px!important;width:82px!important;max-width:82px!important}#lobby-stream-list .stream-row{grid-template-columns:79px minmax(0,1fr) 52px!important;column-gap:6px!important;padding:9px 7px!important}#lobby-stream-list .stream-row .stream-side-cell{width:79px!important;min-width:79px!important;max-width:79px!important;padding-right:5px!important}#lobby-stream-list .stream-row .fx-room-country-side{width:72px!important;max-width:72px!important;font-size:9px!important;padding:3px 3px!important}#lobby-stream-list .stream-row .stream-count{font-size:17px!important}#lobby-stream-list .stream-row .stream-count small{font-size:9px!important}}


/* FlatcastX V6.7 — Radio action icon/arrow refinement + V6.6 dark footer (public lobby only)
   Preserve V6.4 country filter/list rules; no admin, SQL or DJ changes. */

/* Only the Radyo Ayarlari > Radyo Ac entry; markup now carries a stable class.
   Using an explicit class avoids a fragile onclick/child-position selector. */
html[data-fx-site-theme="light"] body .page .layout .sidebar .menu-block .menu-content > a.fx-radio-open-primary,
.page .layout .sidebar .menu-block .menu-content > a.fx-radio-open-primary {
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 9px 12px !important;
  margin: 3px 0 !important;
  border: 1px solid #24c978 !important;
  border-radius: 10px !important;
  color: #075a3b !important;
  background: linear-gradient(116deg,#eafff2 0%,#c9f7df 58%,#baf0d6 100%) !important;
  box-shadow: inset 3px 0 0 #13ad71, inset 0 1px 0 #fff,
              0 3px 10px rgba(5,119,74,.12) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  white-space: normal !important;
  transform: none !important;
  transition: background .17s ease, box-shadow .17s ease,
              border-color .17s ease, transform .17s ease !important;
}
html[data-fx-site-theme="light"] body .page .layout .sidebar .menu-block .menu-content > a.fx-radio-open-primary > i:first-child,
.page .layout .sidebar .menu-block .menu-content > a.fx-radio-open-primary > i:first-child {
  flex: 0 0 27px !important;
  display: inline-flex !important;
  width: 27px !important;
  height: 27px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  color: #0a995d !important;
  border: 2px solid #15bd71 !important;
  background: linear-gradient(145deg,#f1fff8,#caffdf) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88),0 2px 6px rgba(6,130,75,.16) !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* The added trailing chevron is not needed: only green plus stays visible. */
.page .layout .sidebar .menu-block .menu-content > a.fx-radio-open-primary::after {
  content: none !important;
  display: none !important;
}
html[data-fx-site-theme="light"] body .page .layout .sidebar .menu-block .menu-content > a.fx-radio-open-primary:hover,
html[data-fx-site-theme="light"] body .page .layout .sidebar .menu-block .menu-content > a.fx-radio-open-primary:focus-visible,
.page .layout .sidebar .menu-block .menu-content > a.fx-radio-open-primary:hover,
.page .layout .sidebar .menu-block .menu-content > a.fx-radio-open-primary:focus-visible {
  color: #06442e !important;
  border-color: #10a76a !important;
  background: linear-gradient(115deg,#d7f9e8,#a8edce) !important;
  box-shadow: inset 3px 0 0 #078c59,0 5px 13px rgba(2,114,69,.19) !important;
  transform: translateX(2px) !important;
}
.page .layout .sidebar .menu-block .menu-content > a.fx-radio-open-primary:focus-visible {
  outline: 2px solid #23c38b !important;
  outline-offset: 2px !important;
}
html[data-fx-site-theme="dark"] body .page .layout .sidebar .menu-block .menu-content > a.fx-radio-open-primary {
  color: #e8fff5 !important;
  border-color: #38af92 !important;
  background: linear-gradient(115deg,#103d40 0%,#18574f 65%,#1b485a 100%) !important;
  box-shadow: inset 3px 0 0 #4ce0a2,0 3px 11px rgba(0,6,17,.25) !important;
}
html[data-fx-site-theme="dark"] body .page .layout .sidebar .menu-block .menu-content > a.fx-radio-open-primary > i:first-child {
  color: #74ffc0 !important;
  border-color: #44e69c !important;
  background: linear-gradient(145deg,#194c3c,#0d342b) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12),0 0 9px rgba(76,235,163,.16) !important;
}
html[data-fx-site-theme="dark"] body .page .layout .sidebar .menu-block .menu-content > a.fx-radio-open-primary::after {
  content: none !important;
  display: none !important;
}
html[data-fx-site-theme="dark"] body .page .layout .sidebar .menu-block .menu-content > a.fx-radio-open-primary:hover,
html[data-fx-site-theme="dark"] body .page .layout .sidebar .menu-block .menu-content > a.fx-radio-open-primary:focus-visible {
  color: #fff !important;
  border-color: #76eabb !important;
  background: linear-gradient(115deg,#195852,#216d60 65%,#245c6a) !important;
  box-shadow: inset 3px 0 0 #8af1c5,0 6px 15px rgba(0,7,17,.36) !important;
}

/* Footer is outside the AJAX content. Theme it without altering its links/actions.
   Light theme keeps its existing classic blue design. */
html[data-fx-site-theme="dark"] body .page > footer.footer {
  color: #d9eafd !important;
  background: linear-gradient(180deg,#1b3854 0%,#13283f 56%,#102438 100%) !important;
  border-top: 1px solid #42799d !important;
  box-shadow: inset 0 1px 0 rgba(132,195,233,.12),0 -4px 15px rgba(5,14,28,.13) !important;
}
html[data-fx-site-theme="dark"] body .page > footer.footer a {
  color: #e1efff !important;
  text-shadow: none !important;
}
html[data-fx-site-theme="dark"] body .page > footer.footer a:is(:hover,:focus-visible) {
  color: #7ad7ff !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  text-shadow: none !important;
}
html[data-fx-site-theme="dark"] body .page > footer.footer b {
  color: #ffd44a !important;
}
@media (prefers-reduced-motion: reduce) {
  .page .layout .sidebar .menu-block .menu-content > a.fx-radio-open-primary {
    transition: none !important;
  }
  .page .layout .sidebar .menu-block .menu-content > a.fx-radio-open-primary:hover,
  .page .layout .sidebar .menu-block .menu-content > a.fx-radio-open-primary:focus-visible {
    transform: none !important;
  }
}

/* FlatcastX V6.8 — Radio Ac: green plus icon in BOTH appearances.
   This final override specifically colors the Font Awesome glyph itself,
   so previous sidebar icon styling cannot leave it blue in light mode. */
html body .page .layout aside.sidebar .menu-block .menu-content > a.fx-radio-open-primary > i.fa-plus-circle,
html body .page .layout aside.sidebar .menu-block .menu-content > a[onclick*="loadCreateRadioForm"] > i.fa-plus-circle {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
    border: 2px solid #0fa861 !important;
    border-radius: 8px !important;
    color: #07974f !important;
    background: linear-gradient(145deg,#ecfff5,#d5fbe6) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85),0 2px 5px rgba(4,112,61,.12) !important;
    opacity: 1 !important;
    filter: none !important;
}
/* Font Awesome paints the visible plus-circle in ::before. */
html body .page .layout aside.sidebar .menu-block .menu-content > a.fx-radio-open-primary > i.fa-plus-circle::before,
html body .page .layout aside.sidebar .menu-block .menu-content > a[onclick*="loadCreateRadioForm"] > i.fa-plus-circle::before {
    color: #07974f !important;
    opacity: 1 !important;
    filter: none !important;
}
html[data-fx-site-theme="dark"] body .page .layout aside.sidebar .menu-block .menu-content > a.fx-radio-open-primary > i.fa-plus-circle,
html[data-fx-site-theme="dark"] body .page .layout aside.sidebar .menu-block .menu-content > a[onclick*="loadCreateRadioForm"] > i.fa-plus-circle {
    color: #74ffc0 !important;
    border-color: #39d995 !important;
    background: linear-gradient(145deg,#173f33,#0a2c25) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.09),0 0 7px rgba(66,223,154,.14) !important;
}
html[data-fx-site-theme="dark"] body .page .layout aside.sidebar .menu-block .menu-content > a.fx-radio-open-primary > i.fa-plus-circle::before,
html[data-fx-site-theme="dark"] body .page .layout aside.sidebar .menu-block .menu-content > a[onclick*="loadCreateRadioForm"] > i.fa-plus-circle::before {
    color: #74ffc0 !important;
}
/* Preserve the no-trailing-arrow behavior from V6.7 in all themes. */
html body .page .layout aside.sidebar .menu-block .menu-content > a.fx-radio-open-primary::after,
html body .page .layout aside.sidebar .menu-block .menu-content > a[onclick*="loadCreateRadioForm"]::after {
    content: none !important;
    display: none !important;
}