/*
 * Chama landing page — supplementary styles.
 *
 * Covers the checkbox group controls the chama enquiry form introduces and that
 * main.css does not yet style. Linked after main.css from page-chama.php.
 * Intended to be folded back into the SCSS pipeline later — keep selectors
 * aligned with scss/_layout.scss.
 */

.form_checkbox_group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.form_checkbox_group.error {
  padding: 12px 14px;
  border: 1px solid #E63323;
  border-radius: 10px;
}

.form_checkbox {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.4;
  color: #1E201F;
}

.form_checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #AAB438;
  cursor: pointer;
  flex: none;
  margin: 2px 0 0;
}

.form_checkbox.is_disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.form_group_hint {
  display: inline;
  color: #6f7a4a;
  font-size: 13px;
}

/* WhatsApp share block on the chama thank-you page. */
.whatsapp_share {
  margin: 28px 0 8px;
}

.whatsapp_share_title {
  font-size: 16px;
  color: #1E201F;
  margin-bottom: 14px;
}

.whatsapp_share_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #25D366;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  padding: 15px 28px;
  border-radius: 10px;
  text-decoration: none;
  transition: background 0.2s ease;
}

.whatsapp_share_btn:hover,
.whatsapp_share_btn:visited {
  color: #ffffff;
}

.whatsapp_share_btn:hover {
  background: #1da851;
}

.whatsapp_share_btn_icon {
  width: 22px;
  height: 22px;
  fill: currentColor;
  flex: none;
}