/* ========= 0. Kontrolki ======== */
#omega-controls {
    text-align: center;
    margin: 16px 0;
    @media(max-width: 767px) {
        display: flex;
        flex-direction: column;
    }
}
#omega-controls .omega-btn {
    @media(max-width: 767px) {
      margin: 0.5rem;
    }
    /* margin: 0 8px; */
    padding: 0.5rem 1rem;
    background: #e6b010;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 14px;
    transition: background .2s;
}
#omega-controls .omega-btn:hover {
    background: #c19204;
}

/* ========= 1. Odpowiedzi ======== */
.answer-variant {
    cursor: pointer;
    padding: 6px 8px;
    margin: 2px 0;
    border-radius: 4px;
    transition: background .2s;
}
.answer-variant:hover { background: #edf0f8; }
.answer-variant.selected { background: #e2eaff; }
.answer-variant.right,.show-correct-answer .corect-answer { background: #c8f7d3; }
.answer-variant.wrong    { background: #f7d3d3; }

/* ========= 2. Pasek postępu ===== */
#omega-progress-bar {
    left: 0;
    right: 0;
    bottom: 0;
    height: 2.5rem;
    background: #eee;
    border-top: 3px solid #ffd725;
    z-index: 9999;
    position: fixed;
}
#omega-progress {
    position: relative;            /* dla tekstu w środku */
    height: 100%;
    background: #ffd725;
    transition: width .3s;
}
/* tekst zawsze na środku, niezależnie od szerokości */
#omega-progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    color: #333;
    font-weight: 700;
    pointer-events: none;
}

/* ========= 3. Wynik popup ======== */
.omega-result {
    position: fixed;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-top: 4px solid #e6b010;
    padding: 2rem;
    z-index: 10000;
    box-shadow: 0 4px 15px rgba(0,0,0,.15);
    text-align: center;
    @media only screen and (max-width: 700px) {
        width: 90%;
        max-width: 400px;
    }
}
.omega-result .omega-result-wrong{
    background: #f7d3d3;
    padding: 0.5rem;

}
.omega-result .omega-result-correct{
    background: #c8f7d3;
    padding: 0.5rem;
}
.omega-close {
    position: absolute;
    color: #333;    
    top: 8px;
    right: 8px;
    background: transparent;
    border: none;
    font-size: 18px;
    cursor: pointer;
}

.omega-close:hover {
    color: #000;
}