/**
 * Comments section styles
 * Cancel reply link, captcha wrapper, shake animation
 *
 * @package Directory
 */

#cancel-comment-reply-link {
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    text-decoration: underline;
    margin-right: 8px;
}

#cancel-comment-reply-link:hover {
    color: rgba(255, 158, 253, 0.8) !important;
}

/* Center captcha in comment form - works for both mobile and popup */
.comment-captcha-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 24px 0 !important;
    width: 100% !important;
}

.comment-captcha-wrapper .cf-turnstile {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 300px !important;
    margin: 0 auto !important;
}

/* Shake animation for error message */
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
    20%, 40%, 60%, 80% { transform: translateX(5px); }
}