/* Bara anti-robot (static/javascript/slide_captcha.js), pe site și în aplicația de telefon —
   aceleași culori ca site-ul: fundal închis, text crem, verde pentru "Verificat". */
.slide-captcha {
    --sc-bg: #1a1615;
    --sc-text: #f0e7db;
    --sc-muted: rgba(240, 231, 219, 0.72);
    --sc-line: rgba(240, 231, 219, 0.22);
    --sc-green: #4ec98a;
    --sc-red: #e06c6c;
    width: 100%;
    max-width: 340px;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.sc-track {
    position: relative;
    height: 52px;
    overflow: hidden;
    border: 1px solid var(--sc-line);
    border-radius: 26px;
    background: var(--sc-bg);
}

.sc-fill {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background: rgba(78, 201, 138, 0.18);
}

.sc-label {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px 0 64px;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    color: var(--sc-muted);
    pointer-events: none;
}

.sc-handle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 26px;
    background: var(--sc-green);
    color: #131110;
    cursor: grab;
    touch-action: none;
}

.sc-handle:focus-visible {
    outline: 2px solid var(--sc-text);
    outline-offset: -4px;
}

.sc-handle svg {
    width: 22px;
    height: 22px;
}

/* Bara se întoarce lin la început când e lăsată înainte de capăt; în timpul glisării, nu. */
.slide-captcha:not(.sc-dragging) .sc-handle {
    transition: transform 0.3s ease;
}

.slide-captcha:not(.sc-dragging) .sc-fill {
    transition: width 0.3s ease;
}

.slide-captcha.sc-dragging .sc-handle {
    cursor: grabbing;
}

.slide-captcha.sc-loading .sc-handle,
.slide-captcha.sc-checking .sc-handle {
    cursor: default;
    opacity: 0.75;
}

.slide-captcha.sc-passed .sc-track {
    border-color: var(--sc-green);
}

.slide-captcha.sc-passed .sc-fill {
    background: rgba(78, 201, 138, 0.3);
}

.slide-captcha.sc-passed .sc-label {
    padding: 0 64px 0 12px;
    color: var(--sc-green);
    font-weight: 600;
}

.slide-captcha.sc-failed .sc-track {
    border-color: var(--sc-red);
    animation: scShake 0.4s ease;
}

.slide-captcha.sc-failed .sc-handle {
    background: var(--sc-red);
}

.slide-captcha.sc-failed .sc-label {
    color: var(--sc-red);
}

@keyframes scShake {
    20%, 60% { transform: translateX(-6px); }
    40%, 80% { transform: translateX(6px); }
}