:root{ --brand-yellow:#ffc107; --brand-dark:#212529; }
    body{ font-family: Arial, sans-serif; }
    .navbar-brand img{ height:70px; }
    .section-title{ font-weight:700; margin-bottom:1rem; }
    .soft-card{
      border:1px solid #e9ecef; border-radius:12px; padding:20px; background:#fff; transition:.2s;
    }

    .comment{ border:1px solid #eee; border-radius:10px; padding:12px; background:#fff; }
    .reply{ margin-left:28px; }
    
    /* === Footer toujours en bas === */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

/* le contenu principal doit prendre la place restante */
main {
  flex: 1 0 auto;
}

/* footer fixé en bas visuellement */
footer {
  flex-shrink: 0;
  margin-top: auto;
  background-color: #212529; /* même couleur que bg-dark */
  color: #fff;
  width: 100%;
}

/* styles visuels optionnels */
footer p {
  margin: 0;
  font-size: 0.9rem;
  color: rgba(255,255,255,0.7);
}

footer a {
  color: #ffc107;
  text-decoration: none;
}

footer a:hover {
  color: #fff;
}