/**
 * CFU Comments Plugin - Styles
 *
 * Styles for the comment subscription and moderation guideline checkboxes
 */

/* Comment subscription checkbox styles */
.comment-form-cfu-comments {
    clear: both;
    margin: 15px 0;
    padding: 5px 0;
    position: relative;
}

/* Moderation guidelines checkbox styles */
.comment-form-moderation-guidelines {
    clear: both;
    margin: 15px 0;
    padding: 5px 0;
    position: relative;
    line-height: 1.5;
}

/* Checkbox styling */
.comment-form-cfu-comments input[type="checkbox"],
.comment-form-moderation-guidelines input[type="checkbox"] {
    margin-right: 8px;
    position: relative;
    top: 1px;
}

/* Better label alignment */
.comment-form-cfu-comments label,
.comment-form-moderation-guidelines label {
    display: inline-block;
    max-width: calc(100% - 30px);
    vertical-align: top;
}

/* Visual indication for checked state */
.comment-form-cfu-comments.checked,
.comment-form-moderation-guidelines.checked {
    background-color: rgba(0, 128, 0, 0.05);
    border-radius: 3px;
    padding: 5px;
}

/* Error message styling */
.cfu-comments-error {
    color: #d63638;
    display: block;
    font-size: 0.9em;
    margin-top: 5px;
    padding-left: 25px;
}

/* Mobile responsiveness */
@media screen and (max-width: 600px) {
    .comment-form-moderation-guidelines label {
        font-size: 0.9em;
    }
}

/* Comment action buttons (pin, approve, trash) */
.cfu-comment-actions {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    gap: 0.25rem;
}

.cfu-comment-actions button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.25rem;
    font-size: 1.15rem;
    line-height: 1;
    opacity: 0.7;
    transition: opacity 0.15s;
}

.cfu-comment-actions button:hover {
    opacity: 1;
}