/* FlatcastX V4.0 - public lobby light-theme soft cards + recognizable logout.
   Loaded after v3.5/v3.7/v3.8 so old hover stays intact.
   Deliberately scoped to the public sidebar; admin, radio art and sound controls untouched. */

/* The current on-air cards use thin cool-grey edges and subtle highlights.
   Give the light sidebar the same calm visual language. */
html[data-fx-site-theme="light"] body .page > .layout > .sidebar > .menu-block {
  border-color: #d4e0e9 !important;
  box-shadow: 0 2px 7px rgba(19,65,103,.055) !important;
}
html[data-fx-site-theme="light"] body .page > .layout > .sidebar > .menu-block > .menu-content {
  background-color: #fff !important;
}
/* Override V3.8's overly blue inactive cards, without affecting the classical hover. */
html[data-fx-site-theme="light"] body .page > .layout > .sidebar > .menu-block > .menu-content > a:not(.auth-link):not(.admin-link):not([href*="logout.php"]):not(.fx-menu-current):not(:hover):not(:focus-visible) {
  color: #1a4d75 !important;
  background: linear-gradient(180deg,#fff 0%,#f9fbfd 100%) !important;
  border: 1px solid #d7e0e9 !important;
  box-shadow: inset 0 1px 0 #fff !important;
}
/* Active item remains discoverable but uses a lighter inset marker. */
html[data-fx-site-theme="light"] body .page > .layout > .sidebar > .menu-block > .menu-content > a.fx-menu-current:not(.auth-link):not(.admin-link):not([href*="logout.php"]):not(:hover):not(:focus-visible) {
  color: #094c7b !important;
  background: linear-gradient(180deg,#eff8fe,#eaf4fb) !important;
  border-color: #b1d1e7 !important;
  box-shadow: inset 3px 0 0 #2a9de3 !important;
}
html[data-fx-site-theme="light"] body .page > .layout > .sidebar > .menu-block > .menu-content > a:not(.auth-link):not(.admin-link):not([href*="logout.php"]) > i:first-child {
  background: #eaf3fa !important;
  color: #197bb6 !important;
}
html[data-fx-site-theme="light"] body .page > .layout > .sidebar > .menu-block > .menu-content > a.fx-menu-current:not(.auth-link):not(.admin-link):not([href*="logout.php"]) > i:first-child {
  background: #137ebd !important;
  color: #fff !important;
}
/* The classic V3.7 blue hover gradient is intentionally preserved. */
html[data-fx-site-theme="light"] body .page > .layout > .sidebar > .menu-block > .menu-content > a:not(.auth-link):not(.admin-link):not([href*="logout.php"]):is(:hover,:focus-visible) > i:first-child {
  background: rgba(255,255,255,.2) !important;
  color: #fff !important;
}
/* Make logout clearly red on BOTH themes, even before hover. The actual link and
   its onclick handler (fxLobbyLogout) are not modified. */
html[data-fx-site-theme="light"] body .page > .layout > .sidebar > .menu-block > .menu-content > a[href*="logout.php"]:not(.auth-link),
html[data-fx-site-theme="dark"] body .page > .layout > .sidebar > .menu-block > .menu-content > a[href*="logout.php"]:not(.auth-link) {
  color: #fff !important;
  background: linear-gradient(112deg,#bd3549 0%,#922a3a 100%) !important;
  border: 1px solid #bc495b !important;
  box-shadow: 0 2px 6px rgba(116,25,44,.14) !important;
}
html[data-fx-site-theme="light"] body .page > .layout > .sidebar > .menu-block > .menu-content > a[href*="logout.php"]:not(.auth-link) > i:first-child,
html[data-fx-site-theme="dark"] body .page > .layout > .sidebar > .menu-block > .menu-content > a[href*="logout.php"]:not(.auth-link) > i:first-child {
  color: #fff !important;
  background: rgba(255,255,255,.19) !important;
}
html[data-fx-site-theme="light"] body .page > .layout > .sidebar > .menu-block > .menu-content > a[href*="logout.php"]:not(.auth-link):is(:hover,:focus-visible),
html[data-fx-site-theme="dark"] body .page > .layout > .sidebar > .menu-block > .menu-content > a[href*="logout.php"]:not(.auth-link):is(:hover,:focus-visible) {
  color: #fff !important;
  background: linear-gradient(110deg,#d8465b,#ae293e) !important;
  border-color: #e87786 !important;
  box-shadow: 0 4px 10px rgba(112,20,42,.2) !important;
}
/* Public light secondary actions, and only neutral actions, match the radio cards.
   Primary play, save, warning, delete and colored status buttons retain semantics. */
html[data-fx-site-theme="light"] body .page :is(.fx-v34-radio-list-link,.fx-yayinal-back) {
  background: linear-gradient(180deg,#fff,#f7fafc) !important;
  color: #225373 !important;
  border-color: #cbd9e4 !important;
  box-shadow: 0 1px 3px rgba(19,65,103,.065) !important;
}
/* Keyboard navigation keeps a strong visible ring in both color schemes. */
.page > .layout > .sidebar > .menu-block > .menu-content > a:focus-visible {
  outline: 2px solid #3ab2f5 !important;
  outline-offset: 1px !important;
}
@media (prefers-reduced-motion:reduce) {
  .page > .layout > .sidebar > .menu-block > .menu-content > a {transition:none!important;}
}