/* ===== BASE ===== */
#page-main-content {
  font-family: "Calibri", Arial, sans-serif;
  color: #333;
  line-height: 1.6;
  padding: 20px;
}

/* ===== EN-TÊTE DU SUJET ===== */
.node__meta {
  color: #828282; /* Gris secondaire */
  font-size: 0.9em;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e9ecef;
}

.node__meta a {
  color: #48a74a !important; /* Vert principal */
  font-weight: 500;
}

/* ===== CONTENU DU FORUM ===== */
.field--name-taxonomy-forums {
  margin-bottom: 20px;
}

.field--name-taxonomy-forums .field__label {
  font-weight: bold;
  color: #007646; /* Vert secondaire */
}

.field--name-taxonomy-forums a {
  color: #48a74a !important; /* Vert principal */
  text-decoration: none;
  font-weight: 500;
}

/* ===== FORMULAIRE DE COMMENTAIRE ===== */
.comment-comment-forum-form {
  margin-top: 40px;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 4px;
}

.comment-comment-forum-form h2 {
  color: #007646; /* Vert secondaire */
  margin-bottom: 20px;
  font-size: 1.5em;
  border-bottom: 2px solid #48a74a;
  padding-bottom: 8px;
}

.form-item label {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  color: #495057;
}

.form-text, .form-textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  margin-bottom: 15px;
  font-family: "Calibri", Arial, sans-serif;
}

.form-actions {
  margin-top: 20px;
  text-align: right;
}

.button--primary {
  background-color: #48a74a !important; /* Vert principal */
  color: white !important;
  padding: 10px 20px !important;
  border: none !important;
  border-radius: 4px !important;
  font-weight: bold !important;
  cursor: pointer;
  transition: background 0.3s;
}

.button--primary:hover {
  background-color: #007646 !important; /* Vert secondaire */
}

/* ===== ÉDITEUR DE TEXTE ===== */
.ck-editor__editable {
  min-height: 200px;
  border: 1px solid #ced4da !important;
  border-radius: 4px !important;
}

.ck-toolbar {
  border: 1px solid #ced4da !important;
  border-bottom: none !important;
  border-radius: 4px 4px 0 0 !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  #page-main-content {
    padding: 10px;
  }
  
  .comment-comment-forum-form {
    padding: 15px;
  }
  
  .form-actions {
    text-align: center;
  }
  
  .button {
    width: 100%;
    margin-bottom: 10px !important;
  }
}

/* ===== ACCESSIBILITÉ ===== */
.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
}