/* ========================================
   5. INTERACTIVE HOVER STATES - EVERYTHING
   Add feedback for all clickable elements
   ======================================== */

/* Add a Comment button styling */
.ap-q-metas + * a[href*="comment"],
a[href*="Add a Comment"],
.ap-post-footer a,
#ap-form-main .ap-btn-submit,
#form_answer .ap-btn-submit {
    display: inline-block !important;
    padding: 0.75rem 1.5rem !important;
    background: linear-gradient(135deg, #F5E8FF, #FFE8F6) !important;
    color: var(--color-primary-dark) !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    border: 1px solid rgba(124, 58, 237, 0.25) !important;
    box-shadow: 0 10px 26px rgba(124, 58, 237, 0.18) !important;
}

.ap-q-metas + * a[href*="comment"]:hover,
a[href*="Add a Comment"]:hover,
.ap-post-footer a:hover,
#ap-form-main .ap-btn-submit:hover,
#form_answer .ap-btn-submit:hover {
    transform: translateY(-2px) scale(1.03) !important;
    box-shadow: 0 16px 32px rgba(124, 58, 237, 0.28) !important;
}

/* All buttons get cursor pointer */
button,
.ap-btn,
.ap-button,
input[type="submit"] {
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

/* All links get hover feedback */
a {
    cursor: pointer !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}

a:hover {
    transform: translateX(2px) !important;
}

/* Pulse animation for interactive elements */
@keyframes subtlePulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.02);
    }
}

.ap-btn-vote-up,
.ap-btn-vote-down {
    animation: subtlePulse 3s ease-in-out infinite !important;
}

/* Stop pulse on hover */
.ap-btn-vote-up:hover,
.ap-btn-vote-down:hover {
    animation: none !important;
}

/* Add pointer cursor to all interactive elements */
.ap-q-content,
.ap-answer,
.ap-question-meta span,
.net-vote-count {
    cursor: default !important;
}

/* Vote count matches compact widget layout */
.net-vote-count {
    font-size: 1.25rem !important;
    font-weight: var(--font-weight-bold) !important;
    color: var(--color-primary-dark) !important;
    -webkit-text-fill-color: currentColor !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 2rem !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    filter: none !important;
}