/*
 * Lesson notes, discussion, and study partner board styles.
 * Save as: wp-content/themes/ahl-al-ilm/assets/css/community.css
 */

.lesson-notes, .lesson-discussion {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid var(--border);
}
.lesson-notes-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 14px; }
.lesson-notes-grid .full { grid-column: 1 / -1; }
.lesson-notes-grid label { display: block; font-size: 11px; font-weight: 600; color: var(--gold-dark); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px; }
.lesson-notes-grid input, .lesson-notes-grid textarea {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 7px;
  padding: 8px 12px;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  resize: vertical;
}

.lesson-discussion .comment-list { list-style: none; margin: 0; padding: 0; }
.lesson-discussion .comment-form textarea {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 7px;
  padding: 10px 12px;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  min-height: 80px;
}
.lesson-discussion .comment-form input[type="submit"] {
  background: var(--gold);
  color: #3B2A0E;
  border: none;
  border-radius: 7px;
  height: 38px;
  padding: 0 18px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  margin-top: 8px;
}

/* ---------- Study partner board ---------- */
.partner-page { max-width: 1080px; margin: 0 auto; padding: 32px 24px 80px; }
.partner-form-section {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 24px;
  margin-bottom: 32px;
}
.partner-form { display: flex; flex-direction: column; gap: 6px; max-width: 480px; }
.partner-form label { font-size: 11px; font-weight: 600; color: var(--gold-dark); text-transform: uppercase; letter-spacing: 0.5px; margin-top: 8px; }
.partner-form input, .partner-form textarea, .partner-form select {
  border: 1px solid var(--border);
  border-radius: 7px;
  padding: 8px 12px;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
}
.partner-form .toolkit-btn { align-self: flex-start; margin-top: 12px; }
.partner-subject-checks { display: flex; flex-wrap: wrap; gap: 10px; }
.subject-check { display: flex; align-items: center; gap: 4px; font-size: 12.5px; font-weight: 400; text-transform: none; letter-spacing: 0; color: var(--text); }

.partner-grid { margin-top: 12px; }
.partner-card .resource-card__meta { margin-bottom: 6px; }
.partner-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }