/* ============================================================
   NAVIBLOG — COMPONENT : COMMENT FORM
   Spécifique aux articles
   ============================================================ */

    .comment-form { background: var(--ivory); padding: 2rem 2rem 2.2rem; margin-top: 2rem; }
    .comment-form .form-label {
      font-size: .74rem; font-weight: 500; letter-spacing: .12em; text-transform: uppercase;
      color: var(--slate); margin-bottom: .5rem;
    }
    .comment-form .form-control {
      border: 1px solid var(--ivory-dark); border-radius: 0; font-size: .92rem;
      padding: .7rem .9rem; background: #fff;
    }
    .comment-form .form-control:focus {
      border-color: var(--gold); box-shadow: none;
    }
    .comment-form textarea.form-control { resize: vertical; min-height: 120px; }
    .comment-form-note { font-size: .78rem; color: var(--muted); margin-top: .8rem; margin-bottom: 0; }
    .comment-login-prompt {
      background: var(--ivory); padding: 1.8rem 2rem; margin-top: 2rem;
      text-align: center; border-top: 3px solid var(--gold);
    }
    .comment-login-prompt p { font-size: .92rem; color: var(--muted); margin-bottom: 1rem; }

/* ------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------ */
@media (max-width: 768px) {
  .comment-form,
  .comment-login-prompt {
    padding: var(--space-3);
  }

  .comment-form textarea {
    min-height: 120px;
  }
}