/* Yahoo Messenger inspired, modern enterprise theme */

:root{
  --ym-blue:#2563eb;
  --ym-blue-light:#60a5fa;
  --ym-bg:#eaf3ff;
  --ym-dark:#0f172a;
}

html,body{
  background:linear-gradient(180deg,#dbeafe,#f8fbff,#dbeafe) !important;
  font-family:Inter,Segoe UI,Arial,sans-serif !important;
}

/* shared header */
.bn-header{
  background:rgba(255,255,255,.82) !important;
  backdrop-filter:blur(18px) !important;
  border:1px solid rgba(255,255,255,.45) !important;
  box-shadow:0 16px 44px rgba(15,23,42,.14) !important;
  border-radius:24px !important;
}

.bn-nav a{
  color:#0f172a !important;
  font-weight:900 !important;
}

.bn-nav a:hover{
  color:var(--ym-blue) !important;
  background:#eef5ff !important;
}

/* map/card polish */
.leaflet-container,
#kendoMapCenter,
#kendoClubsMap{
  border-radius:26px !important;
  box-shadow:0 24px 70px rgba(15,23,42,.16) !important;
}

/* overlay chat */
#dkcChatOverlay{
  background:rgba(15,23,42,.12) !important;
  backdrop-filter:blur(16px) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:24px !important;
  box-shadow:0 22px 60px rgba(15,23,42,.22) !important;
}

#dkcChatOverlay > *,
#dkcChatOverlay .overlay-bubble,
#dkcChatOverlay .dkc-chat-line{
  background:rgba(255,255,255,.88) !important;
  color:#0f172a !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.55) !important;
  box-shadow:0 8px 22px rgba(15,23,42,.10) !important;
}

#dkcChatOverlay .budo-nick,
#dkcChatOverlay .overlay-nick{
  color:#2563eb !important;
  font-weight:900 !important;
}

#dkcChatOverlay .budo-text,
#dkcChatOverlay .overlay-msg{
  color:#0f172a !important;
  font-weight:700 !important;
}

/* send bar */
#streamChatBar{
  background:rgba(255,255,255,.84) !important;
  backdrop-filter:blur(16px) !important;
  border:1px solid rgba(255,255,255,.45) !important;
  border-radius:24px !important;
  box-shadow:0 18px 48px rgba(15,23,42,.14) !important;
}

#streamChatNick,
#streamChatMsg{
  background:#ffffff !important;
  border:0 !important;
  border-radius:16px !important;
  color:#0f172a !important;
  font-weight:800 !important;
}

#streamChatSend{
  background:linear-gradient(180deg,#60a5fa,#2563eb) !important;
  border:0 !important;
  border-radius:16px !important;
  color:#ffffff !important;
  font-weight:900 !important;
}

/* left tabs */
.community-tab,
#communityChatTab{
  background:linear-gradient(180deg,#60a5fa,#2563eb) !important;
  color:#fff !important;
  border-radius:0 18px 18px 0 !important;
}

.radio-tab,
#radioTab{
  background:linear-gradient(180deg,#ffb86b,#f97316) !important;
  color:#fff !important;
  border-radius:0 18px 18px 0 !important;
}

/* club popup */
.leaflet-popup-content-wrapper{
  background:rgba(255,255,255,.88) !important;
  backdrop-filter:blur(18px) !important;
  border:1px solid rgba(255,255,255,.55) !important;
  box-shadow:0 24px 70px rgba(15,23,42,.20) !important;
}

.leaflet-popup-content .kendo-popup::before{
  background:linear-gradient(135deg,#2563eb,#1d4ed8) !important;
}

.leaflet-popup-content .kendo-popup a{
  background:linear-gradient(180deg,#60a5fa,#2563eb) !important;
}

/* mobile keeps same design, smaller */
@media(max-width:700px){
  #dkcChatOverlay{
    background:rgba(15,23,42,.08) !important;
    width:42vw !important;
  }

  #dkcChatOverlay > *,
  #dkcChatOverlay .overlay-bubble,
  #dkcChatOverlay .dkc-chat-line{
    font-size:11px !important;
    line-height:1.3 !important;
    padding:8px !important;
  }

  #streamChatBar{
    border-radius:18px !important;
  }

  #streamChatNick,
  #streamChatMsg,
  #streamChatSend{
    height:38px !important;
    font-size:12px !important;
  }
}