/* Dark theme overrides for test engine (test_admin/themes/standard/test.css) */

/* Inputs, selects, textareas */
#testengine input[type=text],
#testengine input[type=email],
#testengine textarea,
#testengine select {
    background: rgba(10, 12, 20, 0.8);
    color: #e5e7eb;
    border: 1px solid rgba(0, 212, 255, 0.3);
}
#testengine input[type=text]:focus,
#testengine input[type=email]:focus,
#testengine textarea:focus,
#testengine select:focus {
    outline: none;
    border-color: #00D4FF;
    box-shadow: 0 0 8px rgba(0, 212, 255, 0.4);
}
#testengine select option {
    background: #0a0c14;
    color: #e5e7eb;
}

/* Answer buttons default (white → dark) */
#testengine .btn-answer {
    background: rgba(10, 12, 20, 0.7);
    border: 2px solid rgba(0, 212, 255, 0.35);
    color: #a0c8d8;
}
#testengine .btn-answer:hover {
    background: rgba(0, 212, 255, 0.12);
    border-color: #00D4FF;
    color: #00D4FF;
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.3);
}

/* Sex option buttons */
.testengine-sex-option {
    background: rgba(10, 12, 20, 0.7) !important;
    border: 1px solid rgba(0, 212, 255, 0.3) !important;
    color: #e5e7eb;
}
.testengine-sex-option:hover {
    border-color: #00D4FF !important;
    color: #00D4FF;
}

/* BA (broad answer) background */
.testengine-ba {
    background: rgba(10, 12, 20, 0.7) !important;
    border: 1px solid rgba(0, 212, 255, 0.15);
}

/* Progress bar container */
.testengine-progress-container {
    background: rgba(0, 20, 35, 0.6) !important;
    border-radius: 4px;
}

/* Progress bar track */
.progress-bar {
    background: rgba(0, 30, 50, 0.8) !important;
    background: repeating-linear-gradient(
        to right,
        rgba(0, 40, 60, 0.5),
        rgba(0, 40, 60, 0.5) 29px,
        rgba(0, 100, 140, 0.6) 29px,
        rgba(0, 100, 140, 0.6) 30px
    ) !important;
}

/* Progress bar fill */
.progress-bar-inner {
    background: linear-gradient(90deg, #00D4FF, #D81BFF) !important;
    box-shadow: 0 0 8px rgba(0, 212, 255, 0.5);
}

/* Contacts / wells */
.testengine-contacts {
    background-color: rgba(0, 212, 255, 0.04) !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
    box-shadow: 0 4px 16px rgba(0, 212, 255, 0.07) !important;
    color: #e5e7eb;
}

/* Instruction modal close button */
#testengine-instruction-close {
    color: #e5e7eb !important;
    opacity: 0.7;
}
#testengine-instruction-close:hover {
    opacity: 1;
    color: #00D4FF !important;
}

/* General text inside testengine */
#testengine,
#testengine * {
    color: #e5e7eb;
}
#testengine .btn-answer-active,
#testengine .btn-answer-active * {
    color: #0a0c14;
}
#testengine a {
    color: #00D4FF;
}

/* Question text */
.testengine-qtxt {
    color: #ffffff !important;
}

/* Neon glow on result image */
#testengine img[src*=".png"],
#testengine img[src*="graph"] {
    border-radius: 10px;
    box-shadow:
        0 0 20px rgba(0, 212, 255, 0.55),
        0 0 40px rgba(216, 27, 255, 0.3),
        0 6px 24px rgba(0, 0, 0, 0.6);
    margin: 16px auto;
    display: block;
}