/* static/styles.css */
body {
    background-color: #1c1c1c;
}

#current-question {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e9ecef;
    border-radius: 5px;
    padding: 20px;
}

.card{
    background-color: #565656;
}
.card-title{
    color: #fff;
}

.vote-btn {
    margin-bottom: 5px;
}

.player-voted::after {
    content: " ✓";
    color: green;
}

.player-vote {
    font-weight: bold;
    margin-left: 10px;
}


/* Добавим стиль для текста "нет голосов" */
.text-muted {
    color: #6c757d;
    font-style: italic;
}

/* Добавим новые стили для среднего балла */
.bg-light {
    background-color: #f8f9fa !important;
}

.fw-bold {
    font-weight: bold;
}

.fs-6 {
    font-size: 1.1rem;
}

/* Улучшим стили прогресс-бара */
.progress {
    height: 20px;
    border-radius: 10px;
    background-color: #e9ecef;
}

.progress-bar {
    background-color: #28a745;
    transition: width 0.6s ease;
    border-radius: 10px;
}

/* Стили для бейджей */
.badge {
    padding: 0.5em 0.75em;
    font-size: 0.9rem;
}

.bg-success {
    background-color: #28a745 !important;
}

/* Стили для кнопки сброса */
.btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:hover {
    background-color: #c82333;
    border-color: #bd2130;
}

/* Отступ между кнопками */
.mt-3 {
    margin-top: 1rem !important;
}

#timer-display {
    font-size: 2rem;
    font-family: monospace;
    margin: 10px 0;
}

.timer-expired {
    color: #dc3545;
    animation: blink 1s linear infinite;
}

@keyframes blink {
    50% { opacity: 0.5; }
}

#timer-btn, #timer-reset-btn {
    width: 48%;
}

#reset-btn{color: #555;}
#timer-display{color: #fff;}
.logo{width: 200px;}
.btn-primary{
    background-color: #1fb5b4;
    border-color: #115e5e;
}
.btn-primary:hover {
    color: #fff;
    background-color: #088989;
    border-color: #115e5e;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #aaa;
    background-color: #146565;
    border-color: #143232;
}
/* .btn-group-vertical .btn{background-color: #dbdbdb;} */

body .container{
    z-index: 2000;
    position: relative;
}