/* QGabarito | Eliminação de alternativas dentro da opção | 2026-09-15 */
.option.qg-elimination-option {
    position: relative;
    min-width: 0;
    padding-right: 54px;
}

.qg-elimination-toggle {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    display: inline-grid;
    place-items: center;
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--surface);
    color: var(--muted);
    font: inherit;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease, color .15s ease;
}

.qg-elimination-toggle:hover {
    border-color: #98a2b3;
    color: var(--brand);
    background: var(--bg);
}

.qg-elimination-toggle:focus-visible {
    outline: 3px solid rgba(23, 59, 103, .22);
    outline-offset: 2px;
}

.option.qg-elimination-option.is-eliminated {
    opacity: .58;
    border-style: dashed;
}

.option.qg-elimination-option.is-eliminated .option-key,
.option.qg-elimination-option.is-eliminated > span:not(.sr-only) {
    text-decoration: line-through;
    text-decoration-thickness: 1.5px;
    text-decoration-color: currentColor;
}

.option.qg-elimination-option.is-eliminated > .qg-elimination-toggle {
    opacity: 1;
    color: var(--brand);
    background: var(--bg);
    border-style: dashed;
}

.qg-elimination-toggle.qg-elimination-limit {
    animation: qg-elimination-limit .24s ease-in-out 0s 2;
}

@keyframes qg-elimination-limit {
    0%, 100% { transform: translateY(-50%) translateX(0); }
    50% { transform: translateY(-50%) translateX(-3px); }
}

@media (max-width: 760px) {
    .option.qg-elimination-option { padding-right: 50px; }
    .qg-elimination-toggle { right: 6px; width: 34px; min-width: 34px; height: 34px; min-height: 34px; }
}

@media (prefers-reduced-motion: reduce) {
    .qg-elimination-toggle { transition: none; }
    .qg-elimination-toggle.qg-elimination-limit { animation: none; }
}

@media print {
    .qg-elimination-toggle { display: none !important; }
    .option.qg-elimination-option { padding-right: inherit; }
}
