/* CSS Document */

body {
    /* Фон */
  background-color: var(--custom-background-color);  
}


.page_content, .modal-content {
  /* ОСНОВНОЙ ЦВЕТ. Цвет основных кнопок, цвет плашек с цифрами возле полей формы; граница и цифра в круглых кнопках выбора раунда - для активных раундов*/
  --primary-btn-main-bg-color: var(--custom-main-color) ;

  /* ОСНОВНОЙ ЗАТЕМНЕННЫЙ. Цвет основных кнопок, при наведении */
  --primary-btn-hover-bg-color: var(--custom-main-hover-color);

  /* Граница и цифра в круглых кнопках выбора раунда - для уже завершенных раундов */
  --pills-hover-bg-color: var(--custom-main-hover-color);

  /* Полоска скроллбара (тот же цвет, что и основной затемненный) */
  --scrollbar-bg-color: var(--custom-main-hover-color); 

 /* Фон */
  background-color: var(--custom-background-color);
  
}

/* Цвет обычного текста */
p , a , h3, h4, h5 , label {
    color: var(--custom-regular-text-color)
}

/* Цвет приглушенного текста */
.secondary_text {
    color: var(--custom-secondary-text-color)
}

/* Ссылки в тексте при наведении */
a:hover {
    color: var(--custom-main-color)
}

/* Цвет круглого спиннера */
.spinner-border {
    color: var(--custom-main-color);
}

/* Маленькая кнопка для редактирования названия команды */
.edit_team_btn {  
  color: var(--custom-main-color);   
}

/* Маленькая кнопка для редактирования названия команды - при наведении */
.edit_team_btn:hover {  
  color: var(--custom-main-hover-color);   
}

/* Второстепенная кнопка (для перехода к форме входа, если выбран режим автоподбора команды) */
.minor_btn {
    background-color: var(--custom-round-pills-color-disabled); 
}

/* Улучшение рендеринга логотипа */
/*
img {
    image-rendering: -webkit-optimize-contrast;
}
*/

/* Фон обычных инпутов (для активных раундов) */
.form-control, .form-control:active, .form-control:hover, .form-control:focus  {
    background-color: var(--custom-inputs-background-color);
}

/* Фон для кнопок ABCDE (тип btns) (для активных раундов) */
.btn-r1
{
    background-color: var(--custom-inputs-background-color);
}

.btn-r1:hover {
    background-color: var(--custom-main-color);
    color: var(--custom-btn-text-color);
}

.btn-check:checked+.btn-r1
{
    background-color: var(--custom-main-color);
    color: var(--custom-btn-text-color);
}

.form-r-disabled .btn-r1:hover
{
    background-color: var(--custom-main-hover-color); 
    color: var(--custom-btn-text-color);
}

.form-r-disabled .btn-check:checked+.btn-r1
{
    background-color: var(--custom-main-hover-color); 
    color: var(--custom-btn-text-color);
}


/* Фон для селектов (для раундов pairs и для выбора ставки в bets) (для активных раундов) */
.form-select, .form-select:active, .form-select:hover, .form-select:focus  {
    background-color: var(--custom-inputs-background-color);
}


/* Цвет ссылок и иконок в меню шапки */
.navbar-light .navbar-nav .nav-link {
    color: var(--custom-header-links-color)
}

/* Цвет ссылок и иконок в меню шапки при фокусе (не понятно где используется) */
.navbar-light .navbar-nav .nav-link:focus {
    color: var(--custom-header-links-color)
}

/* Цвет ссылок и иконок в меню шапки - при наведении */
.navbar-light .navbar-nav .nav-link:hover {
    color: var(--custom-header-links-hover-color)
}


/* Стрелка над текущим раундом */
.arrow-down {
    border-top-color: var(--custom-main-color) ;
}



/* Контур кнопки-гамбургера (меню) в мобильной и планшетной версии (должен быть цвета как фон, чтобы не было видно). */
.navbar-light .navbar-toggler {   
    border-color: var(--custom-background-color);
}

/* Контур кнопки-гамбургера (меню) при развернутом меню в мобильной и планшетной версии. */
.navbar-light .navbar-toggler[aria-expanded="true"] {
    border-color: var(--custom-main-color);
}

/* Что-то там для кнопки-гамбургера */
.navbar-light .navbar-toggler-icon {   
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,0,0,0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}



/* Есть 3 состояния раундов: выключенные, текущий (один) и оставшиеся */

/* ОСТАВШИЕСЯ */

/* Оставшиеся - покой */
.main-tab.round-pills {  
    width: 34px;
    text-align: center;       
    padding-top: 4px;
    padding-bottom: 4px;  
    
    color: var(--custom-regular-text-color);     
    background-color: var(--custom-background-color);
    border: 1px solid;
    border-color: var(--custom-background-color);
    /* граница есть, но невидима: ее цвет равен фону страницы */
}

/* Оставшиеся - наведение */
.main-tab.round-pills:hover {    
    border-color: var(--primary-btn-main-bg-color); 
    /* граница видна */
}

/* Оставшиеся - выбран (active) */
.main-tab.round-pills.active {
    color: var(--custom-btn-text-color);    
    background-color: var(--primary-btn-main-bg-color);
    border-color: var(--primary-btn-main-bg-color);
    /* граница есть, но невидима: ее цвет равен фону кружка */
}


/* ТЕКУЩИЙ */

/* Текущий - покой */
.main-tab.round-pills.current_tab { 
    border-color: var(--primary-btn-main-bg-color);    
}

/* Текущий - наведение */
.main-tab.round-pills.current_tab:hover {    
    border-color: var(--custom-regular-text-color);    
}

/* Текущий - выбран (active) */
.main-tab.round-pills.current_tab.active {
    /* Не требуется ничего прописывать, потому что все само наследуется */
}

/* Текущий - выбран (active) с наведением */
.main-tab.round-pills.current_tab.active:hover {
    border-color: var(--primary-btn-main-bg-color);  
}


/* ВЫКЛЮЧЕННЫЕ */

/* Выключенные - покой */
.main-tab.round-pills.r-pills-disabled
{
    color: var(--custom-round-pills-color-disabled);    
    border-color: var(--custom-background-color);
    /* граница есть, но невидима: ее цвет равен фону страницы */    
}

/* Выключенные - наведение */
.main-tab.round-pills.r-pills-disabled:hover
{   
   border-color: var(--custom-round-pills-color-disabled);
}

/* Выключенные - выбран (active) */
.main-tab.round-pills.r-pills-disabled.active
{
   color: var(--custom-btn-text-color);  
   border-color: var(--primary-btn-hover-bg-color);
   background-color: var(--primary-btn-hover-bg-color);
}





/* Works on Firefox */
/* Цвет фона для скролла */
.answers_col { 
  scrollbar-color: var(--scrollbar-bg-color) var(--custom-background-color);
}

/* Works on Chrome, Edge, and Safari */
/* Цвет фона для скролла */
.answers_col::-webkit-scrollbar-track {
  background: var(--custom-background-color);       
}

/* CSS Document */
.answers_col::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-bg-color);    
}

/* Цвет верных ответов */
.answer-correct {
    color:  var(--custom-correct-answers-color)
}

/* Цвет неверных ответов */
.answer-incorrect {
    color:  var(--custom-incorrect-answers-color)
}

/* Цвет фона для стрима (желательно ставить таким же, как фон в стриме) */
.iframe_div_back {
 background-color: var(--custom-stream-background)
}

/* Цвет фона для iframe, пока не начался звонок */
.my_iframes {    
    background-color: var(--custom-conf-background)
}

/* Таблица результатов - цвет текста и цвет фона для нечетных строк */
.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--custom-striped-table-back-1);   
    color: var(--custom-regular-text-color);
}

/* Таблица результатов - цвет фона для четных строк */
.table>:not(caption)>*>* {   
    background-color: var(--custom-striped-table-back-2);    
}

/* Таблица результатов - цвет текста для четных строк */
.table-striped {
    color: var(--custom-regular-text-color);
}

/* Таблица результатов - цвет текста и цвет фона для строки с заголовками */
.table-striped th {   
    background-color: var(--custom-main-color);
}


/* Цвет дополнительных иконок (крестик в модалке) */
.my_bs_icons {
    color: var(--custom-header-links-color)
}

/* Цвет дополнительных иконок (крестик в модалке) */
.my_bs_icons:focus {
    color: var(--custom-header-links-color)
}

/* Цвет дополнительных иконок (крестик в модалке) */
.my_bs_icons:hover {
    color: var(--custom-header-links-hover-color)
}

/* Цвет гамбургера в меню (всякие ховеры ему не нужны) */
.menu_icon {
    color: var(--custom-header-links-color)
}

/* Цвет границ у чекбокса (в форме лотереи) */
.form-check-input {
    border-color: var(--custom-regular-text-color);
    background-color: var(--custom-inputs-background-color);
}

/* Цвет цифр возле полей форм */
.input-group-text, .r6-block {
    background-color: var(--custom-conf-background)
}