/* Barakah donation form. Inherits the host theme's design tokens when present
   (Teranga defines --terracotta / --cream / --ink / --radius-md …), with safe
   fallbacks so the form looks intentional on any theme. */
.bkh-form-wrap { max-width: 560px; margin: 0 auto; }
.bkh-form {
	background: var(--cream, #fbf7ef);
	border: 1px solid var(--line, #e6e2da);
	border-radius: var(--radius-lg, 16px);
	padding: 24px;
	color: var(--ink, #241a12);
}
.bkh-tabs { display: flex; gap: 8px; margin-bottom: 16px; }
.bkh-tab {
	flex: 1; text-align: center; padding: 10px; cursor: pointer;
	border: 1px solid var(--line, #e6e2da); border-radius: var(--radius-md, 10px);
	background: #fff;
}
.bkh-tab input { margin-right: 6px; }
.bkh-panel { margin-bottom: 16px; }
.bkh-panel-title { font-weight: 600; margin: 0 0 10px; }
.bkh-choices { display: flex; flex-wrap: wrap; gap: 8px; }
.bkh-choice {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 10px 14px; border: 1px solid var(--line, #e6e2da);
	border-radius: var(--radius-md, 10px); background: #fff; cursor: pointer;
}
.bkh-choice input[type="number"] { width: 7em; border: 0; background: transparent; }
.bkh-impact {
	margin: 12px 0 0; font-weight: 700;
	color: var(--terracotta, #b3420b);
}
.bkh-field { margin: 14px 0; }
.bkh-field label { display: block; font-weight: 600; margin-bottom: 4px; }
.bkh-field input[type="text"], .bkh-field input[type="email"] {
	width: 100%; padding: 10px 12px;
	border: 1px solid var(--line, #e6e2da); border-radius: var(--radius-md, 10px);
}
.bkh-cover label { font-weight: 400; display: flex; align-items: center; gap: 8px; }
.bkh-submit { width: 100%; margin-top: 8px; }
.bkh-secure { font-size: 12px; color: var(--text-muted, #6b6b6b); text-align: center; margin: 10px 0 0; }
.bkh-unconfigured { color: #8a6d3b; font-style: italic; }
.bkh-notice { padding: 12px 16px; border-radius: var(--radius-md, 10px); margin-bottom: 16px; }
.bkh-notice-success { background: #e7f4e4; border: 1px solid #b7dbb0; }
.bkh-notice-info { background: #eef3fb; border: 1px solid #cfe0f5; }
.bkh-notice-error { background: #fbeaea; border: 1px solid #f0c2c2; }
.bkh-counter { text-align: center; }
.bkh-counter-num { font-size: 2.4rem; font-weight: 800; color: var(--terracotta, #b3420b); display: block; }
.bkh-counter-label { color: var(--text-muted, #6b6b6b); text-transform: uppercase; letter-spacing: .05em; font-size: .85rem; }