/* FBB predictions safe controls v3 */

.filter-bar{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  align-items:center !important;
  margin:20px 0 18px !important;
}

.filter-bar button,
.filter-bar .filter-btn{
  cursor:pointer !important;
  pointer-events:auto !important;
  min-height:44px !important;
  padding:11px 15px !important;
  white-space:nowrap !important;
}

.filter-bar button.active,
.filter-bar .filter-btn.active{
  background:linear-gradient(135deg,#00c8ff,#00ff8a) !important;
  color:#00120d !important;
  border-color:rgba(0,255,210,.95) !important;
}

.fbb-filter-hidden{
  display:none !important;
}

/* Ladder + TV / Markets row */
.fbb-ladder-action-row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  align-items:center !important;
  margin-top:14px !important;
}

.fbb-watch-markets-cta,
a.fbb-watch-markets-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:12px 18px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#00c8ff,#00ff8a) !important;
  color:#00120d !important;
  font-weight:950 !important;
  text-decoration:none !important;
  box-shadow:0 0 24px rgba(0,255,138,.18) !important;
}

/* Language host */
.lang-switch.fbb-global-language-host,
.fbb-global-language-host,
.lang-switch{
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}

.lang-switch.fbb-global-language-host a,
.lang-switch.fbb-global-language-host button,
.fbb-global-language-host a,
.fbb-global-language-host button{
  pointer-events:auto !important;
  cursor:pointer !important;
}

@media(max-width:768px){
  .filter-bar{
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    padding-bottom:8px !important;
    scrollbar-width:none !important;
  }

  .filter-bar::-webkit-scrollbar{
    display:none !important;
  }

  .filter-bar button,
  .filter-bar .filter-btn{
    flex:0 0 auto !important;
    font-size:13px !important;
    padding:10px 13px !important;
  }

  .fbb-ladder-action-row{
    gap:8px !important;
  }

  .fbb-watch-markets-cta,
  a.fbb-watch-markets-cta{
    font-size:13px !important;
    padding:11px 15px !important;
  }
}