/* ============================================================
   NAVIBLOG — COMMENT PAGE SPECIFIC STYLES
   ============================================================ */

/* ------------------------------------------------------------
   COMMENT CARD
   ------------------------------------------------------------ */
.comment-card {
  background: #fff;
  border: 1px solid var(--ivory-dark);
  padding: var(--space-3);
  box-shadow: var(--shadow-sm);
  border-radius: var(--radius-md);
  height: 100%;
  display: flex;
  flex-direction: column;
}

.comment-card-body {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* ------------------------------------------------------------
   META (signature + date + statut)
   ------------------------------------------------------------ */
.comment-card-meta {
  display: flex;
  align-items: center;
  gap: .4rem;
  margin-bottom: var(--space-2);
}

.comment-signature {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
  font-size: .98rem;
  color: var(--slate);
}

.comment-date {
  font-size: .76rem;
  color: var(--muted);
  letter-spacing: .04em;
}

.comment-badge {
  font-size: .7rem;
  padding: .2rem .45rem;
  border-radius: var(--radius-sm);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 600;
}

.comment-badge.published {
  background: var(--gold);
  color: #fff;
}

.comment-badge.pending {
  background: var(--ivory);
  color: var(--muted);
  border: 1px solid var(--ivory-dark);
}

/* ------------------------------------------------------------
   EXCERPT
   ------------------------------------------------------------ */
.comment-excerpt {
  font-size: .92rem;
  color: var(--muted);
  line-height: 1.7;
  margin-bottom: var(--space-3);
  flex-grow: 1;
  max-height: 6.5rem; /* homogénéisation des cards */
  overflow: hidden;
}

/* ------------------------------------------------------------
   ACTIONS
   ------------------------------------------------------------ */
.comment-card-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}

.comment-readmore {
  font-size: .85rem;
  font-weight: 500;
  text-decoration: none;
  color: var(--gold);
}

.comment-readmore:hover {
  color: var(--slate);
}

.comment-delete-link {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: var(--muted);
  font-size: .75rem;
  text-decoration: underline;
  cursor: pointer;
}

.comment-delete-link:hover {
  color: var(--slate);
}


.comment-card-meta {
  display: flex;
  align-items: center;
  margin-bottom: var(--space-2);
}

.comment-card-meta.justify-between {
  justify-content: space-between;
}

.meta-left {
  display: flex;
  align-items: center;
  gap: .4rem;
}

.meta-right {
  display: flex;
  align-items: center;
}