/* =========================================================================
   suite theme - comment form hints / tips
   Loaded by header.php
   ========================================================================= */

/* Top notice block (above the form) */
.comment-tips {
    margin: 0 0 16px 0;
    padding: 10px 14px;
    background: rgba(135, 131, 120, 0.08);
    border-left: 3px solid var(--accent, #e8a0a0);
    border-radius: 0 6px 6px 0;
    font-size: 13px;
    line-height: 1.6;
    color: var(--muted, #888);
}
:root[data-theme="dark"] .comment-tips { background: rgba(255, 255, 255, 0.04); }
.comment-tips p { margin: 0; }
.comment-tips p + p { margin-top: 6px; }

/* Per-field hint text (small, below each input) */
.field-hint {
    display: block;
    margin-top: 4px;
    font-size: 11.5px;
    line-height: 1.5;
    color: var(--hint, #999);
    opacity: 0.85;
}
:root[data-theme="dark"] .field-hint { color: #7a7a82; }

/* Placeholder color (subtle, but readable) */
input::placeholder,
textarea::placeholder {
    color: var(--ph, #b0b0b0);
    opacity: 1;
}
:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder { color: #6a6a72; }

/* Submit button row layout */
.form-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}
.form-actions button {
    /* let theme style.css keep its primary button look */
}
.submit-hint {
    font-size: 11.5px;
    color: var(--hint, #999);
    opacity: 0.85;
}
:root[data-theme="dark"] .submit-hint { color: #7a7a82; }