/* Blog comments authentication area */

.ep-blog-popup-comments a[href*="login"],
.ep-blog-popup-comments a[href*="signup"],
.ep-blog-popup-comments a[href*="register"],
.ep-blog-popup-comments a[href*="sign-up"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 18px !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    background: var(--surface2) !important;
    color: var(--text) !important;
    font: inherit !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

.ep-blog-popup-comments a[href*="login"]:hover,
.ep-blog-popup-comments a[href*="signup"]:hover,
.ep-blog-popup-comments a[href*="register"]:hover,
.ep-blog-popup-comments a[href*="sign-up"]:hover {
    background: var(--surface) !important;
    border-color: var(--accent) !important;
    color: var(--text) !important;
}

/* Prevent white or yellow backgrounds on the auth notice */
.ep-blog-popup-comments .login-required,
.ep-blog-popup-comments .comment-login,
.ep-blog-popup-comments .ep-c2-login,
.ep-blog-popup-comments .ep-c2-auth,
.ep-blog-popup-comments .ep-c2-login-prompt {
    background: var(--surface) !important;
    color: var(--text) !important;
    border-color: var(--border) !important;
    box-shadow: none !important;
}

/* Keep links readable in all themes */
.ep-blog-popup-comments .login-required a,
.ep-blog-popup-comments .comment-login a,
.ep-blog-popup-comments .ep-c2-login a,
.ep-blog-popup-comments .ep-c2-auth a,
.ep-blog-popup-comments .ep-c2-login-prompt a {
    color: var(--text) !important;
}