/* Al-Majd — area pricing box (matches the light brand theme) */
.amap-toggle-wrap { margin: 14px 0 6px; }
.amap-standard-note { margin: 0 0 8px; color: #6b4326; font-weight: 600; }
.amap-toggle-label {
	display: inline-flex; align-items: center; gap: 8px; cursor: pointer;
	font-weight: 600; color: #24211d;
	background: #f7f2ea; border: 1px solid #e3d7c4; border-radius: 8px;
	padding: 10px 14px;
}
.amap-toggle-label:hover { border-color: #b8863b; }
.amap-toggle { width: 17px; height: 17px; accent-color: #b8863b; }

.amap-box[hidden] { display: none; }
.amap-box {
	margin: 14px 0 18px; padding: 18px;
	border: 1px solid #e3d7c4; border-radius: 12px; background: #faf7f2;
}
.amap-box__title { margin: 0 0 14px; font-size: 17px; color: #2e1b10; font-family: "El Messiri","Tajawal",serif; display: flex; align-items: center; gap: 8px; }
.amap-box__title::before { content: "📐"; }

.amap-row { margin-bottom: 12px; }
.amap-row label { display: block; font-size: 13px; font-weight: 700; color: #6b4326; margin-bottom: 5px; }
.amap-row--pair { display: flex; align-items: flex-end; gap: 10px; }
.amap-row--pair > div { flex: 1; }
.amap-x { padding-bottom: 12px; font-size: 20px; font-weight: 700; color: #b8863b; }

.amap-input { width: 100%; padding: 11px 12px; border: 1px solid #d8c9b0; border-radius: 8px; font-size: 16px; background: #fff; color: #24211d; }
.amap-input:focus { outline: none; border-color: #b8863b; box-shadow: 0 0 0 3px rgba(184,134,59,.18); }

.amap-result { margin-top: 14px; padding-top: 14px; border-top: 1px dashed #b8863b; }
.amap-result__row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; color: #24211d; }
.amap-result__total { font-size: 19px; }
.amap-result__total .amap-total { color: #6b4326; font-family: "El Messiri","Tajawal",serif; }
.amap-note { margin: 6px 0 0; font-size: 12px; color: #8a7d6d; }