/* navbar */
.dark {
    background-color: rgb(10,10,10) !important;
    color:  rgb(244,244,244);
}
/* outer */
.dark2 {
    background-color: rgb(20,20,20) !important;
    color:  rgb(244,244,244);
}
/* inner */
.dark3 {
    background-color: rgb(31,31,31) !important;
    color:  rgb(244,244,244);
}
.dark4{
    background-color: rgb(41,41,41) !important;
    color:  rgb(244,244,244) !important;
}
/* For links */
.dark5 {
     color:  #0080df !important;
}

/* for changing certin text to white or any other color */
.dark6{
    color:  rgb(244,244,244) !important;
}

/* for buttons and progress bar */
.dark7{
    background-color: #0080df;
    color: rgb(244,244,244);
}
.dark8{
    background-color:rgb(31,31,31) !important;
    border: 1px solid rgb(100,100,100) !important;
    color:rgb(244,244,244) !important;
}
.dark9{
    background-color: transparent !important;
    border: 1px solid white !important;
    color:white !important;
}
.dark8:hover{
    background-color:rgb(36,36,36) !important;
}
.dark_hover:hover{
    background-color:rgb(36,36,36) !important;
    color: rgb(244,244,244);
}
.dark_progress_bar{
    background-color:rgb(41,41,41);
    border:1px solid rgb(24,118,242)
}
.dark_calendar{
    opacity:0.28;
}
.dark_calendar:hover{
    opacity:0.45;
}
.dark_calendar:disabled{
    opacity:0.05;
}
.dark_calendar_norm{
    background-color:rgb(100,100,100) !important;
}
.dark_calendar_norm:hover{
    background-color:rgb(136,138,143) !important;
}
.progress_inactive.dark_tab_toggle{
    background-color:rgb(26,26,26);
    border: 1px solid rgb(31,31,31);
    color:white !important;
}
.progress_inactive.dark_tab_toggle:hover{
    background-color:rgb(31,31,31);
    color:white;
}
.progress_active.dark_tab_toggle{
    background-color:rgb(24,119,242);
    border: 1px solid rgb(31,31,31);
    color: rgb(200, 200, 200) !important;
}
.dark_hover.filter_act{
    background-color:rgb(31,31,31) !important;
}
.dark_col_left{
    background-color: rgb(20,20,20) !important;
    color:rgb(173,173,173);
    border:none;
}
.dropdown_link.dark4:hover{
    color: rgb(244, 244, 244);
}
.dark_ticker{
    background-color:rgb(31,31,31) !important;
    color:rgb(173,173,173);
    border: 1px solid rgba(0,0,0,0);
}
.dark_white_text.dark5{
    color:white !important;
}
.dark_mob_nav_toggler{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(100, 100, 100, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.dark_borderless{
    border:none !important;
}
.dark_border_top{
    border-top:1px solid rgb(31,31,31) !important;
}
.dark_border {
    border: white !important;
}
.dark_icon_svg{
    filter: invert(100%);
}
.dark_slight_gray{
    background-color:rgb(151,163,174) !important;
}

.dark .pop-underline::after,
.dark3 .pop-underline::after,
.dark4 .pop-underline::after {
  border-bottom-color: #ff32a2;
}

.dark .pop-underline:hover,
.dark3 .pop-underline:hover,
.dark4 .pop-underline:hover {
  color: #ff32a2;
}

/* ==== Events pill – dark mode overrides ==== */
/* ==== Events pill – dark mode overrides (must come AFTER base pill CSS) ==== */

/* darker glass shell */
body:is(.dark,.dark2,.dark3,.dark4) #floating-bar-container-events {
  background: rgba(36,36,42,.35) !important;
  border-color: rgba(255,255,255,.12) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* base link color in dark */
body:is(.dark,.dark2,.dark3,.dark4) #floating-bar-events .nav-link {
  color: rgba(255,255,255,.88) !important;
}

/* HOVER in dark */
body:is(.dark,.dark2,.dark3,.dark4) #floating-bar-events .nav-link:hover {
  background: rgba(255,255,255,.14) !important;
  color: #fff !important;
}

/* ACTIVE in dark */
body:is(.dark,.dark2,.dark3,.dark4) #floating-bar-events .nav-link.active {
  background: #4F75DF !important;    /* pick any brand color */
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.35) !important;
}