/* ============================================================
   LYDO Examination Portal - Custom Styles
   Supplements Tailwind CSS
   ============================================================ */

/* ─── Selection Prevention on Exam Page ────────────────── */
.exam-secure {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* ─── Smooth transitions ────────────────────────────────── */
.transition {
    transition: all 0.2s ease-in-out;
}

/* ─── Option label selected state ──────────────────────── */
.option-label input[type="radio"]:checked ~ span:first-of-type {
    background-color: #2563eb;
    color: white;
}
/* ─── OTP Input Styling ─────────────────────────────────── */
input[name="otp"] {
    letter-spacing: 0.5em;
    font-size: 2rem;
}

/* ─── Scrollbar Styling ─────────────────────────────────── */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #94a3b8;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

/* ─── Pulsing animation for live indicator ──────────────── */
@keyframes pulse-glow {
    0%, 100% { box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.6); }
    50%       { box-shadow: 0 0 0 6px rgba(74, 222, 128, 0); }
}
.live-pulse {
    animation: pulse-glow 2s infinite;
}

/* ─── Timer flash animation ─────────────────────────────── */
@keyframes timer-flash {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.4; }
}
.timer-warning {
    animation: timer-flash 1s infinite;
}

/* ─── Question card hover ───────────────────────────────── */
.question-card {
    transition: border-color 0.2s, box-shadow 0.2s;
}
.question-card:hover {
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.08);
}

/* ─── Mobile responsiveness ─────────────────────────────── */
@media (max-width: 640px) {
    .option-label span:first-of-type {
        width: 1.5rem;
        height: 1.5rem;
        font-size: 0.75rem;
    }
}

/* ─── Print prevention ──────────────────────────────────── */
@media print {
    body { display: none !important; }
}

/* ─── Screen capture resistance ─────────────────────────── */
/* Forces GPU compositing layer — makes some capture tools
   record a blank/black frame for the exam content area.   */
#questionContainer {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    isolation: isolate;
}

/* ─── Blur shield backdrop ───────────────────────────────── */
#blurShield {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

/* ─── Watermark text — not selectable, not printable ─────── */
#watermarkOverlay span {
    -webkit-user-select: none !important;
    -moz-user-select:    none !important;
    -ms-user-select:     none !important;
    user-select:         none !important;
}
@media print {
    #watermarkOverlay { display: none !important; }
}

/* ─── Disable image drag on questions ───────────────────── */
#questionContainer img {
    -webkit-user-drag: none;
    user-drag: none;
    pointer-events: none;
}