/* RBFund — Frontend styles (lightweight, responsive, no dependencies) */
:root {
	--rbfund-primary: #16a34a;
	--rbfund-primary-dark: #15803d;
	--rbfund-progress: #16a34a;
	--rbfund-btn: #16a34a;
	--rbfund-btn-shortcode: #16a34a;
	--rbfund-bg: #ffffff;
	--rbfund-muted: #6b7280;
	--rbfund-border: #e5e7eb;
	--rbfund-radius: 12px;

	/* Design tokens tambahan (dipakai komponen baru; tidak mengubah yg lama) */
	--rbfund-primary-soft: rgba(22, 163, 74, .08);
	--rbfund-text: #1f2937;
	--rbfund-text-soft: #4b5563;
	--rbfund-bg-soft: #f8fafc;
	--rbfund-border-soft: #eef2f6;
	--rbfund-radius-sm: 8px;
	--rbfund-radius-lg: 16px;
	--rbfund-radius-pill: 999px;
	--rbfund-shadow-sm: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);
	--rbfund-shadow-md: 0 4px 12px rgba(16, 24, 40, .06), 0 2px 4px rgba(16, 24, 40, .04);
	--rbfund-shadow-lg: 0 12px 28px rgba(16, 24, 40, .10), 0 4px 8px rgba(16, 24, 40, .05);
	--rbfund-space-xs: 6px;
	--rbfund-space-sm: 10px;
	--rbfund-space-md: 16px;
	--rbfund-space-lg: 24px;
	--rbfund-transition: .18s cubic-bezier(.4, 0, .2, 1);
	--rbfund-page-width: 500px;
}

.rbfund-campaign-card,
.rbfund-single,
.rbfund-single-form,
.rbfund-form {
	box-sizing: border-box;
}
.rbfund-campaign-card *,
.rbfund-form * { box-sizing: border-box; }

/* Progress bar */
.rbfund-progress {
	background: var(--rbfund-border);
	border-radius: 999px;
	height: 12px;
	overflow: hidden;
	margin: 12px 0;
}
.rbfund-progress-bar {
	background: linear-gradient(90deg, var(--rbfund-progress, var(--rbfund-primary)), var(--rbfund-progress, var(--rbfund-primary-dark)));
	height: 100%;
	border-radius: 999px;
	transition: width .6s ease;
	min-width: 2px;
}

/* Stats */
.rbfund-stats {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	margin: 12px 0 16px;
}
.rbfund-stat { display: flex; flex-direction: column; }
.rbfund-stat-value { font-size: 1.15rem; font-weight: 700; color: #111827; }
.rbfund-stat-label { font-size: .8rem; color: var(--rbfund-muted); }

/* Campaign card */
.rbfund-campaign-card {
	border: 1px solid var(--rbfund-border);
	border-radius: var(--rbfund-radius);
	overflow: hidden;
	background: var(--rbfund-bg);
	max-width: 640px;
}
.rbfund-campaign-thumb img { width: 100%; height: auto; display: block; }
.rbfund-campaign-body { padding: 20px; }
.rbfund-campaign-title { margin: 0 0 8px; font-size: 1.35rem; }

/* Form */
.rbfund-form { margin-top: 16px; }
.rbfund-field { margin-bottom: 14px; }
.rbfund-field label { display: block; font-weight: 600; margin-bottom: 6px; font-size: .9rem; }
.rbfund-field input,
.rbfund-field select,
.rbfund-field textarea {
	width: 100%;
	padding: 11px 12px;
	border: 1px solid var(--rbfund-border);
	border-radius: 8px;
	font-size: 1rem;
	font-family: inherit;
}
.rbfund-field input:focus,
.rbfund-field select:focus,
.rbfund-field textarea:focus {
	outline: none;
	border-color: var(--rbfund-primary);
	box-shadow: 0 0 0 3px rgba(22,163,74,.15);
}
.rbfund-row { display: flex; gap: 12px; }
.rbfund-row .rbfund-field { flex: 1; }

.rbfund-presets { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.rbfund-preset {
	border: 1px solid var(--rbfund-border);
	background: #f9fafb;
	border-radius: 8px;
	padding: 8px 12px;
	cursor: pointer;
	font-size: .9rem;
	transition: all .15s ease;
}
.rbfund-preset:hover { border-color: var(--rbfund-primary); }
.rbfund-preset.active {
	background: var(--rbfund-primary);
	color: #fff;
	border-color: var(--rbfund-primary);
}

.rbfund-check { display: flex; align-items: center; gap: 8px; font-size: .9rem; margin-bottom: 14px; }
.rbfund-check input { width: auto; }

.rbfund-submit {
	width: 100%;
	background: var(--rbfund-btn, var(--rbfund-primary));
	color: #fff;
	border: none;
	border-radius: 10px;
	padding: 14px;
	font-size: 1.05rem;
	font-weight: 700;
	cursor: pointer;
	transition: background .15s ease;
}
.rbfund-submit:hover { background: var(--rbfund-primary-dark); }
.rbfund-submit:disabled { opacity: .6; cursor: not-allowed; }

.rbfund-form-message {
	margin-top: 14px;
	padding: 14px;
	border-radius: 10px;
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	font-size: .92rem;
}
.rbfund-form-message.error { background: #fef2f2; border-color: #fecaca; }
.rbfund-form-message .rbfund-bank { margin: 8px 0; padding-left: 18px; }
.rbfund-form-message .rbfund-note { color: var(--rbfund-muted); font-size: .85rem; margin-top: 8px; }
.rbfund-qris { max-width: 220px; height: auto; margin: 8px 0; }

/* Grid */
.rbfund-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 20px;
}
.rbfund-grid-item {
	border: 1px solid var(--rbfund-border);
	border-radius: var(--rbfund-radius);
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	background: var(--rbfund-bg);
	transition: transform .15s ease, box-shadow .15s ease;
}
.rbfund-grid-item:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,.08); }
.rbfund-grid-thumb img {
	width: 100%;
	height: auto;
	max-width: 100%;
	display: block;
	vertical-align: middle;
}
.rbfund-grid-body { padding: 14px; }
.rbfund-grid-body h4 { margin: 0 0 6px; font-size: 1rem; line-height: 1.3; }
.rbfund-grid-meta { display: flex; justify-content: space-between; font-size: .85rem; color: var(--rbfund-muted); }

/* Sticky button */
.rbfund-sticky-btn {
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--rbfund-btn, var(--rbfund-primary));
	color: #fff !important;
	padding: 14px 32px;
	border-radius: 999px;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0 6px 20px rgba(22,163,74,.4);
	z-index: 9999;
}
.rbfund-sticky-btn:hover { background: var(--rbfund-primary-dark); }

.rbfund-progress-mini small { color: var(--rbfund-muted); }

/* Responsive */
@media (max-width: 560px) {
	.rbfund-row { flex-direction: column; gap: 0; }
	.rbfund-stats { gap: 12px; }
	.rbfund-campaign-body { padding: 16px; }
}

/* ============ Kabar & Doa ============ */
.rbfund-section { margin: 28px 0; }
.rbfund-section-title {
	font-size: 1.15rem;
	font-weight: 700;
	margin: 0 0 14px;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--rbfund-primary, #16a34a);
	display: inline-block;
}

/* Timeline kabar */
.rbfund-timeline { border-left: 2px solid #e6ebef; padding-left: 18px; }
.rbfund-update { position: relative; margin-bottom: 22px; }
.rbfund-update::before {
	content: "";
	position: absolute;
	left: -25px;
	top: 4px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--rbfund-primary, #16a34a);
	box-shadow: 0 0 0 3px #fff;
}
.rbfund-update-date { font-size: .8rem; color: #8a97a3; margin-bottom: 3px; }
.rbfund-update-title { margin: 0 0 8px; font-size: 1rem; }
.rbfund-update-img { width: 100%; border-radius: 10px; margin: 6px 0 10px; display: block; }
.rbfund-update-content { color: #47555f; line-height: 1.6; font-size: .95rem; }
.rbfund-update-content p { margin: 0 0 8px; }

/* Dinding doa */
.rbfund-doa-list { display: flex; flex-direction: column; gap: 14px; }
.rbfund-doa-item { display: flex; gap: 12px; align-items: flex-start; }
.rbfund-doa-avatar {
	flex: none;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: var(--rbfund-primary, #16a34a);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 1rem;
}
.rbfund-doa-body {
	background: #f6f8fa;
	border-radius: 12px;
	padding: 12px 14px;
	flex: 1;
	min-width: 0;
}
.rbfund-doa-head { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 4px; margin-bottom: 4px; }
.rbfund-doa-name { font-weight: 600; }
.rbfund-doa-meta { font-size: .78rem; color: #8a97a3; }
.rbfund-doa-message { margin: 0 0 8px; color: #3c4a54; line-height: 1.55; font-size: .95rem; }

.rbfund-aamiin-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #fff;
	border: 1px solid #d7dee4;
	border-radius: 999px;
	padding: 5px 13px;
	font-size: .82rem;
	color: #4b5a66;
	cursor: pointer;
	transition: all .15s;
}
.rbfund-aamiin-btn:hover { border-color: var(--rbfund-primary, #16a34a); color: var(--rbfund-primary, #16a34a); }
.rbfund-aamiin-btn.amiined {
	background: var(--rbfund-primary, #16a34a);
	border-color: var(--rbfund-primary, #16a34a);
	color: #fff;
	cursor: default;
}
.rbfund-aamiin-count {
	background: rgba(0, 0, 0, .08);
	border-radius: 999px;
	padding: 1px 8px;
	font-weight: 700;
	font-size: .78rem;
}
.rbfund-aamiin-btn.amiined .rbfund-aamiin-count { background: rgba(255, 255, 255, .25); }

@media (max-width: 600px) {
	.rbfund-doa-avatar { width: 36px; height: 36px; }
}

/* ============ Fundraiser + Referral ============ */
.rbfund-ref-note {
	background: #eef7ff;
	border: 1px solid #cfe6fb;
	color: #1e6fa8;
	border-radius: 10px;
	padding: 10px 14px;
	margin-bottom: 14px;
	font-size: .92rem;
}
.rbfund-ref-ic { margin-right: 4px; }

.rbfund-fr-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	margin-bottom: 16px;
}
.rbfund-fr-card {
	display: flex;
	gap: 10px;
	align-items: center;
	background: #f6f8fa;
	border-radius: 10px;
	padding: 10px 12px;
}
.rbfund-fr-avatar {
	width: 38px; height: 38px; flex: none;
	border-radius: 50%;
	background: var(--rbfund-primary, #16a34a);
	color: #fff; font-weight: 700;
	display: flex; align-items: center; justify-content: center;
}
.rbfund-fr-info { min-width: 0; }
.rbfund-fr-info strong { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rbfund-fr-sub { font-size: .78rem; color: #7a8893; }

.rbfund-fr-cta { text-align: center; margin-top: 6px; }
.rbfund-fr-toggle {
	background: transparent;
	border: 2px dashed var(--rbfund-primary, #16a34a);
	color: var(--rbfund-primary, #16a34a);
	border-radius: 999px;
	padding: 10px 20px;
	font-weight: 600;
	cursor: pointer;
	font-size: .92rem;
}
.rbfund-fr-toggle:hover { background: var(--rbfund-primary, #16a34a); color: #fff; }
.rbfund-fr-collapse { margin-top: 14px; text-align: left; }

/* Form daftar fundraiser */
.rbfund-fr-intro { color: #556572; font-size: .92rem; margin: 0 0 10px; }
.rbfund-fr-fields { display: flex; flex-direction: column; gap: 8px; margin-bottom: 10px; }
.rbfund-fr-fields input {
	padding: 10px 12px;
	border: 1px solid #d5dde4;
	border-radius: 8px;
	font-size: .95rem;
}
.rbfund-fr-submit {
	background: var(--rbfund-primary, #16a34a);
	color: #fff; border: none;
	border-radius: 8px;
	padding: 10px 18px;
	font-weight: 600; cursor: pointer;
}
.rbfund-fr-msg { margin-top: 8px; font-size: .88rem; }

/* Dashboard fundraiser */
.rbfund-fr-panel {
	background: #f6faf7;
	border: 1px solid #d8ebde;
	border-radius: 12px;
	padding: 16px;
}
.rbfund-fr-hello { margin: 0 0 10px; }
.rbfund-fr-linkrow { display: flex; gap: 8px; margin-bottom: 12px; }
.rbfund-fr-link {
	flex: 1; min-width: 0;
	padding: 9px 11px;
	border: 1px solid #cdd7de;
	border-radius: 8px;
	background: #fff;
	font-size: .85rem;
}
.rbfund-fr-copy {
	background: var(--rbfund-primary, #16a34a);
	color: #fff; border: none;
	border-radius: 8px; padding: 0 16px;
	font-weight: 600; cursor: pointer; flex: none;
}
.rbfund-fr-stats { display: flex; gap: 10px; margin-bottom: 12px; }
.rbfund-fr-stat {
	flex: 1; background: #fff;
	border: 1px solid #e4ece7;
	border-radius: 10px;
	padding: 10px; text-align: center;
}
.rbfund-fr-num { display: block; font-weight: 700; color: var(--rbfund-primary, #16a34a); }
.rbfund-fr-lbl { font-size: .74rem; color: #7a8893; }
.rbfund-fr-sharelabel { margin: 0 0 6px; font-size: .82rem; color: #566; }
.rbfund-fr-share { display: flex; flex-wrap: wrap; gap: 8px; }
.rbfund-share {
	color: #fff; text-decoration: none;
	padding: 8px 14px; border-radius: 8px;
	font-size: .85rem; font-weight: 600;
}
.rbfund-share.wa { background: #25d366; }
.rbfund-share.fb { background: #1877f2; }
.rbfund-share.tw { background: #0f1419; }
.rbfund-share.tg { background: #229ed9; }
.rbfund-share:hover { opacity: .9; }

@media (max-width: 600px) {
	.rbfund-fr-list { grid-template-columns: 1fr; }
}

/* ============ Form style variants & lokasi ============ */
.rbfund-presets--list { display: flex; flex-direction: column; gap: 8px; }
.rbfund-presets--list .rbfund-preset { width: 100%; text-align: left; }

.rbfund-campaign-loc {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 10px;
	font-size: .9rem;
	color: #5c6b76;
}
.rbfund-loc-map {
	color: var(--rbfund-primary, #16a34a);
	text-decoration: none;
	font-weight: 600;
}
.rbfund-loc-map:hover { text-decoration: underline; }

/* ==================================================================
   HALAMAN CAMPAIGN (single template)
   ================================================================== */
.rbfund-campaign-page {
	max-width: 1140px;
	margin: 24px auto;
	padding: 0 16px;
	color: #26333d;
}
.rbfund-cp-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: 24px;
	align-items: start;
}
/* Desktop (Wide): rapikan sidebar kanan agar mengikuti scroll & jarak seragam. */
.rbfund-cp-side {
	position: sticky;
	top: 78px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.rbfund-cp-main {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}
/* Judul & lokasi ikut alur flex (gap), tanpa margin dobel. */
.rbfund-cp-main > .rbfund-cp-title,
.rbfund-cp-main > .rbfund-cp-loc,
.rbfund-cp-main > .rbfund-cp-cover,
.rbfund-cp-main > .rbfund-cp-video { margin: 0; }
/* Pakai gap dari flex; hilangkan margin-bottom kartu agar jarak tidak dobel. */
.rbfund-cp-main > .rbfund-cp-card,
.rbfund-cp-side > .rbfund-cp-card { margin-bottom: 0; }

/* Cover — rasio konsisten agar tidak terlalu besar di desktop */
.rbfund-cp-cover { position: relative; border-radius: 16px; overflow: hidden; background: #eef1f5; }
/* Banner tampil UTUH mengikuti rasio aslinya (tidak di-crop), responsif
   menyesuaikan lebar layar. Tinggi otomatis mengikuti proporsi gambar. */
.rbfund-cp-cover img { width: 100%; height: auto; display: block; }
.rbfund-cp-cover-ph {
	background: linear-gradient(135deg, #1f2b6b, #16a34a);
	aspect-ratio: 20 / 11;
	display: flex; align-items: center; justify-content: center;
}
.rbfund-cp-cover-ph .dashicons { color: rgba(255,255,255,.6); font-size: 60px; width: 60px; height: 60px; }
.rbfund-cp-cover-actions {
	position: absolute;
	right: 14px; bottom: 14px;
	display: flex; gap: 10px;
}
.rbfund-cp-btn {
	display: inline-flex; align-items: center; gap: 6px;
	background: #fff; color: var(--rbfund-primary, #16a34a);
	border: 1px solid rgba(0,0,0,.06);
	border-radius: 999px;
	padding: 8px 16px;
	font-weight: 600; font-size: .85rem;
	text-decoration: none; cursor: pointer;
	box-shadow: 0 2px 8px rgba(0,0,0,.15);
}
.rbfund-cp-btn .dashicons { font-size: 16px; width: 16px; height: 16px; }

.rbfund-cp-title { font-size: 1.4rem; font-weight: 800; margin: 0; line-height: 1.3; }
.rbfund-cp-loc { display: flex; align-items: center; gap: 5px; color: #8a97a3; font-size: .92rem; margin: 0; }
.rbfund-cp-loc .dashicons { font-size: 17px; width: 17px; height: 17px; }
.rbfund-cp-loc a { color: var(--rbfund-primary, #16a34a); text-decoration: none; }

/* Tabs */
.rbfund-tabs {
	display: flex;
	gap: 0;
	border-bottom: 2px solid #eef2f5;
	margin-bottom: 20px;
	overflow-x: auto;
}
.rbfund-tab {
	background: transparent;
	border: none;
	padding: 14px 22px;
	font-size: .98rem;
	font-weight: 600;
	color: #6b7280;
	cursor: pointer;
	white-space: nowrap;
	border-bottom: 3px solid transparent;
	margin-bottom: -2px;
	transition: color .15s, border-color .15s;
}
.rbfund-tab:hover { color: var(--rbfund-primary, #16a34a); }
.rbfund-tab.active {
	color: var(--rbfund-primary, #16a34a);
	border-bottom-color: var(--rbfund-primary, #16a34a);
	background: transparent;
}
/* tabpane display is controlled in polish section below */

/* Konten + read more */
.rbfund-content-collapse { position: relative; max-height: 340px; overflow: hidden; transition: max-height .3s ease; }
.rbfund-content-collapse.expanded { max-height: none; }
.rbfund-content-inner img { max-width: 100%; height: auto; border-radius: 10px; }
.rbfund-content-fade {
	position: absolute; left: 0; right: 0; bottom: 0; height: 90px;
	background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
	pointer-events: none;
}
.rbfund-content-collapse.expanded .rbfund-content-fade { display: none; }
/* Collapse generik (kabar, donatur, dll.) — sama gaya dgn Keterangan. */
.rbfund-collapse { position: relative; max-height: 420px; overflow: hidden; transition: max-height .3s ease; }
.rbfund-collapse.expanded { max-height: none; }
.rbfund-collapse-fade {
	position: absolute; left: 0; right: 0; bottom: 0; height: 90px;
	background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
	pointer-events: none;
}
.rbfund-collapse.expanded .rbfund-collapse-fade { display: none; }
.rbfund-readmore {
	display: block;
	margin: 14px auto 0;
	background: #fff;
	border: 1px solid var(--rbfund-primary, #16a34a);
	color: var(--rbfund-primary, #16a34a);
	border-radius: 999px;
	padding: 9px 26px;
	font-weight: 600;
	cursor: pointer;
}

.rbfund-empty { color: #8a97a3; font-style: italic; padding: 12px 0; }

/* Donatur rows */
.rbfund-donor-rows { display: flex; flex-direction: column; }
.rbfund-donor-row { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #f0f3f5; }
.rbfund-donor-ava {
	width: 40px; height: 40px; border-radius: 50%; flex: none;
	background: var(--rbfund-primary, #16a34a); color: #fff;
	display: flex; align-items: center; justify-content: center; font-weight: 700;
}
.rbfund-donor-meta { flex: 1; min-width: 0; }
.rbfund-donor-meta strong { display: block; }
.rbfund-donor-meta span { font-size: .8rem; color: #8a97a3; }
.rbfund-donor-amt { font-weight: 700; color: var(--rbfund-primary, #16a34a); }

/* ============ Sidebar ============ */
.rbfund-cp-card {
	background: #fff;
	border: 1px solid #edf1f4;
	border-radius: 14px;
	padding: 20px;
	margin-bottom: 18px;
	box-shadow: 0 2px 12px rgba(20,40,60,.04);
}
.rbfund-cp-card-title { margin: 0 0 14px; font-size: 1.1rem; font-weight: 700; }

/* Donate card */
.rbfund-cp-donatecard {
	background: #fff;
	border: 1px solid #edf1f4;
	border-radius: 14px;
	padding: 22px;
	margin-bottom: 18px;
	box-shadow: 0 2px 12px rgba(20,40,60,.04);
}
.rbfund-cp-donatecard--mobile { display: none; }
.rbfund-dc-amounts { margin-bottom: 12px; }
.rbfund-dc-raised { display: block; font-size: 1.5rem; font-weight: 800; color: #1f2b33; }
.rbfund-dc-target { font-size: .85rem; color: #8a97a3; }
.rbfund-dc-bar { height: 8px; background: #eef2f5; border-radius: 999px; overflow: hidden; margin-bottom: 12px; }
.rbfund-dc-bar span { display: block; height: 100%; background: var(--rbfund-primary, #16a34a); border-radius: 999px; }
.rbfund-dc-meta { display: flex; justify-content: space-between; font-size: .88rem; color: #59666f; margin-bottom: 16px; }
.rbfund-dc-btn {
	width: 100%;
	background: var(--rbfund-primary, #16a34a);
	color: #fff; border: none;
	border-radius: 10px;
	padding: 14px;
	font-size: 1rem;
	font-weight: 700;
	cursor: pointer;
}
.rbfund-dc-btn:hover { filter: brightness(.95); }

/* Organizer */
.rbfund-org { display: flex; align-items: center; gap: 12px; }
.rbfund-org-logo {
	width: 48px; height: 48px; border-radius: 12px; flex: none;
	background: #1f2b6b; color: #fff;
	display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.2rem;
	overflow: hidden;
}
.rbfund-org-logo--img { background: #fff; border: 1px solid #e5e7eb; }
.rbfund-org-logo--img img { width: 100%; height: 100%; object-fit: contain; display: block; }
.rbfund-org-info strong { display: block; color: #1d4ed8; }
.rbfund-org-badge { font-size: .78rem; color: #16a34a; display: inline-flex; align-items: center; gap: 3px; }
.rbfund-org-badge .dashicons { font-size: 14px; width: 14px; height: 14px; }

/* Sidebar doa */
.rbfund-sidedoa {
	border: 1px solid #eef2f5;
	border-radius: 12px;
	padding: 14px;
	margin-bottom: 12px;
}
.rbfund-hidden-extra { display: none; }
.rbfund-sidedoa-list.expanded .rbfund-hidden-extra { display: block; }
.rbfund-sidedoa-head { display: flex; justify-content: space-between; gap: 6px; margin-bottom: 6px; }
.rbfund-sidedoa-name { font-weight: 700; }
.rbfund-sidedoa-time { font-size: .76rem; color: #9aa5b1; white-space: nowrap; }
.rbfund-sidedoa-msg { margin: 0 0 10px; color: #47555f; font-size: .92rem; line-height: 1.5; }

.rbfund-loadmore {
	display: block; margin: 4px auto 0;
	background: #fff; border: 1px solid #d7dee4;
	border-radius: 999px; padding: 8px 22px;
	color: #59666f; cursor: pointer; font-weight: 600;
}

/* Sidebar fundraiser */
.rbfund-sidefr {
	border: 1px solid #eef2f5;
	border-radius: 12px;
	padding: 12px 14px;
	margin-bottom: 10px;
}
.rbfund-sidefr-name { display: block; color: var(--rbfund-primary, #16a34a); }
.rbfund-sidefr-sub { display: block; font-size: .84rem; color: #59666f; margin: 2px 0 4px; }
.rbfund-sidefr-amt { font-weight: 700; }
.rbfund-frcta { text-align: center; margin-top: 14px; padding-top: 14px; border-top: 1px solid #f0f3f5; }
.rbfund-frcta-text { font-size: .88rem; color: #59666f; margin: 0 0 12px; }
.rbfund-frcta-btn {
	width: 100%;
	background: var(--rbfund-primary, #16a34a);
	color: #fff; border: none; border-radius: 10px;
	padding: 12px; font-weight: 700; cursor: pointer;
	display: inline-flex; align-items: center; justify-content: center; gap: 6px;
}

/* Modal */
.rbfund-modal { position: fixed; inset: 0; z-index: 99999; display: none; }
.rbfund-modal.open { display: block; }
.rbfund-modal-overlay { position: absolute; inset: 0; background: rgba(15,23,32,.55); }
.rbfund-modal-box {
	position: relative;
	max-width: 460px;
	margin: 5vh auto;
	background: #fff;
	border-radius: 16px;
	padding: 26px;
	max-height: 90vh;
	overflow-y: auto;
	box-shadow: 0 20px 60px rgba(0,0,0,.3);
}
.rbfund-modal-x {
	position: absolute; right: 16px; top: 12px;
	background: none; border: none; font-size: 26px; line-height: 1;
	color: #9aa5b1; cursor: pointer;
}
.rbfund-modal-title { margin: 0 0 16px; font-size: 1.25rem; }

/* Responsive */
@media (max-width: 900px) {
	.rbfund-cp-grid { grid-template-columns: 1fr; }
	.rbfund-cp-donatecard--desktop { display: none; }
	.rbfund-cp-donatecard--mobile { display: block; }
	.rbfund-cp-side { position: static; }
}

/* ============ Shortcode varian ============ */
.rbfund-info-box { border: 1px solid #edf1f4; border-radius: 12px; padding: 16px; }
.rbfund-info-title { margin: 0 0 4px; font-size: 1.05rem; }
.rbfund-info-loc { color: #8a97a3; font-size: .85rem; margin-bottom: 10px; }
.rbfund-info-stats { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 10px; font-size: .9rem; color: #566; }
.rbfund-info-stats strong { color: var(--rbfund-primary, #16a34a); }
.rbfund-sc-raised, .rbfund-sc-count { font-weight: 700; color: var(--rbfund-primary, #16a34a); }

.rbfund-listcard {
	display: flex; gap: 14px; align-items: center;
	text-decoration: none; color: inherit;
	border: 1px solid #edf1f4; border-radius: 12px; padding: 12px;
	max-width: 520px;
}
.rbfund-listcard-thumb {
	width: 90px; height: 64px; flex: none; border-radius: 8px;
	background-size: cover; background-position: center; background-color: #eef1f6;
}
.rbfund-listcard-body { flex: 1; min-width: 0; }
.rbfund-listcard-body strong { display: block; margin-bottom: 6px; }
.rbfund-listcard-meta { font-size: .85rem; color: #8a97a3; }
.rbfund-form-compact .rbfund-field { margin-bottom: 8px; }

/* ============ Tombol WhatsApp mengambang ============ */
.rbfund-wa-float {
	position: fixed; right: 18px; bottom: 18px; z-index: 9999;
	display: flex; align-items: center; gap: 10px;
	text-decoration: none;
}
.rbfund-wa-bubble {
	background: #fff; color: #222; padding: 8px 12px; border-radius: 10px;
	box-shadow: 0 6px 20px rgba(0,0,0,.15); font-size: .85rem; max-width: 190px;
}
.rbfund-wa-ic {
	width: 56px; height: 56px; border-radius: 50%;
	background: #25d366; color: #fff; font-size: 30px;
	display: flex; align-items: center; justify-content: center;
	box-shadow: 0 6px 20px rgba(37,211,102,.5); flex: none;
}
@media (max-width: 600px) { .rbfund-wa-bubble { display: none; } }

.rbfund-fr-desc { color: var(--rbfund-muted); font-size: .9rem; margin: 0 0 12px; }

/* ============ Kalkulator Zakat ============ */
.rbfund-zakat { border: 1px solid var(--rbfund-border); border-radius: 12px; padding: 16px; margin-bottom: 16px; background: #fbfdfc; }
.rbfund-z-info { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: .82rem; color: var(--rbfund-muted); margin-bottom: 12px; }
.rbfund-z-info strong { color: var(--rbfund-primary); }
.rbfund-z-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.rbfund-z-tab { background: #fff; border: 1px solid var(--rbfund-border); border-radius: 8px; padding: 6px 12px; cursor: pointer; font-size: .85rem; font-weight: 600; color: #555; }
.rbfund-z-tab.active { background: var(--rbfund-primary); border-color: var(--rbfund-primary); color: #fff; }
.rbfund-z-panel { display: none; }
.rbfund-z-panel.active { display: block; }
.rbfund-z-panel label { display: block; font-size: .82rem; font-weight: 600; margin: 8px 0 4px; color: #444; }
.rbfund-z-panel input,
.rbfund-z-panel select {
	width: 100%; padding: 9px 12px; border: 1px solid var(--rbfund-border);
	border-radius: 8px; box-sizing: border-box; background-color: #fff;
	color: #26333d; font-size: .95rem; line-height: 1.4; min-height: 42px;
}
/* Select butuh panah kustom + warna teks eksplisit agar pilihan terlihat. */
.rbfund-z-panel select {
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23667085' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 12px center;
	padding-right: 34px; cursor: pointer;
}
.rbfund-z-panel select option { color: #26333d; background: #fff; }
.rbfund-z-hint { font-size: .78rem; color: var(--rbfund-muted); margin: 8px 0 0; }
.rbfund-z-result { background: #fff; border: 1px dashed var(--rbfund-primary); border-radius: 10px; padding: 12px; margin: 14px 0; text-align: center; }
.rbfund-z-reslabel { font-size: .82rem; color: var(--rbfund-muted); }
.rbfund-z-amount { display: block; font-size: 1.5rem; font-weight: 800; color: var(--rbfund-primary); margin: 4px 0; }
.rbfund-z-note { font-size: .8rem; color: var(--rbfund-muted); margin: 4px 0 0; }
.rbfund-z-pay { width: 100%; }

/* ============ Mode tampilan campaign (setting Themes > Campaign Style) ============ */
/* Desktop (default) = 2 kolom. Mobile = 1 kolom rapi (meski di layar lebar). */
.rbfund-view-mobile .rbfund-cp-grid {
	grid-template-columns: 1fr;
	max-width: 620px;
	margin-left: auto;
	margin-right: auto;
}
.rbfund-view-mobile .rbfund-cp-donatecard--desktop { display: none; }
.rbfund-view-mobile .rbfund-cp-donatecard--mobile { display: block; }

/* ===== Form paket (package / package2 / qurban) ===== */
.rbfund-pkg-select { background: #f6f8fa; border-radius: 10px; padding: 12px; }
.rbfund-pkg-choice { width: 100%; padding: 10px; border: 1px solid var(--rbfund-border); border-radius: 8px; margin-bottom: 10px; }
.rbfund-pkg-qty label { display: block; font-size: .82rem; font-weight: 600; margin-bottom: 4px; }
.rbfund-pkg-qtyinput { width: 100%; padding: 9px 12px; border: 1px solid var(--rbfund-border); border-radius: 8px; box-sizing: border-box; }
.rbfund-pkg-total { margin-top: 10px; font-size: .95rem; }
.rbfund-pkg-total strong { color: var(--rbfund-primary); }
.rbfund-amount[readonly] { background: #f1f5f9; color: #475569; }

/* ===== Halaman campaign standalone (tanpa header/footer tema) ===== */
body.rbfund-standalone {
	margin: 0;
	background: #eef1f5;
	color: #1f2937;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}
body.rbfund-standalone .rbfund-campaign-page { background: transparent; }
/* Kartu Penggalang Dana di atas tab */
.rbfund-cp-organizer { margin-bottom: 18px; }
.rbfund-view-mobile .rbfund-cp-organizer,
.rbfund-cp-main .rbfund-cp-organizer {
	background: #fff;
	border: 1px solid var(--rbfund-border);
	border-radius: 14px;
	padding: 18px 20px;
	box-shadow: 0 2px 10px rgba(20,40,60,.05);
}

/* ============ Sticky topbar (judul + home) ============ */
.rbfund-topbar {
	position: fixed; top: 0; left: 50%; z-index: 9000;
	width: 100%; max-width: 1140px; box-sizing: border-box;
	display: flex; align-items: center; gap: 12px;
	background: #fff; padding: 12px 16px;
	box-shadow: 0 2px 12px rgba(0,0,0,.08);
	transform: translateX(-50%) translateY(-110%); transition: transform .25s ease;
}
.rbfund-topbar.show { transform: translateX(-50%) translateY(0); }
.rbfund-topbar-home { color: #26333d; text-decoration: none; display: flex; }
.rbfund-topbar-home .dashicons { font-size: 24px; width: 24px; height: 24px; }
.rbfund-topbar-title { font-weight: 700; color: #1f2937; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ============ Bottom action bar ============ */
body.rbfund-standalone { padding-bottom: 72px; }

/* ============ Halaman Donasi ============ */
.rbfund-donatepage { max-width: var(--rbfund-page-width); margin: 0 auto; background: #fff; min-height: 100vh; }
.rbfund-dp-top { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-bottom: 1px solid #eef1f5; position: sticky; top: 0; background: #fff; z-index: 10; }
.rbfund-dp-back { color: #26333d; display: flex; }
.rbfund-dp-back .dashicons { font-size: 24px; width: 24px; height: 24px; }
.rbfund-dp-toptitle { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rbfund-dp-head { display: flex; gap: 14px; align-items: center; padding: 18px; border-bottom: 1px solid #eef1f5; }
.rbfund-dp-thumb { width: 120px; height: 78px; border-radius: 10px; background-size: cover; background-position: center; flex: none; }
.rbfund-dp-headlabel { display: block; color: #9aa5b1; font-size: .85rem; margin-bottom: 4px; }
.rbfund-dp-headinfo strong { font-size: 1.05rem; }
.rbfund-dp-form { padding: 18px 18px 96px; }
.rbfund-dp-secttitle { margin: 4px 0 14px; }
.rbfund-dp-noms { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 14px; }
.rbfund-dp-nom {
	background: #fff; border: 1px solid #e6ebf0; border-radius: 12px; padding: 18px 8px;
	text-align: center; cursor: pointer; box-shadow: 0 2px 8px rgba(20,40,60,.05);
}
.rbfund-dp-nom.active { border-color: var(--rbfund-primary); box-shadow: 0 0 0 2px var(--rbfund-primary) inset; }
.rbfund-dp-nomval { display: block; font-weight: 700; }
.rbfund-dp-nomtag { display: block; font-size: .72rem; color: #9aa5b1; margin-top: 2px; }
.rbfund-dp-amount { width: 100%; padding: 12px; border: 1px solid #e6ebf0; border-radius: 10px; box-sizing: border-box; margin-bottom: 16px; }
.rbfund-dp-pay { display: flex; align-items: center; gap: 12px; background: #eef6ff; border-radius: 12px; padding: 14px; margin-bottom: 16px; }
.rbfund-dp-pay-ic { color: #2563eb; font-size: 24px; width: 24px; height: 24px; }
.rbfund-dp-pay-label { flex: 1; font-weight: 600; }
.rbfund-paymethod { padding: 8px 12px; border: 1px solid #b9d3f2; border-radius: 8px; color: #2563eb; background: #fff; }
.rbfund-dp-sapaan { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; flex-wrap: wrap; }
.rbfund-dp-sapaan-opts { display: inline-flex; border: 1px solid #e6ebf0; border-radius: 8px; overflow: hidden; }
.rbfund-sapaan-opt { background: #fff; border: none; padding: 10px 24px; cursor: pointer; font-weight: 600; color: #556; border-right: 1px solid #e6ebf0; }
.rbfund-sapaan-opt:last-child { border-right: none; }
.rbfund-sapaan-opt.active { background: var(--rbfund-btn, var(--rbfund-primary)); color: #fff; }
.rbfund-dp-anon { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 4px 0 16px; }
.rbfund-switch { position: relative; display: inline-block; width: 52px; height: 30px; flex: none; }
.rbfund-switch input { display: none; }
.rbfund-switch-slider { position: absolute; inset: 0; background: #cbd5e1; border-radius: 30px; transition: .2s; }
.rbfund-switch-slider:before { content: ""; position: absolute; width: 24px; height: 24px; left: 3px; top: 3px; background: #fff; border-radius: 50%; transition: .2s; }
.rbfund-switch input:checked + .rbfund-switch-slider { background: var(--rbfund-primary); }
.rbfund-switch input:checked + .rbfund-switch-slider:before { transform: translateX(22px); }
.rbfund-dp-form .rbfund-field input, .rbfund-dp-form .rbfund-field textarea { width: 100%; padding: 12px; border: 1px solid #e6ebf0; border-radius: 10px; box-sizing: border-box; }
.rbfund-dp-submitbar { position: fixed; left: 0; right: 0; bottom: 0; padding: 12px 18px; background: #fff; box-shadow: 0 -2px 14px rgba(0,0,0,.08); max-width: var(--rbfund-page-width); margin: 0 auto; }
.rbfund-dp-submit { width: 100%; padding: 14px; font-size: 1.05rem; font-weight: 800; background: var(--rbfund-btn, var(--rbfund-primary)); }
@media (max-width: 600px) { .rbfund-dp-noms { grid-template-columns: repeat(2, 1fr); } }

/* ============ Halaman Invoice ============ */
.rbfund-invoice { max-width: 560px; margin: 0 auto; padding: 24px 16px 60px; }
.rbfund-inv-box { background: #fff; border-radius: 18px; padding: 28px 24px; box-shadow: 0 8px 30px rgba(20,40,60,.08); text-align: center; }
.rbfund-inv-logo img { max-height: 60px; margin-bottom: 8px; }
.rbfund-inv-thanks { color: #556; margin: 8px 0 4px; }
.rbfund-inv-title { font-size: 1.2rem; margin: 4px 0 20px; }
.rbfund-inv-card { display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid #eef1f5; border-radius: 14px; padding: 16px; margin-bottom: 14px; text-align: left; }
.rbfund-inv-bankinfo { display: flex; flex-direction: column; }
.rbfund-inv-bankname { font-size: .8rem; color: #8a97a3; }
.rbfund-inv-bankno { font-size: 1.15rem; font-weight: 800; letter-spacing: .5px; }
.rbfund-inv-bankholder { font-size: .85rem; color: #556; }
.rbfund-inv-amount { justify-content: space-between; }
.rbfund-inv-amt { font-size: 1.5rem; font-weight: 800; }
.rbfund-inv-code { color: #ec4899; }
.rbfund-inv-copy { display: inline-flex; align-items: center; gap: 4px; background: none; border: none; color: #64748b; cursor: pointer; font-weight: 600; }
.rbfund-inv-copy .dashicons { font-size: 18px; width: 18px; height: 18px; }
.rbfund-inv-qris { flex-direction: column; align-items: center; }
.rbfund-inv-qris img { max-width: 220px; }
.rbfund-inv-note { font-size: .9rem; color: #64748b; margin: 8px 0 18px; }
.rbfund-inv-confirm { display: flex; align-items: center; justify-content: center; gap: 8px; background: #22c55e; color: #fff; text-decoration: none; border-radius: 12px; padding: 14px; font-weight: 800; margin-bottom: 16px; }
.rbfund-inv-deadline { display: flex; align-items: center; gap: 10px; background: #fff7e6; border-radius: 12px; padding: 12px 14px; color: #92710f; text-align: left; }
.rbfund-inv-deadline .dashicons { color: #d97706; }
.rbfund-inv-back { margin-top: 16px; }
.rbfund-inv-back a { color: #2563eb; text-decoration: none; }

/* Home icon di pojok kiri atas cover */
.rbfund-cp-cover { position: relative; }
.rbfund-cp-home {
	position: absolute; top: 14px; left: 14px; z-index: 5;
	width: 42px; height: 42px; border-radius: 50%;
	background: rgba(255,255,255,.92); color: #26333d;
	display: flex; align-items: center; justify-content: center;
	box-shadow: 0 2px 10px rgba(0,0,0,.18); text-decoration: none;
}
.rbfund-cp-home .dashicons { font-size: 22px; width: 22px; height: 22px; }
.rbfund-cp-home:hover { background: #fff; }

/* ============ Halaman Sukses / Terima Kasih ============ */
.rbfund-success { max-width: 640px; margin: 0 auto; padding: 40px 16px 60px; text-align: center; }
.rbfund-succ-box {
	background: #fff; border-radius: 24px; padding: 40px 28px 48px;
	box-shadow: 0 10px 40px rgba(20,40,60,.08); overflow: hidden;
	background-image: radial-gradient(circle at 15% 12%, #ffffff 0 40%, transparent 41%), radial-gradient(circle at 90% 90%, #f3eefc 0 30%, transparent 31%);
}
.rbfund-succ-check { margin-bottom: 24px; }
.rbfund-succ-text { font-size: 1.15rem; color: #33475b; line-height: 1.7; margin: 0; }
.rbfund-succ-text strong { color: #1f2937; }
.rbfund-succ-more { margin-top: 26px; color: #9aa5b1; }
.rbfund-succ-more a { display: block; margin-top: 4px; color: #2563eb; font-weight: 700; text-decoration: none; }

/* ===== Pemilih rekening gaya topup ===== */
.rbfund-pay-trigger {
	background: #fff; border: 1px solid #b9d3f2; border-radius: 8px;
	color: #2563eb; padding: 8px 14px; font-weight: 700; cursor: pointer;
	display: inline-flex; align-items: center; gap: 4px;
}
.rbfund-pay-panel {
	border: 1px solid #e6ebf0; border-radius: 12px; margin: 0 0 16px;
	overflow: hidden auto; max-height: 340px; box-shadow: 0 6px 20px rgba(20,40,60,.08);
}
.rbfund-pay-group {
	background: #eef4fb; color: #3b556e; font-weight: 700; font-size: .82rem;
	padding: 8px 14px; border-bottom: 1px solid #e0e8f0; position: sticky; top: 0;
}
.rbfund-pay-opt {
	display: flex; align-items: center; gap: 12px; width: 100%;
	background: #fff; border: none; border-bottom: 1px solid #f0f3f6;
	padding: 12px 14px; cursor: pointer; text-align: left;
}
.rbfund-pay-opt:last-child { border-bottom: none; }
.rbfund-pay-opt:hover { background: #f6f9ff; }
.rbfund-pay-opt.active { background: #eef6ff; }
.rbfund-pay-logo {
	width: 40px; height: 40px; border-radius: 8px; flex: none;
	display: flex; align-items: center; justify-content: center;
	color: #fff; font-weight: 800; font-size: .8rem;
}
.rbfund-pay-logo .dashicons { color: #fff; }
/* Logo bank berbasis SVG: kartu putih dengan bingkai tipis, lebih lebar. */
.rbfund-pay-logo-img {
	width: 64px; height: 40px; border-radius: 6px; background: #fff;
	border: 1px solid #e6ebf0; padding: 3px; overflow: hidden;
}
.rbfund-pay-logo-img svg { width: 100%; height: 100%; display: block; }
.rbfund-pay-optname { display: flex; flex-direction: column; font-weight: 700; color: #26333d; }
.rbfund-pay-optname small { font-weight: 500; color: #8a97a3; font-size: .78rem; }

/* Countdown invoice */
.rbfund-inv-countdown { font-weight: 800; color: #b45309; }
.rbfund-inv-countdown.expired { color: #b32d2e; }

/* ===== Qurban khusus ===== */
.rbfund-dp-fieldlabel { display: block; font-weight: 700; margin: 0 0 8px; color: #33475b; }
.rbfund-dp-hint { font-size: .82rem; color: #8a97a3; margin: 6px 0 0; }
.rbfund-qurban-names { margin-top: 14px; }
.rbfund-qurban-names textarea { width: 100%; padding: 12px; border: 1px solid #e6ebf0; border-radius: 10px; box-sizing: border-box; }
.rbfund-inv-qurban { background: #f6f9ff; border-radius: 10px; padding: 10px 14px; margin-bottom: 16px; text-align: left; }
.rbfund-inv-qurban-label { display: block; font-size: .8rem; color: #8a97a3; }
.rbfund-succ-qurban { margin-top: 10px; color: #33475b; }

/* ===== Patungan (progress slot) ===== */
.rbfund-patungan { background: #f6f9ff; border: 1px solid #e3ecfa; border-radius: 12px; padding: 12px 14px; margin: 10px 0 4px; }
.rbfund-patungan-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }
.rbfund-patungan-remain { font-size: .85rem; font-weight: 700; color: #b45309; }
.rbfund-patungan-bar { height: 10px; border-radius: 6px; background: #e2e8f0; overflow: hidden; }
.rbfund-patungan-bar span { display: block; height: 100%; background: linear-gradient(90deg, #16a34a, #22c55e); border-radius: 6px; transition: width .3s; }
.rbfund-patungan-done { margin-top: 6px; font-size: .82rem; color: #16a34a; font-weight: 600; }

/* Kartu gateway di invoice */
.rbfund-inv-gateway { align-items: center; gap: 14px; }
.rbfund-inv-gw-ic { font-size: 28px; width: 28px; height: 28px; color: #1b8a5a; }
.rbfund-inv-gw-status { font-size: .85rem; color: #b45309; }

/* =====================================================================
   UI POLISH v1.26 — konsistensi token, input, tombol, kartu (ringan)
   ===================================================================== */
:root {
	--rbfund-ink: #1f2937;
	--rbfund-muted: #6b7280;
	--rbfund-border: #e6e9ee;
	--rbfund-surface: #ffffff;
	--rbfund-bg-soft: #f4f6f9;
	--rbfund-radius: 12px;
	--rbfund-radius-lg: 16px;
	--rbfund-shadow: 0 2px 10px rgba(20,40,60,.06);
	--rbfund-shadow-lg: 0 12px 34px rgba(20,40,60,.10);
	--rbfund-ring: 0 0 0 3px rgba(22,163,74,.18);
}

/* Reset ringan untuk area donor */
.rbfund-donatepage *, .rbfund-invoice *, .rbfund-success *, .rbfund-campaign-page * { box-sizing: border-box; }

/* Input seragam */
.rbfund-donatepage input, .rbfund-donatepage select, .rbfund-donatepage textarea,
.rbfund-form input, .rbfund-form select, .rbfund-form textarea {
	font-family: inherit;
	font-size: .95rem;
	color: var(--rbfund-ink);
	border: 1px solid var(--rbfund-border);
	border-radius: 10px;
	padding: 11px 13px;
	background: #fff;
	transition: border-color .15s ease, box-shadow .15s ease;
	box-sizing: border-box;
}
.rbfund-donatepage input:focus, .rbfund-donatepage select:focus, .rbfund-donatepage textarea:focus,
.rbfund-form input:focus, .rbfund-form select:focus, .rbfund-form textarea:focus {
	outline: none;
	border-color: var(--rbfund-primary);
	box-shadow: var(--rbfund-ring);
}
.rbfund-donatepage input::placeholder, .rbfund-donatepage textarea::placeholder { color: #9aa5b1; }

/* Tombol utama seragam + fokus aksesibel */
.rbfund-submit, .rbfund-dp-submit, .rbfund-bb-donate, .rbfund-inv-confirm, .rbfund-dc-btn {
	border-radius: var(--rbfund-radius);
	font-weight: 800;
	letter-spacing: .2px;
	transition: transform .12s ease, box-shadow .15s ease, background .15s ease, filter .15s ease;
}
.rbfund-submit:hover, .rbfund-dp-submit:hover, .rbfund-bb-donate:hover, .rbfund-inv-confirm:hover, .rbfund-dc-btn:hover { filter: brightness( .97 ); }
.rbfund-submit:active, .rbfund-dp-submit:active, .rbfund-bb-donate:active, .rbfund-dc-btn:active { transform: translateY( 1px ); }
.rbfund-submit:focus-visible, .rbfund-dp-submit:focus-visible, .rbfund-bb-donate:focus-visible,
.rbfund-inv-confirm:focus-visible, .rbfund-dc-btn:focus-visible, .rbfund-preset:focus-visible,
.rbfund-sapaan-opt:focus-visible, .rbfund-pay-opt:focus-visible, .rbfund-dp-nom:focus-visible { outline: none; box-shadow: var(--rbfund-ring); }

/* Kartu konsisten */
.rbfund-cp-card, .rbfund-inv-card, .rbfund-patungan, .rbfund-pkg-select, .rbfund-dp-pay {
	box-shadow: var(--rbfund-shadow);
}
.rbfund-inv-box, .rbfund-succ-box { box-shadow: var(--rbfund-shadow-lg); }

/* Bar melayang: sudut atas membulat & bayangan halus */
.rbfund-topbar { border-radius: 0 0 var(--rbfund-radius) var(--rbfund-radius); }
.rbfund-bottombar { border-radius: var(--rbfund-radius) var(--rbfund-radius) 0 0; }

/* Judul & teks lebih rapi */
.rbfund-cp-card-title, .rbfund-dp-secttitle, .rbfund-dp-fieldlabel { letter-spacing: .1px; }

/* Nominal card & preset: transisi halus */
.rbfund-preset, .rbfund-dp-nom, .rbfund-pay-opt, .rbfund-sapaan-opt { transition: border-color .15s ease, background .15s ease, box-shadow .15s ease; }

/* ===== Form: atas nama, terms, tombol proporsional (v1.27) ===== */
.rbfund-onbehalf-toggle { margin-top: 4px; }
.rbfund-onbehalf-field { margin-top: 10px; }
.rbfund-onbehalf-field textarea { width: 100%; }
.rbfund-charcount { text-align: right; font-size: .78rem; color: #9aa5b1; margin-top: 4px; }

.rbfund-dp-terms {
	display: flex; align-items: flex-start; gap: 10px;
	margin: 6px 0 4px; font-size: .95rem; color: #33475b; line-height: 1.5;
}
.rbfund-dp-terms input[type=checkbox] {
	width: 20px; height: 20px; margin: 1px 0 0; flex: none;
	accent-color: var(--rbfund-primary);
}
.rbfund-dp-terms a { color: var(--rbfund-primary); text-decoration: none; }
.rbfund-dp-terms a:hover { text-decoration: underline; }

/* Tombol donasi lebih proporsional (tidak terlalu tinggi/lebar) */
.rbfund-dp-submit {
	display: block;
	width: 100%;
	max-width: 460px;
	margin: 0 auto;
	padding: 13px 22px;
	font-size: 1.02rem;
	border-radius: 12px;
}
.rbfund-dp-submitbar { padding: 12px 18px calc(12px + env(safe-area-inset-bottom, 0px)); }

/* =====================================================================
   CAMPAIGN PAGE POLISH v1.38 — responsive, CTA, tabs, floating bar
   ===================================================================== */

/* Bottombar: muncul saat scroll, hidden awal, sesuai lebar campaign */
.rbfund-bottombar {
	position: fixed; bottom: 0; left: 50%; transform: translateX(-50%);
	width: 100%; max-width: var(--rbfund-page-width); box-sizing: border-box;
	display: flex; align-items: center; gap: 10px;
	padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
	background: #fff; box-shadow: 0 -4px 20px rgba(0,0,0,.10);
	border-radius: 16px 16px 0 0;
	z-index: 999;
	transition: transform .3s ease, opacity .3s ease;
}
.rbfund-bb-hidden { transform: translateX(-50%) translateY(100%); opacity: 0; pointer-events: none; }

/* Share button (kiri) */
.rbfund-bb-share {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 10px 18px; border-radius: 12px;
	border: 1.5px solid var(--rbfund-primary, #16a34a);
	background: #fff; color: var(--rbfund-primary, #16a34a);
	font-weight: 700; font-size: .95rem;
	cursor: pointer; text-decoration: none; white-space: nowrap;
}
.rbfund-bb-share .dashicons { font-size: 18px; width: 18px; height: 18px; }

/* Donasi CTA (kanan, full-width) */
.rbfund-bb-donate {
	flex: 1; text-align: center; text-decoration: none !important;
	padding: 13px 18px; border-radius: 12px;
	background: var(--rbfund-btn, var(--rbfund-primary, #16a34a));
	color: #fff !important; font-weight: 800; font-size: 1.05rem;
	display: block;
}
.rbfund-bb-donate:hover, .rbfund-bb-donate:focus { text-decoration: none !important; filter: brightness(.96); }

/* Donasi Sekarang inside card — full width, no underline */
.rbfund-dc-btn {
	display: block; width: 100%; text-align: center;
	padding: 13px 18px; border-radius: 12px; box-sizing: border-box;
	background: var(--rbfund-btn, var(--rbfund-primary, #16a34a));
	color: #fff !important; font-weight: 800; font-size: 1rem;
	text-decoration: none !important; border: none; cursor: pointer;
}
.rbfund-dc-btn:hover { text-decoration: none !important; }

/* ===== Tabs ===== */
.rbfund-tabs {
	display: flex; gap: 0; border-bottom: 2px solid #e6e9ee;
	margin-bottom: 20px; overflow-x: auto; -webkit-overflow-scrolling: touch;
}
.rbfund-tab {
	flex: none; padding: 10px 18px; border: none; background: none;
	font-weight: 600; color: #6b7280; cursor: pointer; font-size: .95rem;
	white-space: nowrap; border-bottom: 3px solid transparent;
	transition: color .15s, border-color .15s;
}
.rbfund-tab:hover { color: var(--rbfund-primary, #16a34a); }
.rbfund-tab.active {
	color: var(--rbfund-primary, #16a34a);
	border-bottom-color: var(--rbfund-primary, #16a34a);
}

/* ===== Campaign page: responsive ===== */
.rbfund-campaign-page {
	width: 100%; max-width: var(--rbfund-page-width); margin: 0 auto;
	padding: 0 16px; box-sizing: border-box;
}
.rbfund-cp-cover {
	width: 100%; margin-left: 0;
	border-radius: 16px; position: relative;
	overflow: hidden; background: #eef1f5;
}
/* Banner tampil utuh mengikuti lebar container (tidak melebar keluar). */
.rbfund-cp-cover img { width: 100%; height: auto; display: block; }
.rbfund-cp-home {
	position: absolute; top: 14px; left: 14px;
	width: 38px; height: 38px; border-radius: 50%;
	background: rgba(255,255,255,.85); display: flex; align-items: center; justify-content: center;
	text-decoration: none; color: #26333d;
	box-shadow: 0 2px 8px rgba(0,0,0,.12);
}
.rbfund-cp-title { font-size: 1.25rem; font-weight: 800; margin: 18px 0 6px; color: #1f2937; line-height: 1.3; }
.rbfund-cp-loc { font-size: .9rem; color: #6b7280; margin-bottom: 18px; }
.rbfund-cp-loc a { color: var(--rbfund-primary, #16a34a); text-decoration: none; }

/* Card progress */
.rbfund-cp-card {
	background: #fff; border-radius: 16px; padding: 20px;
	box-shadow: 0 2px 12px rgba(20,40,60,.06);
	margin-bottom: 20px;
}

/* Share & Edit buttons on cover */
.rbfund-cp-cover-actions {
	position: absolute; bottom: 14px; right: 14px;
	display: flex; gap: 8px;
}
.rbfund-cp-cover-actions a, .rbfund-cp-cover-actions button {
	display: inline-flex; align-items: center; gap: 5px;
	padding: 7px 14px; border-radius: 999px;
	background: rgba(255,255,255,.92); color: #26333d;
	font-weight: 600; font-size: .85rem; text-decoration: none; border: none; cursor: pointer;
	box-shadow: 0 2px 8px rgba(0,0,0,.12);
}

/* Topbar: match campaign width */
.rbfund-topbar {
	max-width: var(--rbfund-page-width); border-radius: 0 0 12px 12px;
}

/* Content area under tabs — kartu putih seperti Penggalang Dana */
.rbfund-tabpane {
	background: #fff; border-radius: 16px; padding: 20px;
	box-shadow: 0 2px 12px rgba(20,40,60,.06);
	margin-bottom: 20px;
}
.rbfund-tabpane { display: none; }
.rbfund-tabpane.active { display: block; }
.rbfund-tabpane .rbfund-cp-content { line-height: 1.7; color: #33475b; }
.rbfund-tabpane .rbfund-cp-content img { max-width: 100%; height: auto; border-radius: 10px; }

/* Update/kabar items */
.rbfund-update { border-bottom: 1px solid #f0f3f6; padding-bottom: 16px; margin-bottom: 16px; }
.rbfund-update:last-child { border-bottom: none; }
.rbfund-update-title { font-weight: 700; margin: 6px 0 8px; }
.rbfund-update-img { width: 100%; border-radius: 10px; margin-bottom: 8px; }
.rbfund-update-content { color: #33475b; line-height: 1.7; }

/* Donatur list in tab */
.rbfund-doawall { display: flex; flex-direction: column; gap: 14px; }

/* Mobile responsive */
@media (max-width: 720px) {
	.rbfund-campaign-page { padding: 0 10px; }
	.rbfund-cp-cover { width: 100%; margin-left: 0; }
	.rbfund-cp-title { font-size: 1.1rem; }
	.rbfund-bottombar { max-width: 100%; border-radius: 0; padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px)); }
	.rbfund-topbar { max-width: 100%; border-radius: 0; }
	.rbfund-cp-card { padding: 16px; }
	.rbfund-tabs { gap: 0; }
	.rbfund-tab { padding: 9px 14px; font-size: .88rem; }
	.rbfund-bb-share { padding: 9px 14px; font-size: .88rem; }
	.rbfund-bb-donate { padding: 12px 14px; font-size: .98rem; }
}

/* Spacer bottom agar konten tidak tertutup bar melayang */
.rbfund-campaign-page { padding-bottom: 80px; }

/* CTA disabled (campaign berakhir) */
.rbfund-dc-btn-off {
	background: #9ca3af !important; cursor: not-allowed; pointer-events: none; opacity: .7;
}
.rbfund-bb-donate-off {
	background: #9ca3af !important; cursor: not-allowed; pointer-events: none; opacity: .7;
}

/* Video embed responsive 16:9 */
.rbfund-cp-video {
	position: relative; width: 100%; padding-bottom: 56.25%; margin-bottom: 18px;
	border-radius: 12px; overflow: hidden; background: #000;
}
.rbfund-cp-video iframe {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;
}

/* ==================================================================
   HALAMAN /campaign/ (arsip) & /profile/  — v1.47.0
   Mengikuti wrapper .rbfund-campaign-page (max-width 1140px).
   ================================================================== */

/* Topbar statis (selalu tampak) untuk halaman list & profile */
.rbfund-topbar-static {
	position: static !important;
	transform: none !important;
	max-width: 1140px;
	margin: 0 auto;
	box-shadow: 0 1px 4px rgba(0,0,0,.06);
	border-radius: 0 0 12px 12px;
}
body.rbfund-archive-body,
body.rbfund-profile-body {
	background: #eef1f5;
	margin: 0;
}

/* Header halaman list */
.rbfund-listpage .rbfund-listhead {
	text-align: center;
	padding: 24px 8px 8px;
}
.rbfund-listhead-title {
	font-size: 1.6rem;
	font-weight: 800;
	margin: 0 0 6px;
	color: #1f2937;
}
.rbfund-listhead-sub {
	color: #64748b;
	font-size: .95rem;
	margin: 0 auto;
	max-width: 640px;
	line-height: 1.55;
}

/* Toolbar filter/sort */
.rbfund-listbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 20px 0 18px;
	padding: 12px 14px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 1px 4px rgba(20,40,60,.05);
}
.rbfund-listbar-cats {
	display: flex; flex-wrap: wrap; gap: 6px;
}
.rbfund-listbar-chip {
	display: inline-block;
	padding: 6px 14px;
	border-radius: 999px;
	background: #f1f5f9;
	color: #334155;
	font-size: .85rem;
	font-weight: 600;
	text-decoration: none;
	border: 1px solid transparent;
	transition: all .15s ease;
}
.rbfund-listbar-chip:hover {
	background: #e2e8f0;
	color: #1e293b;
}
.rbfund-listbar-chip.active {
	background: var(--rbfund-primary, #16a34a);
	color: #fff;
}
.rbfund-listbar-sort {
	display: flex; align-items: center; gap: 8px;
	font-size: .9rem; color: #475569;
}
.rbfund-listbar-sort select {
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	padding: 9px 34px 9px 12px;
	font-size: .9rem;
	line-height: 1.4;
	height: auto;
	min-height: 40px;
	background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;
	color: #1e293b;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

/* Grid kartu campaign */
.rbfund-cardgrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.rbfund-cardgrid--compact {
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
}

.rbfund-listcard-v2 {
	background: #fff;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 1px 6px rgba(20,40,60,.06);
	display: flex;
	flex-direction: column;
	transition: transform .18s ease, box-shadow .18s ease;
	text-decoration: none;
	color: inherit;
}
.rbfund-listcard-v2:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(20,40,60,.1);
}
.rbfund-listcard-v2.is-ended { opacity: .78; }

.rbfund-listcard-v2-cover {
	position: relative;
	aspect-ratio: 16 / 10;
	background: #f1f5f9;
	overflow: hidden;
	display: block;
}
.rbfund-listcard-v2-cover img {
	width: 100%; height: 100%; object-fit: cover; display: block;
}
.rbfund-listcard-v2-cover-ph {
	position: absolute; inset: 0;
	display: flex; align-items: center; justify-content: center;
	background: linear-gradient(135deg, #1f2b6b, #16a34a);
}
.rbfund-listcard-v2-cover-ph .dashicons {
	font-size: 46px; width: 46px; height: 46px;
	color: rgba(255,255,255,.65);
}
.rbfund-listcard-v2-badge {
	position: absolute;
	top: 10px; left: 10px;
	padding: 4px 10px;
	font-size: .72rem;
	font-weight: 700;
	color: #fff;
	border-radius: 999px;
	backdrop-filter: blur(6px);
}
.rbfund-listcard-v2-badge--ended { background: rgba(107,114,128,.9); }
.rbfund-listcard-v2-badge--urgent { background: rgba(220,38,38,.92); }

.rbfund-listcard-v2-body {
	padding: 14px 16px 16px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
}
.rbfund-listcard-v2-title {
	font-size: 1rem;
	font-weight: 700;
	color: #111827;
	margin: 0;
	line-height: 1.35;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.7em;
}
.rbfund-listcard-v2-title a {
	color: inherit; text-decoration: none;
}
.rbfund-listcard-v2-title a:hover { color: var(--rbfund-primary, #16a34a); }

.rbfund-listcard-v2 .rbfund-progress {
	height: 6px;
	background: #eef2f7;
	border-radius: 999px;
	overflow: hidden;
	position: relative;
}
.rbfund-listcard-v2 .rbfund-progress-bar {
	display: block;
	height: 100%;
	background: var(--rbfund-progress, var(--rbfund-primary, #16a34a));
	border-radius: 999px;
}

.rbfund-listcard-v2-meta { display: flex; flex-direction: column; gap: 4px; }
.rbfund-listcard-v2-meta-row {
	display: flex; justify-content: space-between; align-items: center;
}
.rbfund-listcard-v2-raised {
	font-weight: 800; color: #0f172a; font-size: 1rem;
}
.rbfund-listcard-v2-pct {
	font-weight: 700; color: var(--rbfund-primary, #16a34a);
	font-size: .9rem;
}
.rbfund-listcard-v2-meta-sub {
	font-size: .82rem; color: #64748b;
}
.rbfund-listcard-v2-donors { display: inline-flex; align-items: center; gap: 4px; }
.rbfund-listcard-v2-donors .dashicons {
	font-size: 15px; width: 15px; height: 15px;
}

.rbfund-listcard-v2-cta {
	margin-top: 4px;
	display: block;
	text-align: center;
	padding: 10px 12px;
	background: var(--rbfund-btn, var(--rbfund-primary, #16a34a));
	color: #fff !important;
	border-radius: 10px;
	font-weight: 700;
	text-decoration: none;
	font-size: .92rem;
}
.rbfund-listcard-v2-cta:hover { filter: brightness(.94); }
.rbfund-listcard-v2-cta--off {
	background: #e5e7eb; color: #9ca3af !important;
	cursor: not-allowed;
}

/* Compact mini card (di sidebar/profile) */
.rbfund-listcard-v2--mini { border-radius: 12px; }
.rbfund-listcard-v2--mini .rbfund-listcard-v2-title {
	font-size: .92rem; min-height: 0;
}
.rbfund-listcard-v2--mini .rbfund-listcard-v2-body { padding: 10px 12px 12px; gap: 8px; }
.rbfund-listcard-v2--mini .rbfund-listcard-v2-raised { font-size: .9rem; }

/* Pagination */
.rbfund-pagination {
	display: flex; flex-wrap: wrap; justify-content: center; gap: 6px;
	margin: 28px 0 12px;
}
.rbfund-pagination-item .page-numbers,
.rbfund-pagination-item a,
.rbfund-pagination-item span {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 36px; height: 36px;
	padding: 0 10px;
	border-radius: 8px;
	background: #fff;
	color: #334155;
	text-decoration: none;
	font-weight: 600;
	box-shadow: 0 1px 3px rgba(20,40,60,.05);
}
.rbfund-pagination-item .current {
	background: var(--rbfund-primary, #16a34a);
	color: #fff;
}
.rbfund-pagination-item a:hover { background: #f1f5f9; }

/* Empty state */
.rbfund-empty-state {
	text-align: center; padding: 60px 20px;
	color: #64748b;
}
.rbfund-empty-state .dashicons {
	font-size: 48px; width: 48px; height: 48px;
	color: #cbd5e1;
	margin-bottom: 12px;
}
.rbfund-empty-state h2 {
	color: #334155; margin: 8px 0 6px;
}

/* Footer halaman list/profile */
.rbfund-listfoot {
	text-align: center; padding: 24px 8px 32px;
	color: #94a3b8; font-size: .82rem;
}

/* ============ /profile/ ============ */
.rbfund-profilepage { padding-bottom: 20px; }
.rbfund-profile-hero {
	background: #fff;
	border-radius: 16px;
	padding: 26px;
	display: flex;
	align-items: center;
	gap: 22px;
	margin: 20px 0 16px;
	box-shadow: 0 1px 6px rgba(20,40,60,.06);
}
.rbfund-profile-hero-logo {
	flex: 0 0 96px;
	width: 96px; height: 96px;
	border-radius: 20px;
	background: linear-gradient(135deg, #1f2b6b, var(--rbfund-primary, #16a34a));
	display: flex; align-items: center; justify-content: center;
	overflow: hidden;
	color: #fff; font-weight: 800; font-size: 2.4rem;
}
.rbfund-profile-hero-logo img {
	width: 100%; height: 100%; object-fit: contain; background: #fff;
}
.rbfund-profile-hero-info { flex: 1; min-width: 0; }
.rbfund-profile-hero-name {
	margin: 0 0 4px;
	font-size: 1.5rem;
	font-weight: 800;
	color: #0f172a;
	display: flex; align-items: center; gap: 8px;
	flex-wrap: wrap;
}
.rbfund-profile-verified {
	display: inline-flex; align-items: center; justify-content: center;
	width: 22px; height: 22px;
	border-radius: 50%;
	background: var(--rbfund-primary, #16a34a);
	color: #fff;
}
.rbfund-profile-verified .dashicons {
	font-size: 14px; width: 14px; height: 14px;
}
.rbfund-profile-hero-tagline {
	color: #475569; margin: 0 0 6px; font-size: .98rem;
}

/* Legalitas lembaga: daftar nomor izin berurutan rapi */
.rbfund-profile-legal {
	line-height: 1.7;
	color: #374151;
	counter-reset: rbfund-legal;
}
.rbfund-profile-legal p {
	position: relative;
	margin: 0;
	padding: 10px 12px 10px 40px;
	border-bottom: 1px solid #eef2f7;
}
.rbfund-profile-legal p:last-child { border-bottom: 0; }
.rbfund-profile-legal p::before {
	counter-increment: rbfund-legal;
	content: counter(rbfund-legal);
	position: absolute;
	left: 10px;
	top: 10px;
	width: 22px; height: 22px;
	display: flex; align-items: center; justify-content: center;
	background: var(--rbfund-primary, #16a34a);
	color: #fff;
	font-size: .75rem;
	font-weight: 700;
	border-radius: 50%;
}

/* Card head with "more" link */
.rbfund-cp-card-head {
	display: flex; align-items: center; justify-content: space-between;
	margin-bottom: 12px;
	gap: 10px;
}
.rbfund-cp-card-head .rbfund-cp-card-title { margin: 0; }
.rbfund-cp-card-more {
	color: var(--rbfund-primary, #16a34a);
	font-size: .88rem; font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
}
.rbfund-cp-card-more:hover { text-decoration: underline; }

/* About text */
.rbfund-profile-about {
	line-height: 1.7;
	color: #374151;
}
.rbfund-profile-about p { margin: 0 0 12px; }
.rbfund-profile-about p:last-child { margin-bottom: 0; }

/* Contact list */
.rbfund-profile-contact {
	list-style: none; margin: 0 0 12px; padding: 0;
	display: flex; flex-direction: column; gap: 12px;
}
.rbfund-profile-contact li {
	display: flex; align-items: flex-start; gap: 10px;
	font-size: .92rem;
	color: #334155;
	line-height: 1.5;
}
.rbfund-profile-contact li .dashicons {
	flex: 0 0 20px;
	color: var(--rbfund-primary, #16a34a);
	font-size: 20px; width: 20px; height: 20px;
	margin-top: 1px;
}
.rbfund-profile-contact li a {
	color: #1e293b; text-decoration: none;
}
.rbfund-profile-contact li a:hover {
	color: var(--rbfund-primary, #16a34a);
	text-decoration: underline;
}
.rbfund-profile-contact li a[href^="http"]:not([href*="wa.me"]) { color: var(--rbfund-primary, #16a34a); }

/* Social buttons */
.rbfund-profile-social {
	display: flex; flex-wrap: wrap; gap: 8px;
	padding-top: 12px;
	border-top: 1px solid #eef2f7;
}
.rbfund-social-btn {
	width: 36px; height: 36px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 50%;
	background: #f1f5f9;
	color: #334155;
	text-decoration: none;
	transition: all .15s ease;
}
.rbfund-social-btn svg { display: block; }
.rbfund-social-btn:hover { transform: translateY(-2px); box-shadow: 0 3px 10px rgba(0,0,0,.12); }
.rbfund-social-instagram { background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); color: #fff; }
.rbfund-social-facebook  { background: #1877f2; color: #fff; }
.rbfund-social-youtube   { background: #ff0000; color: #fff; }
.rbfund-social-tiktok    { background: #000;    color: #fff; }
.rbfund-social-twitter   { background: #1da1f2; color: #fff; }

/* CTA card */
.rbfund-profile-cta { text-align: center; }
.rbfund-profile-cta p { color: #64748b; font-size: .92rem; margin: 0 0 14px; }
.rbfund-profile-cta-btn {
	display: inline-block; width: 100%;
	background: var(--rbfund-btn, var(--rbfund-primary, #16a34a));
	color: #fff !important;
	padding: 12px 16px;
	border-radius: 10px;
	font-weight: 700;
	text-decoration: none;
	font-size: .95rem;
	box-sizing: border-box;
}
.rbfund-profile-cta-btn:hover { filter: brightness(.94); }

/* Responsive */
@media (max-width: 900px) {
	.rbfund-cardgrid { grid-template-columns: repeat(2, 1fr); }
	.rbfund-cardgrid--compact { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
	.rbfund-cardgrid { grid-template-columns: 1fr; gap: 14px; }
	.rbfund-cardgrid--compact { grid-template-columns: 1fr; }
	.rbfund-listhead-title { font-size: 1.35rem; }
	.rbfund-listbar { flex-direction: column; align-items: stretch; }
	.rbfund-listbar-sort { justify-content: space-between; }
	.rbfund-profile-hero {
		flex-direction: column; text-align: center; padding: 20px;
	}
	.rbfund-profile-hero-name { justify-content: center; }
}

/* ============ Popup Syarat & Ketentuan (form donasi) ============ */
.rbfund-terms-link { cursor: pointer; }
.rbfund-terms-modal {
	position: fixed; inset: 0; z-index: 10000;
	display: none;
	align-items: center; justify-content: center;
	padding: 16px;
}
.rbfund-terms-modal.show { display: flex; }
.rbfund-terms-overlay {
	position: absolute; inset: 0;
	background: rgba(15, 23, 42, .55);
	backdrop-filter: blur(2px);
}
.rbfund-terms-box {
	position: relative;
	background: #fff;
	width: 100%; max-width: 520px;
	max-height: 85vh;
	border-radius: 16px;
	display: flex; flex-direction: column;
	box-shadow: 0 20px 60px rgba(0,0,0,.3);
	overflow: hidden;
	animation: rbfund-terms-in .2s ease;
}
@keyframes rbfund-terms-in {
	from { transform: translateY(16px); opacity: 0; }
	to { transform: translateY(0); opacity: 1; }
}
.rbfund-terms-head {
	display: flex; align-items: center; justify-content: space-between;
	padding: 16px 20px;
	border-bottom: 1px solid #eef2f7;
	flex: 0 0 auto;
}
.rbfund-terms-head h3 {
	margin: 0; font-size: 1.1rem; font-weight: 800; color: #0f172a;
}
.rbfund-terms-x {
	background: none; border: 0; cursor: pointer;
	font-size: 1.7rem; line-height: 1; color: #94a3b8;
	padding: 0 4px;
}
.rbfund-terms-x:hover { color: #475569; }
.rbfund-terms-content {
	padding: 18px 20px;
	overflow-y: auto;
	flex: 1 1 auto;
	line-height: 1.7;
	color: #374151;
	font-size: .95rem;
}
.rbfund-terms-content p { margin: 0 0 12px; }
.rbfund-terms-content p:last-child { margin-bottom: 0; }
.rbfund-terms-content ul,
.rbfund-terms-content ol { margin: 0 0 12px; padding-left: 20px; }
.rbfund-terms-content h1,
.rbfund-terms-content h2,
.rbfund-terms-content h3,
.rbfund-terms-content h4 { margin: 16px 0 8px; color: #1e293b; }
.rbfund-terms-foot {
	padding: 14px 20px;
	border-top: 1px solid #eef2f7;
	flex: 0 0 auto;
}
.rbfund-terms-agree {
	width: 100%;
	background: var(--rbfund-btn, var(--rbfund-primary, #16a34a));
	color: #fff;
	border: 0;
	border-radius: 10px;
	padding: 12px 16px;
	font-weight: 700;
	font-size: .95rem;
	cursor: pointer;
}
.rbfund-terms-agree:hover { filter: brightness(.94); }

/* ============ Shortcode statistik [rbfund] ============ */
.rbfund-stat { font-weight: 800; }
.rbfund-stat-error { color: #b91c1c; font-size: .9rem; }
.rbfund-stat-donorlist { margin: 0; }

/* ============ Blok campaign [rbfund_campaign_block] (List/Grid/Slider) ============ */
.rbfund-scblock { position: relative; margin: 20px 0; }
.rbfund-scblock-track { display: grid; gap: 18px; }

/* GRID */
.rbfund-scblock--grid .rbfund-scblock-track {
	grid-template-columns: repeat(3, 1fr);
}

/* LIST */
.rbfund-scblock--list .rbfund-scblock-track {
	grid-template-columns: 1fr;
	gap: 18px;
}
.rbfund-scblock--list .rbfund-sccard {
	padding: 0; border: none; background: transparent; box-shadow: none;
}
.rbfund-scblock--list .rbfund-sccard-link {
	display: grid;
	grid-template-columns: 140px 1fr;
	gap: 18px;
	align-items: start;
	text-decoration: none;
	color: inherit;
}
.rbfund-scblock--list .rbfund-sccard-cover {
	display: block;
	aspect-ratio: 1 / 1;
	border-radius: 14px;
	overflow: hidden;
	background: var(--rbfund-bg-soft, #f1f5f9);
}
.rbfund-scblock--list .rbfund-sccard-cover img {
	width: 100%; height: 100%; object-fit: contain; display: block;
}
.rbfund-scblock--list .rbfund-sccard-cover-ph {
	width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #c3ccd6;
}
.rbfund-scblock--list .rbfund-sccard-body {
	display: flex; flex-direction: column; gap: 2px; min-width: 0;
}
.rbfund-scblock--list .rbfund-sccard-title {
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
	font-size: .92rem; font-weight: 800; line-height: 1.3; color: var(--rbfund-text, #1e293b);
	margin-bottom: 4px;
}
.rbfund-scblock--list .rbfund-sccard-org {
	display: flex; align-items: center; gap: 6px; margin-bottom: 8px;
}
.rbfund-scblock--list .rbfund-sccard-org-logo {
	width: 18px; height: 18px; border-radius: 50%; object-fit: cover; flex: 0 0 auto;
}
.rbfund-scblock--list .rbfund-sccard-org-name {
	font-size: .82rem; color: #94a3b8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.rbfund-scblock--list .rbfund-sccard-collected {
	display: block; font-size: .72rem; font-weight: 700; color: var(--rbfund-primary, #16a34a); margin-bottom: 2px;
}
.rbfund-scblock--list .rbfund-sccard-amountrow {
	display: flex; align-items: baseline; justify-content: space-between; gap: 8px;
}
.rbfund-scblock--list .rbfund-sccard-raised {
	font-size: .98rem; font-weight: 800; color: var(--rbfund-text, #1e293b);
}
.rbfund-scblock--list .rbfund-sccard-pct {
	font-size: .88rem; font-weight: 800; color: var(--rbfund-primary, #16a34a);
}
.rbfund-scblock--list .rbfund-progress {
	display: block; margin-top: 10px; height: 7px; border-radius: 999px; background: #eef2f6; overflow: hidden;
}
.rbfund-scblock--list .rbfund-progress-bar {
	display: block; height: 100%; min-width: 3px; border-radius: 999px; background: var(--rbfund-primary, #16a34a);
}
.rbfund-scblock--list .rbfund-sccard-body { display: flex; flex-direction: column; }
.rbfund-scblock--list .rbfund-sccard-collected { display: block; }
.rbfund-scblock--list .rbfund-sccard-amountrow { display: flex; }
.rbfund-scblock--list .rbfund-sccard-org { display: flex; }
@media (max-width: 480px) {
	.rbfund-scblock--list .rbfund-sccard-link { grid-template-columns: 110px 1fr; gap: 12px; }
	.rbfund-scblock--list .rbfund-sccard-title { font-size: .86rem; }
	.rbfund-scblock--list .rbfund-sccard-raised { font-size: .92rem; }
	.rbfund-scblock--list .rbfund-sccard-pct { font-size: .82rem; }
}

/* SLIDER */
.rbfund-scblock--slider { overflow: hidden; }
.rbfund-scblock--slider .rbfund-scblock-track {
	display: flex;
	gap: 18px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 6px;
}
.rbfund-scblock--slider .rbfund-scblock-track::-webkit-scrollbar { height: 6px; }
.rbfund-scblock--slider .rbfund-scblock-track::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 999px; }
.rbfund-scblock--slider .rbfund-sccard {
	flex: 0 0 300px;
	max-width: 300px;
	scroll-snap-align: start;
}
.rbfund-scblock-nav {
	position: absolute; top: 38%;
	width: 40px; height: 40px;
	border-radius: 50%;
	border: 0;
	background: #fff;
	box-shadow: 0 2px 10px rgba(0,0,0,.15);
	cursor: pointer;
	font-size: 1.5rem; line-height: 1; color: #334155;
	display: flex; align-items: center; justify-content: center;
	z-index: 2;
}
.rbfund-scblock-prev { left: -6px; }
.rbfund-scblock-next { right: -6px; }
.rbfund-scblock-nav:hover { background: #f1f5f9; }

/* Kartu shortcode */
.rbfund-sccard {
	background: #fff;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 1px 6px rgba(20,40,60,.07);
	display: flex; flex-direction: column;
	transition: transform .18s ease, box-shadow .18s ease;
}
.rbfund-sccard:hover { transform: translateY(-3px); box-shadow: 0 8px 22px rgba(20,40,60,.1); }
.rbfund-sccard-cover {
	position: relative;
	aspect-ratio: 16 / 10;
	background: #f1f5f9;
	display: block; overflow: hidden;
}
.rbfund-sccard-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rbfund-sccard-cover-ph {
	position: absolute; inset: 0;
	display: flex; align-items: center; justify-content: center;
	background: linear-gradient(135deg, #1f2b6b, #16a34a);
}
.rbfund-sccard-cover-ph .dashicons { font-size: 42px; width: 42px; height: 42px; color: rgba(255,255,255,.6); }
.rbfund-sccard-body { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 9px; flex: 1; }
.rbfund-sccard-title {
	margin: 0; font-size: 1rem; font-weight: 700; line-height: 1.35;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.rbfund-sccard-title a { color: #111827; text-decoration: none; }
.rbfund-sccard-title a:hover { color: var(--rbfund-primary, #16a34a); }
.rbfund-sccard .rbfund-progress { height: 6px; background: #eef2f7; border-radius: 999px; overflow: hidden; }
.rbfund-sccard .rbfund-progress-bar { height: 100%; background: var(--rbfund-progress, var(--rbfund-primary, #16a34a)); border-radius: 999px; }
.rbfund-sccard-meta { display: flex; justify-content: space-between; align-items: center; }
.rbfund-sccard-raised { font-weight: 800; color: #0f172a; }
.rbfund-sccard-pct { font-weight: 700; color: var(--rbfund-primary, #16a34a); font-size: .9rem; }
.rbfund-sccard-sub { display: flex; justify-content: space-between; align-items: center; font-size: .82rem; color: #64748b; }
.rbfund-sccard-donors { display: inline-flex; align-items: center; gap: 4px; }
.rbfund-sccard-donors .dashicons { font-size: 15px; width: 15px; height: 15px; }
.rbfund-sccard-cta {
	margin-top: 4px;
	display: block; text-align: center;
	padding: 10px 12px;
	background: var(--rbfund-btn, var(--rbfund-primary, #16a34a));
	color: #fff !important;
	border-radius: 10px; font-weight: 700; text-decoration: none; font-size: .92rem;
}
.rbfund-sccard-cta:hover { filter: brightness(.94); }

@media (max-width: 900px) {
	.rbfund-scblock--grid .rbfund-scblock-track { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
	.rbfund-scblock--grid .rbfund-scblock-track { grid-template-columns: 1fr; }
	.rbfund-scblock--slider .rbfund-sccard { flex-basis: 82%; max-width: 82%; }
}

/* ==================================================================
   Halaman /campaign/ ala amalsholeh — header (logo), footer, float btn
   ================================================================== */

body.rbfund-has-appbar { background: #f4f6f9; }

/* ---- Header / App bar ---- */
.rbfund-appbar {
	position: sticky; top: 0; z-index: 1000;
	background: #fff;
	box-shadow: 0 1px 8px rgba(20,40,60,.06);
}
.rbfund-appbar-inner {
	max-width: 1140px; margin: 0 auto;
	display: flex; align-items: center; justify-content: space-between;
	gap: 16px;
	padding: 10px 20px;
}
.rbfund-appbar-brand { display: inline-flex; align-items: center; text-decoration: none; }
.rbfund-appbar-logo { max-height: 46px; max-width: 180px; width: auto; object-fit: contain; display: block; }
.rbfund-appbar-logo-txt { font-size: 1.15rem; font-weight: 800; color: var(--rbfund-primary, #16a34a); }
.rbfund-appbar-nav { display: flex; align-items: center; gap: 6px; }
.rbfund-appbar-nav a {
	padding: 8px 14px; border-radius: 999px;
	color: #475569; text-decoration: none; font-weight: 600; font-size: .92rem;
	transition: all .15s ease;
}
.rbfund-appbar-nav a:hover { background: #f1f5f9; color: #1e293b; }
.rbfund-appbar-nav a.active { background: var(--rbfund-primary, #16a34a); color: #fff; }

/* ---- Footer ---- */
.rbfund-appfooter {
	margin-top: 40px;
	background: var(--rbfund-footer-bg, #0f172a);
	color: var(--rbfund-footer-text, #cbd5e1);
}
.rbfund-appfooter-inner {
	max-width: 1140px; margin: 0 auto;
	display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;
	gap: 24px;
	padding: 36px 20px 24px;
}
.rbfund-appfooter-brand { flex: 1 1 260px; min-width: 220px; }
.rbfund-appfooter-logo { max-height: 52px; max-width: 190px; object-fit: contain; background: #fff; padding: 6px 10px; border-radius: 8px; display: block; margin-bottom: 12px; }
.rbfund-appfooter-name { display: block; font-size: 1.2rem; color: inherit; margin-bottom: 8px; }
.rbfund-appfooter-tagline { color: inherit; opacity: .75; font-size: .9rem; line-height: 1.6; margin: 0; max-width: 340px; }
.rbfund-appfooter-links { display: flex; flex-direction: column; gap: 10px; flex: 0 0 auto; }
.rbfund-appfooter-links a { color: inherit; opacity: .9; text-decoration: none; font-size: .92rem; }
.rbfund-appfooter-links a:hover { opacity: 1; text-decoration: underline; }
.rbfund-appfooter-social { display: flex; gap: 8px; flex: 0 0 auto; }
.rbfund-appfooter .rbfund-social-btn {
	width: 38px; height: 38px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	background: rgba(255,255,255,.1); color: #fff;
	text-decoration: none; transition: all .15s ease;
}
.rbfund-appfooter .rbfund-social-btn svg { display: block; }
.rbfund-appfooter .rbfund-social-btn:hover { transform: translateY(-2px); }
.rbfund-appfooter .rbfund-social-instagram:hover { background: #dc2743; }
.rbfund-appfooter .rbfund-social-facebook:hover { background: #1877f2; }
.rbfund-appfooter .rbfund-social-youtube:hover { background: #ff0000; }
.rbfund-appfooter .rbfund-social-tiktok:hover { background: #000; }
.rbfund-appfooter .rbfund-social-twitter:hover { background: #1da1f2; }
.rbfund-appfooter-copy {
	border-top: 1px solid rgba(255,255,255,.08);
	padding: 16px 20px;
	max-width: 1140px; margin: 0 auto;
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px;
	font-size: .82rem; color: inherit; opacity: .7;
}

/* ---- Tombol melayang (float) ---- */
.rbfund-floatbtns {
	position: fixed; right: 18px; bottom: 18px; z-index: 1200;
	display: flex; flex-direction: column; gap: 12px;
	padding-bottom: env(safe-area-inset-bottom, 0px);
}
/* Bila ada bottombar donasi (single campaign), naikkan tombol melayang. */
body.rbfund-standalone:not(.rbfund-has-appbar) .rbfund-floatbtns { bottom: 84px; }
.rbfund-float-wa, .rbfund-float-top {
	width: 52px; height: 52px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	box-shadow: 0 4px 16px rgba(0,0,0,.22);
	cursor: pointer; border: 0;
	transition: transform .15s ease, opacity .25s ease;
}
.rbfund-float-wa { background: #25d366; color: #fff; text-decoration: none; }
.rbfund-float-wa:hover { transform: scale(1.06); }
.rbfund-float-wa svg { display: block; }
.rbfund-float-top { background: #fff; color: #334155; }
.rbfund-float-top:hover { transform: scale(1.06); background: #f1f5f9; }
.rbfund-float-top svg { display: block; }
/* Tombol "ke atas" muncul saat scroll; default samar tapi tetap terpasang.
   Bila JS tak sempat jalan, .rbfund-floatbtns tetap menampilkan WA. */
.rbfund-float-top { opacity: 0; pointer-events: none; }
.rbfund-float-top.show { opacity: 1; pointer-events: auto; }

@media (max-width: 640px) {
	.rbfund-appbar-inner { padding: 8px 14px; }
	.rbfund-appbar-logo { max-height: 38px; max-width: 140px; }
	.rbfund-appbar-nav a { padding: 7px 10px; font-size: .82rem; }
	.rbfund-appfooter-inner { flex-direction: column; gap: 20px; padding: 28px 16px 20px; }
	.rbfund-floatbtns { right: 14px; bottom: 14px; }
	.rbfund-float-wa, .rbfund-float-top { width: 46px; height: 46px; }
}

/* ==================================================================
   Halaman pencarian /search/
   ================================================================== */
.rbfund-searchform { max-width: 640px; margin: 0 auto 22px; }
.rbfund-searchform-box {
	display: flex; align-items: center; gap: 8px;
	background: #fff; border: 1px solid #e2e8f0; border-radius: 999px;
	padding: 6px 6px 6px 16px;
	box-shadow: 0 2px 10px rgba(20,40,60,.05);
}
.rbfund-searchform-icon { color: #94a3b8; display: inline-flex; }
.rbfund-searchform-box input[type="search"] {
	flex: 1; border: 0; outline: 0; background: transparent;
	font-size: 1rem; padding: 10px 4px; color: #1e293b; min-width: 0;
}
.rbfund-searchform-btn {
	flex: 0 0 auto; border: 0; cursor: pointer;
	background: var(--rbfund-btn, var(--rbfund-primary, #16a34a)); color: #fff;
	font-weight: 700; padding: 11px 22px; border-radius: 999px; font-size: .95rem;
}
.rbfund-searchform-btn:hover { filter: brightness(.95); }
.rbfund-search-count { color: #64748b; font-size: .92rem; margin: 0 0 16px; }
.rbfund-empty-cta {
	display: inline-block; margin-top: 14px;
	background: var(--rbfund-btn, var(--rbfund-primary, #16a34a)); color: #fff !important;
	padding: 10px 20px; border-radius: 10px; font-weight: 700; text-decoration: none;
}
.rbfund-appbar-search {
	display: inline-flex !important; align-items: center; justify-content: center;
	width: 38px; height: 38px; padding: 0 !important; border-radius: 50% !important;
}
.rbfund-appbar-login {
	background: var(--rbfund-btn, var(--rbfund-primary, #16a34a)); color: #fff !important;
	padding: 8px 18px !important; border-radius: 999px !important; font-weight: 700;
}
.rbfund-appbar-login:hover { filter: brightness(.95); background: var(--rbfund-btn, var(--rbfund-primary, #16a34a)) !important; color: #fff !important; }

/* ==================================================================
   Halaman login /login/
   ================================================================== */
body.rbfund-login-body {
	margin: 0;
	min-height: 100vh;
	background: linear-gradient(160deg, #f4f6f9 0%, #eef2f7 100%);
}
.rbfund-login-wrap {
	min-height: 100vh;
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	padding: 24px 16px;
	box-sizing: border-box;
}
.rbfund-login-card {
	width: 100%; max-width: 400px;
	background: #fff;
	border-radius: 18px;
	box-shadow: 0 10px 40px rgba(20,40,60,.10);
	padding: 32px 28px;
	box-sizing: border-box;
	text-align: center;
}
.rbfund-login-logo { display: inline-flex; margin-bottom: 18px; text-decoration: none; }
.rbfund-login-logo img { max-height: 56px; max-width: 180px; object-fit: contain; display: block; }
.rbfund-login-logo-txt { font-size: 1.3rem; font-weight: 800; color: var(--rbfund-primary, #16a34a); }
.rbfund-login-title { font-size: 1.5rem; font-weight: 800; margin: 0 0 6px; color: #1e293b; }
.rbfund-login-sub { color: #64748b; font-size: .95rem; margin: 0 0 22px; }
.rbfund-login-alert {
	background: #fef2f2; color: #b91c1c;
	border: 1px solid #fecaca; border-radius: 10px;
	padding: 10px 14px; font-size: .9rem; margin-bottom: 16px; text-align: left;
}
.rbfund-login-form { text-align: left; }
.rbfund-login-field { margin-bottom: 16px; }
.rbfund-login-field label { display: block; font-size: .88rem; font-weight: 600; color: #334155; margin-bottom: 6px; }
.rbfund-login-field input[type="text"],
.rbfund-login-field input[type="password"] {
	width: 100%; box-sizing: border-box;
	border: 1px solid #d7dee6; border-radius: 10px;
	padding: 12px 14px; font-size: 1rem; color: #1e293b;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.rbfund-login-field input:focus {
	outline: 0; border-color: var(--rbfund-primary, #16a34a);
	box-shadow: 0 0 0 3px rgba(22,163,74,.12);
}
.rbfund-login-passwrap { position: relative; }
.rbfund-login-passwrap input { padding-right: 44px !important; }
.rbfund-login-eye {
	position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
	background: none; border: 0; cursor: pointer; color: #94a3b8;
	padding: 6px; display: inline-flex; border-radius: 8px;
}
.rbfund-login-eye:hover { color: #475569; }
.rbfund-login-eye svg { display: block; }
.rbfund-login-row {
	display: flex; align-items: center; justify-content: space-between;
	margin-bottom: 20px; font-size: .88rem;
}
.rbfund-login-remember { color: #475569; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.rbfund-login-forgot { color: var(--rbfund-primary, #16a34a); text-decoration: none; font-weight: 600; }
.rbfund-login-forgot:hover { text-decoration: underline; }
.rbfund-login-btn {
	display: inline-block; width: 100%; box-sizing: border-box;
	text-align: center; text-decoration: none;
	background: var(--rbfund-btn, var(--rbfund-primary, #16a34a)); color: #fff !important;
	border: 0; cursor: pointer;
	padding: 13px 18px; border-radius: 10px;
	font-size: 1rem; font-weight: 700;
	transition: filter .15s ease;
}
.rbfund-login-btn:hover { filter: brightness(.95); }
.rbfund-login-btn--ghost {
	background: #fff !important; color: #334155 !important;
	border: 1px solid #d7dee6; margin-top: 10px;
}
.rbfund-login-actions { margin-top: 8px; }
.rbfund-login-foot { margin: 20px 0 0; font-size: .9rem; color: #64748b; text-align: center; }
.rbfund-login-foot a { color: var(--rbfund-primary, #16a34a); font-weight: 600; text-decoration: none; }
.rbfund-login-foot a:hover { text-decoration: underline; }
.rbfund-login-back { margin-top: 20px; color: #64748b; text-decoration: none; font-size: .9rem; }
.rbfund-login-back:hover { color: #334155; }

@media (max-width: 440px) {
	.rbfund-login-card { padding: 26px 20px; border-radius: 14px; }
	.rbfund-login-title { font-size: 1.3rem; }
}

/* ==================================================================
   Halaman Kalkulator Zakat /kalkulator-zakat/
   ================================================================== */
.rbfund-zakatpage-box {
	max-width: 640px; margin: 0 auto;
	background: #fff; border-radius: 16px;
	box-shadow: 0 2px 14px rgba(20,40,60,.06);
	padding: 22px;
}
.rbfund-zakat-ref {
	max-width: 640px; margin: 16px auto 0;
	text-align: center; color: #64748b; font-size: .86rem; line-height: 1.6;
}
@media (max-width: 640px) {
	.rbfund-zakatpage-box { padding: 16px; border-radius: 12px; }
}

/* ==================================================================
   Dashboard Fundraiser Saya /fundraiser/  ([rbfund_my_fundraiser])
   ================================================================== */
.rbfund-myfrpage-box { max-width: 860px; margin: 0 auto; }
.rbfund-myfr { color: #1f2937; }
.rbfund-myfr-gate {
	max-width: 460px; margin: 0 auto; text-align: center;
	background: #fff; border-radius: 16px; padding: 30px 22px;
	box-shadow: 0 2px 14px rgba(20,40,60,.06);
}
.rbfund-myfr-gate .button, .rbfund-myfr-loginbtn { margin-top: 8px; }
.rbfund-myfr-head { margin-bottom: 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.rbfund-myfr-hi { display: flex; align-items: center; gap: 14px; }
.rbfund-myfr-ava {
	width: 52px; height: 52px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	background: #16a34a; color: #fff; font-size: 1.4rem; font-weight: 700;
	overflow: hidden; flex: none;
}
.rbfund-myfr-ava-img { background: #eef4fb; }
.rbfund-myfr-ava-img img { width: 100%; height: 100%; object-fit: cover; }
.rbfund-myfr-accountlink {
	display: inline-flex; align-items: center; gap: 6px; text-decoration: none;
	background: #f1f5f9; border: 1px solid #e2e8f0; border-radius: 999px;
	padding: 7px 16px; font-size: .85rem; font-weight: 600; color: #334155;
}
.rbfund-myfr-accountlink:hover { background: #e6ebf0; color: #1b8a5a; }
.rbfund-myfr-accountlink .dashicons { font-size: 16px; width: 16px; height: 16px; }
.rbfund-myfr-name { margin: 0; font-size: 1.25rem; }
.rbfund-myfr-role { margin: 2px 0 0; color: #64748b; font-size: .88rem; }
.rbfund-myfr-stats {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;
	margin-bottom: 26px;
}
.rbfund-myfr-stat {
	background: #fff; border-radius: 14px; padding: 16px 14px; text-align: center;
	box-shadow: 0 2px 12px rgba(20,40,60,.05);
}
.rbfund-myfr-num { display: block; font-size: 1.15rem; font-weight: 700; color: #0f172a; }
.rbfund-myfr-lbl { display: block; margin-top: 4px; color: #64748b; font-size: .78rem; }
.rbfund-myfr-sectitle { font-size: 1.05rem; margin: 22px 0 12px; }
.rbfund-myfr-empty, .rbfund-myfr-empty-sm {
	background: #fff; border-radius: 14px; padding: 20px; color: #64748b;
	box-shadow: 0 2px 12px rgba(20,40,60,.05);
}
.rbfund-myfr-empty .button { margin-top: 10px; }
.rbfund-myfr-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.rbfund-myfr-card {
	background: #fff; border-radius: 14px; padding: 16px;
	box-shadow: 0 2px 12px rgba(20,40,60,.05);
	display: flex; flex-direction: column; gap: 10px;
}
.rbfund-myfr-card-title { font-weight: 700; color: #0f172a; text-decoration: none; }
.rbfund-myfr-card-title:hover { color: #16a34a; }
.rbfund-myfr-card-stats { display: flex; gap: 16px; font-size: .85rem; color: #475569; }
.rbfund-myfr-card-linkrow { display: flex; gap: 6px; }
.rbfund-myfr-link {
	flex: 1; min-width: 0; padding: 7px 9px; font-size: .8rem;
	border: 1px solid #e2e8f0; border-radius: 8px; background: #f8fafc; color: #334155;
}
.rbfund-myfr-copy { white-space: nowrap; }
.rbfund-myfr-card-share { display: flex; gap: 8px; flex-wrap: wrap; }
.rbfund-myfr-card-share .rbfund-share {
	font-size: .78rem; padding: 5px 10px; border-radius: 999px; text-decoration: none; color: #fff;
}
.rbfund-myfr-card-share .wa { background: #22c55e; }
.rbfund-myfr-card-share .fb { background: #1877f2; }
.rbfund-myfr-card-share .tg { background: #229ed9; }
.rbfund-myfr-recent {
	background: #fff; border-radius: 14px; padding: 8px 4px;
	box-shadow: 0 2px 12px rgba(20,40,60,.05);
}
.rbfund-myfr-recent-row {
	display: flex; align-items: center; gap: 12px; padding: 10px 14px;
	border-bottom: 1px solid #f1f5f9;
}
.rbfund-myfr-recent-row:last-child { border-bottom: 0; }
.rbfund-myfr-recent-ava {
	width: 38px; height: 38px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	background: #ecfdf5; color: #16a34a; font-weight: 700;
}
.rbfund-myfr-recent-meta { flex: 1; min-width: 0; }
.rbfund-myfr-recent-meta strong { display: block; }
.rbfund-myfr-recent-meta span { color: #64748b; font-size: .8rem; }
.rbfund-myfr-recent-amt { font-weight: 700; color: #16a34a; white-space: nowrap; }
.rbfund-fr-dashlink { margin-top: 14px; text-align: center; }
.rbfund-fr-dashlink a { color: #16a34a; font-weight: 600; text-decoration: none; }
@media (max-width: 720px) {
	.rbfund-myfr-stats { grid-template-columns: repeat(2, 1fr); }
	.rbfund-myfr-cards { grid-template-columns: 1fr; }
}

/* ==================================================================
   Halaman Registrasi /register/  (meniru gaya aksiqu.com)
   ================================================================== */
.rbfund-register-body { background: #fff; }
.rbfund-register-body .rbfund-login-wrap {
	min-height: 100vh; display: flex; align-items: flex-start; justify-content: center;
	padding: 0; background: #fff;
}
.rbfund-register-body .rbfund-login-card {
	width: 100%; max-width: 620px; margin: 0 auto;
	background: #fff; box-shadow: none; border: 0; border-radius: 0;
	padding: 40px 24px 60px;
}
/* Logo di tengah */
.rbfund-register-body .rbfund-login-logo {
	display: block; text-align: center; margin: 8px auto 30px;
}
.rbfund-register-body .rbfund-login-logo img { max-height: 82px; width: auto; display: inline-block; }
/* Judul & subjudul rata kiri seperti screenshot */
.rbfund-register-body .rbfund-login-title {
	font-size: 2rem; font-weight: 800; color: #1f2b3a; margin: 0 0 6px; text-align: left;
}
.rbfund-register-body .rbfund-login-sub {
	color: #8a97a5; font-size: 1.05rem; margin: 0 0 26px; text-align: left;
}
/* Field: placeholder di dalam, border tipis, radius sedang, padding lega */
.rbfund-reg-field { position: relative; margin-bottom: 18px; }
.rbfund-reg-field input {
	width: 100%; box-sizing: border-box;
	padding: 18px 18px; font-size: 1rem;
	border: 1px solid #e2e8ef; border-radius: 10px; background: #fff; color: #1f2b3a;
	transition: border-color .15s, box-shadow .15s;
}
.rbfund-reg-field input::placeholder { color: #aab4c0; }
.rbfund-reg-field input:focus {
	outline: none; border-color: #3aa856; box-shadow: 0 0 0 3px rgba(58,168,86,.12);
}
/* Password + tombol mata */
.rbfund-reg-passwrap input { padding-right: 54px; }
.rbfund-reg-passwrap .rbfund-login-eye {
	position: absolute; right: 14px; top: 50%; transform: translateY(-50%);
	background: none; border: 0; cursor: pointer; color: #64748b; padding: 4px; line-height: 0;
}
.rbfund-reg-passwrap .rbfund-login-eye:hover { color: #334155; }
.rbfund-login-eye .rbfund-eye-off { display: none; }
.rbfund-login-eye.is-on .rbfund-eye-on { display: none; }
.rbfund-login-eye.is-on .rbfund-eye-off { display: block; }
/* Boks aturan password (krem) */
.rbfund-reg-rules {
	list-style: none; margin: 4px 0 20px; padding: 16px 18px 16px 34px;
	background: #fbf1e8; border-radius: 10px;
	font-size: .95rem; color: #5b6470; line-height: 1.7;
}
.rbfund-reg-rules li { position: relative; }
.rbfund-reg-rules li::before {
	content: "•"; position: absolute; left: -18px; color: #9aa4b0; font-size: 1.1em;
}
.rbfund-reg-rules li.ok { color: #2e7d3f; }
.rbfund-reg-rules li.ok::before { content: "✓"; color: #2e7d3f; font-weight: 700; }
/* Checkbox persetujuan */
.rbfund-reg-agree {
	display: flex; gap: 12px; align-items: flex-start;
	font-size: 1rem; color: #5b6470; line-height: 1.5; margin: 4px 0 30px; cursor: pointer;
}
.rbfund-reg-agree input {
	width: 20px; height: 20px; margin: 2px 0 0; flex-shrink: 0; accent-color: #3aa856; cursor: pointer;
}
/* Tombol Register hijau penuh */
.rbfund-reg-submit {
	display: block; width: 100%; box-sizing: border-box;
	padding: 18px 20px; font-size: 1.1rem; font-weight: 700; color: #fff;
	background: #3f9b2f; border: 0; border-radius: 10px; cursor: pointer;
	box-shadow: 0 6px 16px rgba(63,155,47,.28); transition: background .15s, transform .05s;
}
.rbfund-reg-submit:hover { background: #37891f; }
.rbfund-reg-submit:active { transform: translateY(1px); }
/* Footer link */
.rbfund-register-body .rbfund-login-foot {
	text-align: center; margin: 30px 0 0; color: #8a97a5; font-size: 1rem;
}
.rbfund-register-body .rbfund-login-foot a { color: #3f9b2f; font-weight: 600; text-decoration: none; }
.rbfund-register-body .rbfund-login-foot a:hover { text-decoration: underline; }
/* Alert error */
.rbfund-register-body .rbfund-login-alert {
	background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca;
	padding: 12px 14px; border-radius: 10px; font-size: .92rem; margin-bottom: 18px;
}
/* Honeypot */
.rbfund-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
/* Dekorasi blob lembut di sudut (opsional, meniru aksiqu) */
.rbfund-register-body::before {
	content: ""; position: fixed; top: -80px; left: -80px; width: 280px; height: 280px;
	background: radial-gradient(circle at 30% 30%, #fde7f0 0%, rgba(253,231,240,0) 70%);
	z-index: -1; pointer-events: none;
}
.rbfund-register-body::after {
	content: ""; position: fixed; top: -60px; right: -60px; width: 260px; height: 260px;
	background: radial-gradient(circle at 70% 30%, #e6f7ef 0%, rgba(230,247,239,0) 70%);
	z-index: -1; pointer-events: none;
}
@media (max-width: 600px) {
	.rbfund-register-body .rbfund-login-card { padding: 28px 18px 48px; }
	.rbfund-register-body .rbfund-login-title { font-size: 1.6rem; }
	.rbfund-register-body .rbfund-login-sub { font-size: .98rem; }
	.rbfund-reg-field input { padding: 15px 15px; }
}

/* Verifikasi email: layar sukses & varian alert */
.rbfund-reg-done { text-align: center; padding: 10px 0 4px; }
.rbfund-reg-done-icon {
	width: 76px; height: 76px; margin: 0 auto 18px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	background: #eafaf0; color: #3aa856;
}
.rbfund-reg-done .rbfund-login-title { text-align: center; }
.rbfund-reg-done .rbfund-login-sub { text-align: center; }
.rbfund-login-alert.is-ok {
	background: #eafaf0; color: #1c7a41; border: 1px solid #bfe8cf;
}
.rbfund-login-alert.is-error {
	background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca;
}
.rbfund-login-alert a { color: inherit; font-weight: 600; text-decoration: underline; }

/* ============================================================
   Halaman Akun Saya (/akun/)
   ============================================================ */
.rbfund-accountpage { max-width: 720px; margin: 0 auto; }
.rbfund-acc-hero {
	display: flex; align-items: center; gap: 18px;
	background: linear-gradient(135deg, #1b8a5a 0%, #147a4d 100%);
	color: #fff; border-radius: 16px; padding: 24px; margin: 16px 0;
}
.rbfund-acc-avatar {
	width: 84px; height: 84px; border-radius: 50%; overflow: hidden; flex: none;
	background: rgba(255,255,255,.2); display: flex; align-items: center; justify-content: center;
	border: 3px solid rgba(255,255,255,.5);
}
.rbfund-acc-avatar img { width: 100%; height: 100%; object-fit: cover; }
.rbfund-acc-avatar-ini { font-size: 2.2rem; font-weight: 800; color: #fff; }
.rbfund-acc-identity { min-width: 0; }
.rbfund-acc-name { font-size: 1.5rem; font-weight: 800; margin: 0 0 2px; color: #fff; }
.rbfund-acc-email { font-size: .9rem; opacity: .9; margin: 0 0 8px; word-break: break-all; }
.rbfund-acc-badges { display: flex; flex-wrap: wrap; gap: 6px; }
.rbfund-acc-badge {
	display: inline-flex; align-items: center; gap: 4px;
	background: rgba(255,255,255,.2); border-radius: 999px;
	padding: 3px 10px; font-size: .78rem; font-weight: 600;
}
.rbfund-acc-badge .dashicons { font-size: 15px; width: 15px; height: 15px; }

.rbfund-acc-stats {
	display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 16px;
}
.rbfund-acc-stat {
	background: #fff; border: 1px solid #e6ebf0; border-radius: 12px;
	padding: 16px 12px; text-align: center;
}
.rbfund-acc-stat-val { display: block; font-size: 1.15rem; font-weight: 800; color: #1b8a5a; }
.rbfund-acc-stat-lbl { display: block; font-size: .78rem; color: #64748b; margin-top: 2px; }

.rbfund-acc-actions {
	display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 20px;
}
.rbfund-acc-action {
	display: flex; align-items: center; gap: 10px; text-decoration: none;
	background: #fff; border: 1px solid #e6ebf0; border-radius: 12px;
	padding: 14px 16px; color: #26333d; font-weight: 600; transition: all .15s ease;
}
.rbfund-acc-action:hover { border-color: #1b8a5a; background: #f6fbf8; }
.rbfund-acc-action .dashicons { color: #1b8a5a; }
.rbfund-acc-action.is-primary { background: #1b8a5a; color: #fff; border-color: #1b8a5a; }
.rbfund-acc-action.is-primary .dashicons { color: #fff; }
.rbfund-acc-action.is-primary:hover { background: #147a4d; }
.rbfund-acc-action.is-ghost { color: #b91c1c; }
.rbfund-acc-action.is-ghost .dashicons { color: #b91c1c; }

.rbfund-acc-panel {
	background: #fff; border: 1px solid #e6ebf0; border-radius: 14px;
	padding: 20px; margin-bottom: 16px;
}
.rbfund-acc-panel-title { font-size: 1.05rem; font-weight: 800; color: #26333d; margin: 0 0 14px; }
.rbfund-acc-info { list-style: none; margin: 0; padding: 0; }
.rbfund-acc-info li {
	display: flex; justify-content: space-between; gap: 12px;
	padding: 10px 0; border-bottom: 1px solid #f0f3f6;
}
.rbfund-acc-info li:last-child { border-bottom: none; }
.rbfund-acc-info-k { color: #64748b; font-size: .9rem; }
.rbfund-acc-info-v { color: #26333d; font-weight: 600; text-align: right; word-break: break-word; }

.rbfund-acc-empty { color: #64748b; text-align: center; padding: 20px 0; margin: 0; }
.rbfund-acc-history { display: flex; flex-direction: column; }
.rbfund-acc-hitem {
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
	padding: 12px 0; border-bottom: 1px solid #f0f3f6;
}
.rbfund-acc-hitem:last-child { border-bottom: none; }
.rbfund-acc-hmain { min-width: 0; }
.rbfund-acc-hcamp { display: block; font-weight: 700; color: #26333d; font-size: .95rem; }
.rbfund-acc-hdate { display: block; font-size: .78rem; color: #8a97a3; margin-top: 2px; }
.rbfund-acc-hside { text-align: right; flex: none; }
.rbfund-acc-hamt { display: block; font-weight: 800; color: #26333d; font-size: .95rem; }
.rbfund-acc-hstat {
	display: inline-block; font-size: .72rem; font-weight: 600; margin-top: 3px;
	padding: 1px 8px; border-radius: 999px;
}
.rbfund-acc-hstat.is-paid { background: #dcfce7; color: #166534; }
.rbfund-acc-hstat.is-pending { background: #fef9c3; color: #854d0e; }
.rbfund-acc-hstat.is-expired, .rbfund-acc-hstat.is-cancelled, .rbfund-acc-hstat.is-failed { background: #fee2e2; color: #991b1b; }

@media (max-width: 560px) {
	.rbfund-acc-hero { flex-direction: column; text-align: center; }
	.rbfund-acc-badges { justify-content: center; }
	.rbfund-acc-actions { grid-template-columns: 1fr; }
	.rbfund-acc-name { font-size: 1.3rem; }
}

/* Edit profil di halaman Akun */
.rbfund-acc-hero { position: relative; }
.rbfund-acc-editbtn {
	position: absolute; top: 16px; right: 16px;
	display: inline-flex; align-items: center; gap: 5px;
	background: rgba(255,255,255,.22); color: #fff; border: 1px solid rgba(255,255,255,.4);
	border-radius: 999px; padding: 6px 14px; font-size: .85rem; font-weight: 600; cursor: pointer;
	transition: background .15s ease;
}
.rbfund-acc-editbtn:hover { background: rgba(255,255,255,.35); }
.rbfund-acc-editbtn .dashicons { font-size: 16px; width: 16px; height: 16px; }

.rbfund-acc-modal {
	position: fixed; inset: 0; z-index: 9999; background: rgba(15,23,42,.55);
	display: flex; align-items: center; justify-content: center; padding: 16px;
}
.rbfund-acc-modal[hidden] { display: none; }
.rbfund-acc-modal-box {
	background: #fff; border-radius: 16px; width: 100%; max-width: 440px;
	max-height: 92vh; overflow: auto; box-shadow: 0 20px 60px rgba(0,0,0,.3);
}
.rbfund-acc-modal-head {
	display: flex; align-items: center; justify-content: space-between;
	padding: 18px 20px; border-bottom: 1px solid #eef2f6;
}
.rbfund-acc-modal-head h2 { margin: 0; font-size: 1.15rem; font-weight: 800; color: #26333d; }
.rbfund-acc-modal-x { background: none; border: none; font-size: 1.8rem; line-height: 1; color: #94a3b8; cursor: pointer; }
.rbfund-acc-modal-x:hover { color: #475569; }
.rbfund-acc-modal-body { padding: 20px; }
.rbfund-acc-photo-edit { text-align: center; margin-bottom: 18px; }
.rbfund-acc-photo-prev {
	width: 96px; height: 96px; border-radius: 50%; margin: 0 auto 10px; overflow: hidden;
	background: #eef4fb; display: flex; align-items: center; justify-content: center;
	border: 2px solid #e2e8f0;
}
.rbfund-acc-photo-prev img { width: 100%; height: 100%; object-fit: cover; }
.rbfund-acc-photo-prev span { font-size: 2rem; font-weight: 800; color: #64748b; }
.rbfund-acc-photo-btn {
	display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
	background: #f1f5f9; border: 1px solid #e2e8f0; border-radius: 8px;
	padding: 7px 14px; font-size: .85rem; font-weight: 600; color: #334155;
}
.rbfund-acc-photo-btn:hover { background: #e6ebf0; }
.rbfund-acc-photo-btn .dashicons { font-size: 16px; width: 16px; height: 16px; }
.rbfund-acc-photo-hint { font-size: .75rem; color: #94a3b8; margin: 6px 0 0; }
.rbfund-acc-field { margin-bottom: 14px; }
.rbfund-acc-field label { display: block; font-size: .85rem; font-weight: 600; color: #475569; margin-bottom: 5px; }
.rbfund-acc-field input {
	width: 100%; box-sizing: border-box; padding: 10px 12px;
	border: 1px solid #d8e0e8; border-radius: 8px; font-size: .95rem;
}
.rbfund-acc-field input:focus { outline: none; border-color: #1b8a5a; box-shadow: 0 0 0 3px rgba(27,138,90,.12); }
.rbfund-acc-field input:disabled { background: #f1f5f9; color: #94a3b8; }
.rbfund-acc-field-note { display: block; font-size: .75rem; color: #94a3b8; margin-top: 4px; }
.rbfund-acc-modal-msg { font-size: .85rem; min-height: 20px; margin-top: 4px; }
.rbfund-acc-modal-msg.is-ok { color: #166534; }
.rbfund-acc-modal-msg.is-error { color: #b91c1c; }
.rbfund-acc-modal-foot {
	display: flex; justify-content: flex-end; gap: 10px;
	padding: 16px 20px; border-top: 1px solid #eef2f6;
}
.rbfund-acc-btn-ghost {
	background: #fff; border: 1px solid #d8e0e8; border-radius: 8px;
	padding: 9px 18px; font-weight: 600; color: #475569; cursor: pointer;
}
.rbfund-acc-btn-ghost:hover { background: #f6f9fb; }
.rbfund-acc-btn-save {
	background: #1b8a5a; border: 1px solid #1b8a5a; border-radius: 8px;
	padding: 9px 18px; font-weight: 700; color: #fff; cursor: pointer;
}
.rbfund-acc-btn-save:hover { background: #147a4d; }
.rbfund-acc-btn-save:disabled { opacity: .6; cursor: default; }

/* Tautan pembayaran QRIS/e-wallet (Flip: halaman payment_url) */
.rbfund-inv-paylink { text-align: center; padding: 10px 6px; }
.rbfund-inv-paylink-ic { font-size: 46px; width: 46px; height: 46px; color: #1b8a5a; }
.rbfund-inv-paylink-title { font-size: 1.1rem; font-weight: 800; color: #26333d; margin: 8px 0 4px; }
.rbfund-inv-paylink-desc { font-size: .88rem; color: #64748b; margin: 0 0 16px; line-height: 1.5; }
.rbfund-inv-paylink-btn {
	display: inline-flex; align-items: center; gap: 8px; text-decoration: none;
	background: #1b8a5a; color: #fff; font-weight: 700; font-size: 1rem;
	padding: 13px 28px; border-radius: 12px; transition: background .15s ease;
}
.rbfund-inv-paylink-btn:hover { background: #147a4d; color: #fff; }
.rbfund-inv-paylink-btn .dashicons { font-size: 18px; width: 18px; height: 18px; }

/* ============================================================
   Gaya Form Donasi: List & Typing (selain Card)
   ============================================================ */
/* LIST: nominal sebagai daftar vertikal dengan radio */
.rbfund-dp-list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 14px; }
.rbfund-dp-listitem {
	display: flex; align-items: center; gap: 12px; width: 100%;
	background: #fff; border: 1.5px solid #e6ebf0; border-radius: 12px;
	padding: 14px 16px; cursor: pointer; text-align: left; transition: all .15s ease;
}
.rbfund-dp-listitem:hover { border-color: #1b8a5a; background: #f6fbf8; }
.rbfund-dp-listitem.active { border-color: #1b8a5a; background: #f0f9f4; }
.rbfund-dp-listradio {
	width: 20px; height: 20px; border-radius: 50%; border: 2px solid #cbd5e1;
	flex: none; position: relative; transition: all .15s ease;
}
.rbfund-dp-listitem.active .rbfund-dp-listradio { border-color: #1b8a5a; }
.rbfund-dp-listitem.active .rbfund-dp-listradio::after {
	content: ''; position: absolute; inset: 3px; border-radius: 50%; background: #1b8a5a;
}
.rbfund-dp-listval { font-weight: 700; color: #26333d; font-size: 1rem; flex: 1; }
.rbfund-dp-listtag {
	font-size: .72rem; font-weight: 600; color: #1b8a5a;
	background: #dcfce7; padding: 2px 8px; border-radius: 999px;
}

/* TYPING: input nominal besar + saran cepat */
.rbfund-dp-typing { margin-bottom: 14px; }
.rbfund-dp-typewrap {
	display: flex; align-items: center; gap: 8px;
	background: #fff; border: 2px solid #e6ebf0; border-radius: 12px;
	padding: 6px 16px; transition: border-color .15s ease;
}
.rbfund-dp-typewrap:focus-within { border-color: #1b8a5a; }
.rbfund-dp-typecur { font-size: 1.3rem; font-weight: 800; color: #64748b; }
.rbfund-dp-typeinput {
	border: none !important; outline: none !important; box-shadow: none !important;
	font-size: 1.6rem !important; font-weight: 800 !important; color: #26333d !important;
	width: 100%; padding: 8px 0 !important; background: transparent !important;
}
.rbfund-dp-suggest { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.rbfund-dp-suggestbtn {
	background: #f1f5f9; border: 1px solid #e2e8f0; border-radius: 999px;
	padding: 7px 14px; font-size: .85rem; font-weight: 600; color: #334155; cursor: pointer;
	transition: all .15s ease;
}
.rbfund-dp-suggestbtn:hover { background: #1b8a5a; color: #fff; border-color: #1b8a5a; }

/* ============================================================
   Sort Donatur (tab Terbaru/Terlama/Terbesar/Terkecil)
   ============================================================ */
.rbfund-donorsort { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.rbfund-donorsort-btn {
	background: #fff; border: 1.5px solid var(--rbfund-primary, #16a34a);
	color: var(--rbfund-primary, #16a34a); border-radius: 10px;
	padding: 8px 18px; font-weight: 700; font-size: .9rem; cursor: pointer;
	transition: all .15s ease;
}
.rbfund-donorsort-btn:hover { background: #fbeaea; }
.rbfund-donorsort-btn.is-active { background: var(--rbfund-primary, #16a34a); color: #fff; }

/* ============================================================
   Dinding Doa Orang Baik (shortcode rbfund_doa_wall)
   ============================================================ */
.rbfund-doawall { max-width: 760px; margin: 0 auto; }
.rbfund-doawall-title { font-size: 1.3rem; font-weight: 800; color: #26333d; margin: 0 0 16px; text-align: center; }
.rbfund-doawall-tabs { display: flex; gap: 8px; margin-bottom: 18px; justify-content: center; }
.rbfund-doawall-tab {
	background: #fff; border: 1.5px solid var(--rbfund-primary, #16a34a);
	color: var(--rbfund-primary, #16a34a); border-radius: 999px;
	padding: 6px 16px; font-weight: 600; font-size: .82rem; cursor: pointer;
	transition: all .15s ease;
}
.rbfund-doawall-tab:hover { background: #f0f9f4; }
.rbfund-doawall-tab.is-active { background: var(--rbfund-primary, #16a34a); color: #fff; }
.rbfund-doawall-item {
	display: flex; gap: 14px; background: #fff;
	border: 1px solid #e6ebf0; border-radius: 14px; padding: 16px;
}
.rbfund-doawall-ava {
	width: 46px; height: 46px; border-radius: 50%; flex: none;
	display: flex; align-items: center; justify-content: center;
	background: linear-gradient(135deg, #1b8a5a, #147a4d); color: #fff;
	font-weight: 800; font-size: 1.2rem;
}
.rbfund-doawall-body { flex: 1; min-width: 0; }
.rbfund-doawall-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.rbfund-doawall-name { font-weight: 800; color: #26333d; font-size: 1rem; }
.rbfund-doawall-when { font-size: .78rem; color: #94a3b8; }
.rbfund-doawall-msg { margin: 8px 0 10px; color: #374151; line-height: 1.6; font-size: .95rem; }
.rbfund-doawall-foot { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.rbfund-doawall-camp {
	display: inline-flex; align-items: center; gap: 5px; text-decoration: none;
	font-size: .82rem; font-weight: 600; color: #1b8a5a;
}
.rbfund-doawall-camp:hover { text-decoration: underline; }
.rbfund-doawall-camp .dashicons { font-size: 15px; width: 15px; height: 15px; }
.rbfund-doawall-aamiin { font-size: .82rem; font-weight: 700; color: #c2410c; }
.rbfund-doawall-empty, .rbfund-doawall-none { text-align: center; color: #64748b; padding: 24px 0; }
@media (max-width: 560px) {
	.rbfund-doawall-tabs, .rbfund-donorsort { overflow-x: auto; }
	.rbfund-doawall-tab, .rbfund-donorsort-btn { white-space: nowrap; }
}

/* ============================================================
   Kartu Pilihan Hewan Qurban (dengan foto)
   ============================================================ */
.rbfund-qurban-cards { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 14px; }
@media (min-width: 480px) { .rbfund-qurban-cards { grid-template-columns: 1fr 1fr; } }
.rbfund-qurban-card {
	position: relative; display: flex; align-items: center; gap: 12px;
	background: #fff; border: 2px solid #e6ebf0; border-radius: 14px;
	padding: 10px; cursor: pointer; text-align: left; transition: all .15s ease; width: 100%;
}
.rbfund-qurban-card:hover { border-color: #1b8a5a; }
.rbfund-qurban-card.is-active { border-color: #1b8a5a; background: #f0f9f4; }
.rbfund-qurban-card-img {
	width: 68px; height: 68px; border-radius: 10px; flex: none;
	background: #eef2f7 center/cover no-repeat;
	display: flex; align-items: center; justify-content: center;
}
.rbfund-qurban-card-noimg .dashicons { color: #94a3b8; font-size: 30px; width: 30px; height: 30px; }
.rbfund-qurban-card-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.rbfund-qurban-card-title { font-weight: 800; color: #26333d; font-size: .98rem; line-height: 1.3; }
.rbfund-qurban-card-price { color: #1b8a5a; font-weight: 700; font-size: .9rem; }
.rbfund-qurban-card-check {
	position: absolute; top: 10px; right: 10px; color: #1b8a5a;
	font-size: 20px; width: 20px; height: 20px; opacity: 0; transition: opacity .15s ease;
}
.rbfund-qurban-card.is-active .rbfund-qurban-card-check { opacity: 1; }

/* ===== Komisi & Pencairan (dashboard fundraiser) ===== */
.rbfund-myfr-commission { margin-bottom: 28px; }
.rbfund-comm-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin-bottom: 18px; }
.rbfund-comm-box { background: #fff; border: 1px solid #e6ebf1; border-radius: 12px; padding: 14px 16px; }
.rbfund-comm-box--avail { background: linear-gradient(135deg,#f0fdf4,#dcfce7); border-color: #bbf7d0; }
.rbfund-comm-lbl { display: block; font-size: 12px; color: #6b7280; margin-bottom: 4px; }
.rbfund-comm-num { display: block; font-size: 20px; font-weight: 800; color: #16324f; }
.rbfund-comm-box--avail .rbfund-comm-num { color: #15803d; }
.rbfund-comm-payout { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 18px; }
@media (max-width: 640px){ .rbfund-comm-payout { grid-template-columns: 1fr; } }
.rbfund-comm-bank, .rbfund-comm-request { background: #fff; border: 1px solid #e6ebf1; border-radius: 12px; padding: 16px; }
.rbfund-comm-bank h4, .rbfund-comm-request h4 { margin: 0 0 10px; font-size: 14px; color: #16324f; }
.rbfund-comm-bankinfo { font-size: 13px; line-height: 1.6; color: #334155; background: #f8fafc; padding: 10px 12px; border-radius: 8px; margin: 0 0 10px; }
.rbfund-comm-nobank, .rbfund-comm-empty2, .rbfund-comm-min { font-size: 12px; color: #94a3b8; margin: 0 0 10px; }
.rbfund-comm-bankform input, .rbfund-comm-reqform input, .rbfund-comm-reqform textarea { width: 100%; padding: 9px 12px; border: 1px solid #d8e0e8; border-radius: 8px; margin-bottom: 8px; font-size: 13px; box-sizing: border-box; }
.rbfund-comm-btn { background: #16a34a; color: #fff; border: 0; border-radius: 8px; padding: 10px 16px; font-weight: 600; cursor: pointer; font-size: 13px; }
.rbfund-comm-btn:hover { background: #15803d; }
.rbfund-comm-btn:disabled { opacity: .5; cursor: not-allowed; }
.rbfund-comm-btn--sec { background: #2563eb; }
.rbfund-comm-btn--sec:hover { background: #1d4ed8; }
.rbfund-comm-hint { display: block; margin-top: 6px; font-size: 11px; color: #f59e0b; }
.rbfund-comm-msg { display: block; margin-top: 8px; font-size: 12px; }
.rbfund-comm-msg.is-ok { color: #16a34a; }
.rbfund-comm-msg.is-err { color: #dc2626; }
.rbfund-comm-histtitle { font-size: 14px; color: #16324f; margin: 4px 0 8px; }
.rbfund-comm-hist table { width: 100%; border-collapse: collapse; font-size: 13px; }
.rbfund-comm-hist th, .rbfund-comm-hist td { text-align: left; padding: 8px 10px; border-bottom: 1px solid #eef1f5; }
.rbfund-comm-hist th { color: #6b7280; font-weight: 600; }
.rbfund-po-status { display: inline-block; padding: 2px 10px; border-radius: 20px; font-size: 11px; font-weight: 700; }
.rbfund-po-pending { background: #fef3c7; color: #92400e; }
.rbfund-po-approved { background: #dbeafe; color: #1e40af; }
.rbfund-po-paid { background: #dcfce7; color: #166534; }
.rbfund-po-rejected { background: #fee2e2; color: #991b1b; }

/* ============================================================
   HOMEPAGE (shortcode [rbfund_homepage]) — gaya platform donasi
   ============================================================ */
.rbfund-hp { --rbhp-primary: #16a34a; --rbhp-dark: #0f2e1d; --rbhp-ink: #1f2937; --rbhp-muted: #6b7280; --rbhp-line: #e8edf1; --rbhp-bg: #f6f9f7; font-family: inherit; color: var(--rbhp-ink); line-height: 1.6; }
.rbfund-hp * { box-sizing: border-box; }
.rbfund-hp h1, .rbfund-hp h2, .rbfund-hp h3 { margin: 0; line-height: 1.2; }

/* Section shell */
.rbfund-hp > section { max-width: 1160px; margin: 0 auto; padding: 56px 20px; }
.rbfund-hp-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 28px; flex-wrap: wrap; }
.rbfund-hp-section-head h2 { font-size: clamp(22px, 3vw, 30px); font-weight: 800; color: var(--rbhp-dark); }
.rbfund-hp-section-head--center { justify-content: center; text-align: center; }
.rbfund-hp-seeall { color: var(--rbhp-primary); font-weight: 700; text-decoration: none; font-size: 14px; white-space: nowrap; }
.rbfund-hp-seeall:hover { text-decoration: underline; }

/* Buttons */
.rbfund-hp-btn { display: inline-block; padding: 13px 28px; border-radius: 999px; font-weight: 700; text-decoration: none; font-size: 15px; transition: transform .12s ease, box-shadow .12s ease, background .15s ease; cursor: pointer; border: 0; }
.rbfund-hp-btn:hover { transform: translateY(-1px); }
.rbfund-hp-btn--primary { background: var(--rbhp-primary); color: #fff; box-shadow: 0 6px 18px rgba(22,163,74,.28); }
.rbfund-hp-btn--primary:hover { box-shadow: 0 10px 24px rgba(22,163,74,.36); }
.rbfund-hp-btn--ghost { background: transparent; color: #fff; border: 1.5px solid rgba(255,255,255,.55); }
.rbfund-hp-btn--ghost:hover { background: rgba(255,255,255,.12); }
.rbfund-hp-btn--light { background: #fff; color: var(--rbhp-primary); }

/* HERO */
.rbfund-hp-hero { max-width: none; padding: 0; background: radial-gradient(120% 140% at 15% 10%, #1c7a48 0%, var(--rbhp-dark) 60%); color: #fff; }
.rbfund-hp-hero-inner { max-width: 1160px; margin: 0 auto; padding: 72px 20px; display: grid; grid-template-columns: 1.3fr .9fr; gap: 48px; align-items: center; }
.rbfund-hp-eyebrow { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #9ae6b8; margin-bottom: 14px; }
.rbfund-hp-title { font-size: clamp(30px, 5vw, 50px); font-weight: 800; letter-spacing: -.02em; margin-bottom: 16px; }
.rbfund-hp-sub { font-size: clamp(15px, 2vw, 18px); color: rgba(255,255,255,.86); max-width: 560px; margin: 0 0 28px; }
.rbfund-hp-hero-cta { display: flex; gap: 12px; flex-wrap: wrap; }
.rbfund-hp-hero-stats { display: grid; gap: 14px; }
.rbfund-hp-stat { background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.14); border-radius: 16px; padding: 18px 22px; backdrop-filter: blur(4px); }
.rbfund-hp-stat-num { display: block; font-size: clamp(22px, 3vw, 30px); font-weight: 800; }
.rbfund-hp-stat-lbl { display: block; font-size: 13px; color: rgba(255,255,255,.75); margin-top: 2px; }

/* KATEGORI */
.rbfund-hp-cats { background: var(--rbhp-bg); max-width: none; }
.rbfund-hp-cats > * { max-width: 1160px; margin-left: auto; margin-right: auto; }
.rbfund-hp-cat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.rbfund-hp-cat { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; padding: 24px 14px; background: #fff; border: 1px solid var(--rbhp-line); border-radius: 16px; text-decoration: none; color: var(--rbhp-ink); transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease; }
.rbfund-hp-cat:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(15,46,29,.10); border-color: transparent; }
.rbfund-hp-cat-ic { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 50%; background: color-mix(in srgb, var(--rbhp-primary) 12%, #fff); color: var(--rbhp-primary); }
.rbfund-hp-cat-ic .dashicons { font-size: 28px; width: 28px; height: 28px; }
.rbfund-hp-cat-name { font-weight: 700; font-size: 15px; }
.rbfund-hp-cat-count { font-size: 12px; color: var(--rbhp-muted); }

/* CARDS (program) */
.rbfund-hp-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.rbfund-hp-card { background: #fff; border: 1px solid var(--rbhp-line); border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; transition: transform .14s ease, box-shadow .14s ease; }
.rbfund-hp-card:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(15,46,29,.12); }
.rbfund-hp-card-cover { position: relative; display: block; aspect-ratio: 16 / 10; background: #eef2f0; overflow: hidden; }
.rbfund-hp-card-cover img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.rbfund-hp-card:hover .rbfund-hp-card-cover img { transform: scale(1.05); }
.rbfund-hp-card-ph { position: absolute; inset: 0; display: grid; place-items: center; color: #cbd5d1; }
.rbfund-hp-card-ph .dashicons { font-size: 46px; width: 46px; height: 46px; }
.rbfund-hp-card-cat { position: absolute; top: 12px; left: 12px; background: rgba(255,255,255,.94); color: var(--rbhp-dark); font-size: 11px; font-weight: 700; padding: 5px 11px; border-radius: 999px; }
.rbfund-hp-card-body { padding: 16px 18px 18px; display: flex; flex-direction: column; flex: 1; }
.rbfund-hp-card-title { font-size: 16px; font-weight: 700; margin-bottom: 12px; line-height: 1.35; }
.rbfund-hp-card-title a { color: var(--rbhp-dark); text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rbfund-hp-card-title a:hover { color: var(--rbhp-primary); }
.rbfund-hp-card-prog { height: 8px; background: #eef2f0; border-radius: 999px; overflow: hidden; margin-bottom: 10px; }
.rbfund-hp-card-progbar { height: 100%; background: var(--rbhp-primary); border-radius: 999px; }
.rbfund-hp-card-meta { display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; margin-bottom: 14px; }
.rbfund-hp-card-raised { display: block; font-weight: 800; color: var(--rbhp-dark); font-size: 16px; }
.rbfund-hp-card-sub { font-size: 12px; color: var(--rbhp-muted); }
.rbfund-hp-card-pct { font-weight: 800; color: var(--rbhp-primary); font-size: 15px; }
.rbfund-hp-card-btn { margin-top: auto; display: block; text-align: center; padding: 11px; background: color-mix(in srgb, var(--rbhp-primary) 10%, #fff); color: var(--rbhp-primary); font-weight: 700; border-radius: 10px; text-decoration: none; transition: background .15s ease, color .15s ease; }
.rbfund-hp-card-btn:hover { background: var(--rbhp-primary); color: #fff; }

/* ZAKAT */
.rbfund-hp-zakat { max-width: none; background: var(--rbhp-bg); }
.rbfund-hp-zakat-inner { max-width: 1160px; margin: 0 auto; background: linear-gradient(120deg, var(--rbhp-primary), #0d7a41); border-radius: 24px; padding: 44px; display: flex; align-items: center; justify-content: space-between; gap: 28px; color: #fff; }
.rbfund-hp-zakat-text h2 { font-size: clamp(22px, 3vw, 30px); font-weight: 800; margin-bottom: 10px; }
.rbfund-hp-zakat-text p { color: rgba(255,255,255,.9); max-width: 560px; margin: 0 0 20px; }
.rbfund-hp-zakat-ic { flex-shrink: 0; opacity: .35; }
.rbfund-hp-zakat-ic .dashicons { font-size: 120px; width: 120px; height: 120px; }

/* CARA / STEPS */
.rbfund-hp-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.rbfund-hp-step { text-align: center; padding: 28px 20px; background: #fff; border: 1px solid var(--rbhp-line); border-radius: 18px; }
.rbfund-hp-step-no { display: inline-grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--rbhp-primary); color: #fff; font-weight: 800; font-size: 20px; margin-bottom: 14px; }
.rbfund-hp-step h3 { font-size: 18px; font-weight: 700; color: var(--rbhp-dark); margin-bottom: 6px; }
.rbfund-hp-step p { color: var(--rbhp-muted); font-size: 14px; margin: 0; }

/* NEWS */
.rbfund-hp-newsgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.rbfund-hp-newscard { background: #fff; border: 1px solid var(--rbhp-line); border-radius: 16px; overflow: hidden; text-decoration: none; color: inherit; transition: transform .14s ease, box-shadow .14s ease; }
.rbfund-hp-newscard:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(15,46,29,.10); }
.rbfund-hp-newsthumb { aspect-ratio: 16 / 9; background: #eef2f0; overflow: hidden; }
.rbfund-hp-newsthumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rbfund-hp-newsthumb--ph { display: grid; place-items: center; color: #cbd5d1; }
.rbfund-hp-newsthumb--ph .dashicons { font-size: 40px; width: 40px; height: 40px; }
.rbfund-hp-newsbody { padding: 16px 18px; }
.rbfund-hp-newsdate { font-size: 12px; color: var(--rbhp-muted); }
.rbfund-hp-newsbody h3 { font-size: 16px; font-weight: 700; color: var(--rbhp-dark); margin-top: 4px; line-height: 1.35; }

/* FINAL CTA */
.rbfund-hp-final { max-width: none; text-align: center; background: radial-gradient(120% 160% at 50% 0%, #1c7a48, var(--rbhp-dark)); color: #fff; padding: 64px 20px; }
.rbfund-hp-final h2 { font-size: clamp(24px, 3.5vw, 34px); font-weight: 800; margin-bottom: 10px; }
.rbfund-hp-final p { color: rgba(255,255,255,.85); max-width: 540px; margin: 0 auto 24px; }

/* Responsive */
@media (max-width: 900px) {
	.rbfund-hp-hero-inner { grid-template-columns: 1fr; gap: 32px; }
	.rbfund-hp-hero-stats { grid-template-columns: repeat(3, 1fr); }
	.rbfund-hp-cards, .rbfund-hp-steps, .rbfund-hp-newsgrid { grid-template-columns: repeat(2, 1fr); }
	.rbfund-hp-cat-grid { grid-template-columns: repeat(3, 1fr); }
	.rbfund-hp-zakat-inner { flex-direction: column; text-align: center; }
	.rbfund-hp-zakat-ic { display: none; }
}
@media (max-width: 560px) {
	.rbfund-hp > section { padding: 40px 16px; }
	.rbfund-hp-hero-inner { padding: 48px 16px; }
	.rbfund-hp-hero-stats { grid-template-columns: 1fr; }
	.rbfund-hp-cards, .rbfund-hp-steps, .rbfund-hp-newsgrid { grid-template-columns: 1fr; }
	.rbfund-hp-cat-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ============================================================
   DASHBOARD ADMIN FRONTEND (/kelola/)
   ============================================================ */
.rbfund-kelola-body { margin: 0; background: #f1f5f4; }
.rbfund-kelola { font-family: inherit; color: #1f2937; min-height: 100vh; }
.rbfund-kelola * { box-sizing: border-box; }

/* Top bar */
.rbfund-kelola-top { background: #0f2e1d; color: #fff; }
.rbfund-kelola-top-inner { max-width: 1160px; margin: 0 auto; padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.rbfund-kelola-brand { display: flex; align-items: center; gap: 12px; }
.rbfund-kelola-logo { width: 40px; height: 40px; border-radius: 10px; background: rgba(255,255,255,.12); display: grid; place-items: center; }
.rbfund-kelola-logo .dashicons { color: #6ee7a8; }
.rbfund-kelola-brand strong { display: block; font-size: 15px; }
.rbfund-kelola-brand small { color: rgba(255,255,255,.7); font-size: 12px; }
.rbfund-kelola-user { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.rbfund-kelola-user .dashicons { color: rgba(255,255,255,.7); }
.rbfund-kelola-logout { color: #fca5a5; text-decoration: none; margin-left: 8px; font-size: 13px; }
.rbfund-kelola-logout:hover { text-decoration: underline; }

/* Tabs */
.rbfund-kelola-tabs { background: #fff; border-bottom: 1px solid #e5eae8; position: sticky; top: 0; z-index: 10; }
.rbfund-kelola-tabs-inner { max-width: 1160px; margin: 0 auto; padding: 0 20px; display: flex; gap: 4px; overflow-x: auto; }
.rbfund-kelola-tabs a { padding: 14px 16px; text-decoration: none; color: #64748b; font-weight: 600; font-size: 14px; border-bottom: 3px solid transparent; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; }
.rbfund-kelola-tabs a:hover { color: #16a34a; }
.rbfund-kelola-tabs a.active { color: #16a34a; border-bottom-color: #16a34a; }
.rbfund-kelola-tabs .dashicons { font-size: 17px; width: 17px; height: 17px; }
.rbfund-kelola-wpadmin { margin-left: auto; color: #94a3b8 !important; }

/* Main */
.rbfund-kelola-main { max-width: 1160px; margin: 0 auto; padding: 28px 20px 60px; }

/* Cards */
.rbfund-kelola-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 24px; }
.rbfund-kelola-card { background: #fff; border-radius: 16px; padding: 20px; border-left: 4px solid #cbd5e1; }
.rbfund-kelola-card--green { border-left-color: #16a34a; }
.rbfund-kelola-card--blue { border-left-color: #0ea5e9; }
.rbfund-kelola-card--amber { border-left-color: #f59e0b; }
.rbfund-kelola-card--purple { border-left-color: #8b5cf6; }
.rbfund-kelola-card-lbl { display: block; font-size: 12px; color: #6b7280; margin-bottom: 6px; }
.rbfund-kelola-card-num { display: block; font-size: 22px; font-weight: 800; color: #0f2e1d; }
.rbfund-kelola-card-sub { display: block; font-size: 12px; color: #94a3b8; margin-top: 2px; }

/* Panel */
.rbfund-kelola-panel { background: #fff; border-radius: 16px; padding: 22px; margin-bottom: 20px; }
.rbfund-kelola-panel h2 { margin: 0 0 16px; font-size: 18px; font-weight: 800; color: #0f2e1d; }
.rbfund-kelola-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.rbfund-kelola-panel-head h2 { margin: 0; }

/* Table */
.rbfund-kelola-tablewrap { overflow-x: auto; }
.rbfund-kelola-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.rbfund-kelola-table th { text-align: left; padding: 10px 12px; color: #6b7280; font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: .03em; border-bottom: 2px solid #eef2f0; }
.rbfund-kelola-table td { padding: 12px; border-bottom: 1px solid #f0f4f2; vertical-align: middle; }
.rbfund-kelola-table code { font-size: 12px; color: #475569; }
.rbfund-kelola-table small { color: #94a3b8; }

/* Badges */
.rbfund-kelola-badge { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; text-transform: capitalize; }
.rbfund-kelola-badge.is-paid, .rbfund-kelola-badge.is-publish { background: #dcfce7; color: #166534; }
.rbfund-kelola-badge.is-pending { background: #fef3c7; color: #92400e; }
.rbfund-kelola-badge.is-failed, .rbfund-kelola-badge.is-expired { background: #fee2e2; color: #991b1b; }
.rbfund-kelola-badge.is-draft { background: #e2e8f0; color: #475569; }

/* Filter */
.rbfund-kelola-filter { display: flex; gap: 10px; margin-bottom: 18px; flex-wrap: wrap; }
.rbfund-kelola-filter input, .rbfund-kelola-filter select { padding: 9px 12px; border: 1px solid #d8e0e8; border-radius: 8px; font-size: 14px; }
.rbfund-kelola-filter input[type="search"] { flex: 1; min-width: 200px; }

/* Buttons */
.rbfund-kelola-btn { padding: 9px 16px; border: 1px solid #d8e0e8; background: #fff; border-radius: 8px; font-weight: 600; font-size: 14px; cursor: pointer; color: #334155; display: inline-flex; align-items: center; gap: 6px; }
.rbfund-kelola-btn:hover { background: #f8fafc; }
.rbfund-kelola-btn--primary { background: #16a34a; border-color: #16a34a; color: #fff; }
.rbfund-kelola-btn--primary:hover { background: #15803d; }
.rbfund-kelola-btn .dashicons { font-size: 16px; width: 16px; height: 16px; }
.rbfund-kelola-status-select { padding: 6px 8px; border: 1px solid #d8e0e8; border-radius: 6px; font-size: 13px; }
.rbfund-kelola-link { color: #16a34a; text-decoration: none; font-size: 13px; margin-right: 8px; }
.rbfund-kelola-link:hover { text-decoration: underline; }

/* Progress in table */
.rbfund-kelola-prog { height: 6px; background: #eef2f0; border-radius: 999px; overflow: hidden; width: 90px; display: inline-block; vertical-align: middle; }
.rbfund-kelola-prog span { display: block; height: 100%; background: #16a34a; }

/* Campaign form */
.rbfund-kelola-campform { background: #f8fafc; border: 1px solid #e5eae8; border-radius: 12px; padding: 20px; margin-bottom: 20px; }
.rbfund-kelola-campform h3 { margin: 0 0 14px; font-size: 16px; color: #0f2e1d; }
.rbfund-kelola-campform label { display: block; margin-bottom: 12px; font-size: 13px; font-weight: 600; color: #475569; }
.rbfund-kelola-campform input, .rbfund-kelola-campform textarea, .rbfund-kelola-campform select { width: 100%; padding: 10px 12px; border: 1px solid #d8e0e8; border-radius: 8px; font-size: 14px; margin-top: 5px; font-weight: 400; box-sizing: border-box; }
.rbfund-kelola-campform-actions { display: flex; align-items: center; gap: 10px; }
.rbfund-kelola-msg { font-size: 13px; }
.rbfund-kelola-msg.is-ok { color: #16a34a; }
.rbfund-kelola-msg.is-err { color: #dc2626; }

.rbfund-kelola-empty { color: #94a3b8; text-align: center; padding: 30px; }
.rbfund-kelola-more { margin: 14px 0 0; }
.rbfund-kelola-more a { color: #16a34a; text-decoration: none; font-weight: 600; font-size: 14px; }

@media (max-width: 900px) {
	.rbfund-kelola-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
	.rbfund-kelola-cards { grid-template-columns: 1fr; }
}

/* =====================================================================
   RBFund UI Refinement v2.16 — polish tampilan (hanya visual, aman)
   Mengikuti gaya DonasiAja tapi lebih rapi & modern. Tidak mengubah
   struktur HTML, alur, atau perilaku JS. Semua berbasis design token.
   ===================================================================== */

/* --- Kartu campaign (grid) --- */
.rbfund-grid { gap: var(--rbfund-space-lg); }
.rbfund-grid-item {
	border: 1px solid var(--rbfund-border-soft);
	border-radius: var(--rbfund-radius-lg);
	box-shadow: var(--rbfund-shadow-sm);
	transition: transform var(--rbfund-transition), box-shadow var(--rbfund-transition);
}
.rbfund-grid-item:hover {
	transform: translateY(-4px);
	box-shadow: var(--rbfund-shadow-lg);
}
.rbfund-grid-body { padding: var(--rbfund-space-md); }
.rbfund-grid-body h4 {
	font-weight: 700;
	color: var(--rbfund-text);
	letter-spacing: -.01em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.6em;
}
.rbfund-grid-meta { margin-top: 10px; align-items: baseline; }
.rbfund-grid-meta strong { color: var(--rbfund-text); font-size: .95rem; }

/* --- Progress bar lebih halus --- */
.rbfund-progress {
	border-radius: var(--rbfund-radius-pill);
	overflow: hidden;
	height: 8px;
	background: #eef2f6;
}
.rbfund-progress-bar {
	border-radius: var(--rbfund-radius-pill);
	transition: width .6s cubic-bezier(.4, 0, .2, 1);
}

/* --- Tombol utama & submit --- */
.rbfund-submit,
.rbfund-sticky-btn,
.rbfund-cta-btn {
	border-radius: var(--rbfund-radius-pill);
	box-shadow: var(--rbfund-shadow-md);
	letter-spacing: .01em;
	transition: transform var(--rbfund-transition), box-shadow var(--rbfund-transition), background var(--rbfund-transition);
}
.rbfund-submit:hover,
.rbfund-cta-btn:hover {
	transform: translateY(-1px);
	box-shadow: var(--rbfund-shadow-lg);
}
.rbfund-submit:active { transform: translateY(0); }

/* --- Field form lebih modern --- */
.rbfund-input,
.rbfund-field input,
.rbfund-field select,
.rbfund-field textarea {
	border-radius: var(--rbfund-radius-sm);
	border: 1px solid var(--rbfund-border);
	transition: border-color var(--rbfund-transition), box-shadow var(--rbfund-transition);
}
.rbfund-input:focus,
.rbfund-field input:focus,
.rbfund-field select:focus,
.rbfund-field textarea:focus {
	border-color: var(--rbfund-primary);
	box-shadow: 0 0 0 3px var(--rbfund-primary-soft);
	outline: none;
}

/* --- Preset nominal (pilihan cepat) --- */
.rbfund-preset {
	border-radius: var(--rbfund-radius-sm);
	transition: all var(--rbfund-transition);
}
.rbfund-preset:hover { transform: translateY(-1px); box-shadow: var(--rbfund-shadow-sm); }

/* --- Kartu statistik --- */
.rbfund-stat {
	border-radius: var(--rbfund-radius-lg);
	box-shadow: var(--rbfund-shadow-sm);
}

/* --- Tab detail campaign (Keterangan/Kabar/Donatur) --- */
.rbfund-tab {
	transition: color var(--rbfund-transition), border-color var(--rbfund-transition);
	font-weight: 600;
}
.rbfund-tabs { gap: 4px; }

/* --- Aksesibilitas: area sentuh minimal 44px di perangkat sentuh --- */
@media (hover: none) and (pointer: coarse) {
	.rbfund-submit,
	.rbfund-sticky-btn,
	.rbfund-cta-btn,
	.rbfund-tab { min-height: 44px; }
}

/* =====================================================================
   RBFund UI Refinement v2.16.1 — Navigasi (appbar atas + bottombar donasi)
   Hanya visual. Tidak mengubah link, struktur, atau perilaku.
   ===================================================================== */

/* --- Appbar atas: lebih halus & modern --- */
.rbfund-appbar {
	backdrop-filter: saturate(180%) blur(8px);
	background: rgba(255, 255, 255, .92);
	box-shadow: var(--rbfund-shadow-sm);
	border-bottom: 1px solid var(--rbfund-border-soft);
}
.rbfund-appbar-nav a {
	transition: background var(--rbfund-transition), color var(--rbfund-transition), transform var(--rbfund-transition);
}
.rbfund-appbar-nav a:active { transform: scale(.96); }
.rbfund-appbar-nav a.active { box-shadow: var(--rbfund-shadow-sm); }

/* --- Bottombar donasi: bayangan & sudut lebih rapi --- */
.rbfund-bottombar {
	box-shadow: 0 -4px 20px rgba(16, 24, 40, .10);
	border-top: 1px solid var(--rbfund-border-soft);
	background: rgba(255, 255, 255, .96);
	backdrop-filter: saturate(180%) blur(8px);
}
.rbfund-bottombar .rbfund-cta-btn,
.rbfund-bottombar a[class*="donasi"],
.rbfund-bottombar button {
	border-radius: var(--rbfund-radius-pill);
	transition: transform var(--rbfund-transition), box-shadow var(--rbfund-transition);
}
.rbfund-bottombar .rbfund-cta-btn:active,
.rbfund-bottombar button:active { transform: scale(.98); }

/* --- Ramah sentuh untuk navigasi di perangkat sentuh --- */
@media (hover: none) and (pointer: coarse) {
	.rbfund-appbar-nav a { min-height: 40px; display: inline-flex; align-items: center; }
	.rbfund-bottombar button,
	.rbfund-bottombar .rbfund-cta-btn { min-height: 48px; }
}

/* --- Aman untuk perangkat dengan notch (safe area) --- */
.rbfund-bottombar {
	padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
}

/* =====================================================================
   RBFund UI Refinement v2.16.2 — Konsistensi lebar halaman (680px)
   Semua halaman utama (campaign detail, form donasi, profil) dibuat
   selebar --rbfund-page-width dan terpusat. Hanya visual/tata letak.
   ===================================================================== */

/* Container utama tiap halaman → lebar seragam & terpusat */
.rbfund-campaign-page,
.rbfund-donatepage,
.rbfund-topbar,
.rbfund-topbar-static,
.rbfund-bottombar,
.rbfund-dp-submitbar,
.rbfund-appbar-inner,
.rbfund-appfooter-inner,
.rbfund-appfooter-copy {
	max-width: var(--rbfund-page-width) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Halaman profil: dalam 680px, layout jadi satu kolom (menumpuk rapi) */
.rbfund-profile-body .rbfund-cp-grid,
.rbfund-archive-body .rbfund-cp-grid,
.rbfund-campaign-page .rbfund-cp-grid {
	max-width: var(--rbfund-page-width);
	margin: 0 auto;
	grid-template-columns: 1fr;
	gap: 16px;
}
.rbfund-profile-body .rbfund-cp-side,
.rbfund-archive-body .rbfund-cp-side,
.rbfund-campaign-page .rbfund-cp-side {
	position: static;
	width: 100%;
}

/* Hero profil & konten ikut terpusat dalam lebar sama */
.rbfund-profile-hero,
.rbfund-profile-body .rbfund-cp-main,
.rbfund-archive-body .rbfund-cp-main {
	max-width: var(--rbfund-page-width);
	margin-left: auto;
	margin-right: auto;
}

/* =====================================================================
   RBFund v2.16.5 — Header/Footer konsisten & responsif di semua halaman
   Appbar (header) & appfooter mengikuti lebar halaman (680px), dengan
   padding aman di layar kecil agar tidak menempel tepi. Hanya visual.
   ===================================================================== */

/* Padding samping aman di semua ukuran untuk header & footer */
.rbfund-appbar-inner,
.rbfund-appfooter-inner,
.rbfund-appfooter-copy {
	padding-left: 16px;
	padding-right: 16px;
	box-sizing: border-box;
	width: 100%;
}

/* Di layar sempit (HP), lebar penuh dengan sedikit jarak tepi */
@media (max-width: 700px) {
	.rbfund-appbar-inner,
	.rbfund-appfooter-inner,
	.rbfund-appfooter-copy {
		max-width: 100% !important;
	}
	.rbfund-appbar-logo { max-height: 40px; max-width: 150px; }
	.rbfund-appbar-nav { gap: 4px; }
	.rbfund-appbar-nav a { padding: 6px 10px; font-size: .9rem; }
}

/* Sangat kecil: rapatkan agar muat */
@media (max-width: 380px) {
	.rbfund-appbar-inner,
	.rbfund-appfooter-inner { padding-left: 12px; padding-right: 12px; }
	.rbfund-appbar-logo { max-height: 34px; max-width: 120px; }
	.rbfund-appbar-nav a { padding: 5px 8px; font-size: .85rem; }
}

/* Separator seksi di modal edit profil (rekening/lembaga) */
.rbfund-acc-section-sep {
	font-size: 13px; font-weight: 700; color: var(--rbfund-primary, #16a34a);
	margin: 18px 0 10px; padding-top: 14px; border-top: 1px solid #eef2f6;
}

/* ===== Feed kabar lintas campaign ===== */
.rbfund-updates-feed .rbfund-update-campaign {
	display: inline-flex; align-items: center; gap: 6px;
	font-size: .85rem; font-weight: 700; margin-bottom: 4px;
}
.rbfund-updates-feed .rbfund-update-campaign .dashicons { font-size: 15px; width: 15px; height: 15px; color: var(--rbfund-primary, #16a34a); }
.rbfund-updates-feed .rbfund-update-campaign a { color: var(--rbfund-primary, #16a34a); text-decoration: none; }
.rbfund-updates-feed .rbfund-update-campaign a:hover { text-decoration: underline; }
.rbfund-updates-feed .rbfund-update-more {
	display: inline-block; margin-top: 8px; font-size: .85rem; font-weight: 600;
	color: var(--rbfund-primary, #16a34a); text-decoration: none;
}
.rbfund-updates-feed .rbfund-update-more:hover { text-decoration: underline; }

/* ===== Feed: filter kategori & paginasi ===== */
.rbfund-feed-filter {
	display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px;
}
.rbfund-feed-cat {
	display: inline-block; padding: 6px 14px; border-radius: var(--rbfund-radius-pill, 999px);
	background: var(--rbfund-bg-soft, #f1f5f9); color: var(--rbfund-text, #334155);
	font-size: .85rem; font-weight: 600; text-decoration: none;
	transition: background var(--rbfund-transition, .18s), color var(--rbfund-transition, .18s);
}
.rbfund-feed-cat:hover { background: var(--rbfund-primary-soft, #dcfce7); }
.rbfund-feed-cat.is-active { background: var(--rbfund-primary, #16a34a); color: #fff; }
.rbfund-feed-empty { color: #64748b; text-align: center; padding: 24px 0; }
.rbfund-feed-loadmore-wrap {
	display: flex; justify-content: center; margin-top: 24px;
}
.rbfund-feed-loadmore {
	display: inline-block; padding: 11px 28px; border-radius: var(--rbfund-radius-pill, 999px);
	background: var(--rbfund-primary, #16a34a) !important;
	color: #fff !important; text-decoration: none !important;
	font-size: .92rem; font-weight: 700; border: none; cursor: pointer;
	box-shadow: 0 4px 14px rgba(22,163,74,.28);
	transition: filter .18s, transform .18s, box-shadow .18s;
}
.rbfund-feed-loadmore:hover {
	filter: brightness(.96); transform: translateY(-1px);
	box-shadow: 0 8px 20px rgba(22,163,74,.35);
	color: #fff !important;
}
.rbfund-feed-loadmore:active { transform: translateY(0); }
.rbfund-feed-loadmore.is-loading { opacity: .7; pointer-events: none; }

/* ===== Feed kabar gaya blog (thumbnail kecil + judul) ===== */
.rbfund-feed-list { display: flex; flex-direction: column; gap: 4px; }
.rbfund-feed-item {
	display: flex; gap: 14px; align-items: flex-start;
	padding: 14px 0; border-bottom: 1px solid var(--rbfund-border-soft, #eef2f6);
}
.rbfund-feed-item:last-child { border-bottom: none; }
.rbfund-feed-thumb {
	flex: 0 0 auto; width: 84px; height: 84px; border-radius: 12px;
	overflow: hidden; display: block; background: var(--rbfund-bg-soft, #f1f5f9);
}
.rbfund-feed-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rbfund-feed-thumb-fallback {
	width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
	color: #b6c2cf;
}
.rbfund-feed-thumb-fallback .dashicons { font-size: 30px; width: 30px; height: 30px; }
.rbfund-feed-body { flex: 1 1 auto; min-width: 0; }
.rbfund-feed-meta {
	display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
	font-size: .78rem; color: #94a3b8; margin-bottom: 4px;
}
.rbfund-feed-date { font-weight: 600; }
.rbfund-feed-sep { color: #cbd5e1; }
.rbfund-feed-campaign { color: var(--rbfund-primary, #16a34a); text-decoration: none; font-weight: 600; }
.rbfund-feed-campaign:hover { text-decoration: underline; }
.rbfund-feed-title {
	font-size: 1rem; line-height: 1.35; margin: 0 0 4px; font-weight: 700;
}
.rbfund-feed-title a { color: var(--rbfund-text, #1e293b); text-decoration: none; }
.rbfund-feed-title a:hover { color: var(--rbfund-primary, #16a34a); }
.rbfund-feed-excerpt {
	margin: 0; font-size: .88rem; color: #64748b; line-height: 1.5;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
@media (max-width: 480px) {
	.rbfund-feed-thumb { width: 64px; height: 64px; border-radius: 10px; }
	.rbfund-feed-title { font-size: .95rem; }
	.rbfund-feed-excerpt { -webkit-line-clamp: 2; }
}

/* ===== Doa Wall — model kartu (gaya DonasiAja), carousel ===== */
.rbfund-doawall-carousel { position: relative; }
.rbfund-doawall-list {
	display: flex; flex-direction: row; gap: 14px; overflow-x: auto; padding: 4px 2px 12px;
	scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
}
.rbfund-doawall-list::-webkit-scrollbar { height: 6px; }
.rbfund-doawall-list::-webkit-scrollbar-thumb { background: #d7dee6; border-radius: 999px; }
.rbfund-doawall-list::-webkit-scrollbar-track { background: transparent; }
.rbfund-doawall-card {
	position: relative; flex: 0 0 300px; max-width: 300px; scroll-snap-align: start;
	background: #fff; border: 1px solid var(--rbfund-border-soft, #eef2f6);
	border-radius: 16px; padding: 18px 18px 16px; box-sizing: border-box;
	display: flex; flex-direction: column; gap: 12px;
	box-shadow: var(--rbfund-shadow-sm, 0 1px 3px rgba(16,24,40,.06));
	transition: transform .18s, box-shadow .18s;
}
/* Tombol navigasi carousel */
.rbfund-doawall-nav {
	position: absolute; top: 40%; transform: translateY(-50%); z-index: 3;
	width: 40px; height: 40px; border-radius: 50%; border: none; cursor: pointer;
	background: #fff; color: var(--rbfund-primary, #16a34a);
	box-shadow: 0 3px 12px rgba(16,24,40,.16);
	display: flex; align-items: center; justify-content: center;
	transition: background .18s, color .18s, opacity .18s;
}
.rbfund-doawall-nav:hover { background: var(--rbfund-primary, #16a34a); color: #fff; }
.rbfund-doawall-nav .dashicons { font-size: 22px; width: 22px; height: 22px; }
.rbfund-doawall-prev { left: -6px; }
.rbfund-doawall-next { right: -6px; }
.rbfund-doawall-nav.is-hidden { opacity: 0; pointer-events: none; }
@media (max-width: 600px) {
	.rbfund-doawall-card { flex-basis: 82vw; max-width: 82vw; }
	.rbfund-doawall-nav { display: none; } /* di HP cukup geser jari */
}
.rbfund-doawall-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(16,24,40,.10); }
/* Overlay link menutupi seluruh kartu (kecuali tombol amiinkan) */
.rbfund-doawall-cardlink {
	position: absolute; inset: 0; z-index: 1; border-radius: 16px;
	text-indent: -9999px; overflow: hidden;
}
.rbfund-doawall-card-head { display: flex; align-items: center; gap: 12px; position: relative; z-index: 0; }
.rbfund-doawall-ava {
	width: 46px; height: 46px; border-radius: 50%; flex: 0 0 auto;
	display: flex; align-items: center; justify-content: center;
	background: var(--rbfund-primary-soft, #dcfce7); color: var(--rbfund-primary, #16a34a);
	font-weight: 800; font-size: 1.1rem; border: 2px solid var(--rbfund-primary, #16a34a);
}
.rbfund-doawall-meta { display: flex; flex-direction: column; min-width: 0; }
.rbfund-doawall-name { font-weight: 700; color: var(--rbfund-text, #1e293b); font-size: .95rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rbfund-doawall-when { font-size: .78rem; color: #94a3b8; }
.rbfund-doawall-msg {
	margin: 0; font-size: .9rem; line-height: 1.55; color: #475569; position: relative; z-index: 0;
	display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; min-height: 3em;
}
.rbfund-doawall-count { font-size: .8rem; color: #64748b; position: relative; z-index: 0; }
.rbfund-doawall-count strong { color: var(--rbfund-primary, #16a34a); }
/* Tombol Amiinkan — di atas overlay link (z-index lebih tinggi) */
.rbfund-doawall-amiin {
	position: relative; z-index: 2; margin-top: auto;
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	width: 100%; padding: 10px 16px; border: none; cursor: pointer;
	background: var(--rbfund-bg-soft, #f1f5f9); color: var(--rbfund-text, #334155);
	border-radius: var(--rbfund-radius-pill, 999px); font-weight: 700; font-size: .9rem;
	transition: background .18s, color .18s;
}
.rbfund-doawall-amiin:hover { background: var(--rbfund-primary, #16a34a); color: #fff; }
.rbfund-doawall-amiin .dashicons { font-size: 17px; width: 17px; height: 17px; }
.rbfund-doawall-amiin.amiined {
	animation: rbfundAmiinPulse .5s ease;
}
@keyframes rbfundAmiinPulse {
	0% { transform: scale(1); }
	40% { transform: scale(1.08); background: var(--rbfund-primary, #16a34a); color: #fff; }
	100% { transform: scale(1); }
}

/* Sorotan sesaat saat loncat ke kabar tertentu dari feed */
.rbfund-update-highlight {
	animation: rbfundUpdateHi 2.2s ease;
	scroll-margin-top: 80px;
}
@keyframes rbfundUpdateHi {
	0%, 100% { background: transparent; }
	15%, 60% { background: rgba(22,163,74,.10); }
}
.rbfund-update { scroll-margin-top: 80px; }

/* ===== Arsip campaign — model list (baris) ===== */
.rbfund-cardgrid--list {
	display: flex; flex-direction: column; gap: 20px;
}
.rbfund-listrow { position: relative; }
.rbfund-listrow-link {
	display: grid; grid-template-columns: 140px 1fr; gap: 18px; align-items: start;
	text-decoration: none; color: inherit;
}
.rbfund-listrow-cover {
	position: relative; display: block; aspect-ratio: 1 / 1;
	border-radius: 14px; overflow: hidden; background: var(--rbfund-bg-soft, #f1f5f9);
}
.rbfund-listrow-cover img { width: 100%; height: 100%; object-fit: contain; display: block; }
.rbfund-listrow-cover-ph {
	width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #c3ccd6;
}
.rbfund-listrow-badge {
	position: absolute; top: 8px; left: 8px; z-index: 2;
	font-size: .68rem; font-weight: 700; padding: 3px 8px; border-radius: 999px; color: #fff;
}
.rbfund-listrow-badge--ended { background: #64748b; }
.rbfund-listrow-badge--urgent { background: #dc2626; }
.rbfund-listrow-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rbfund-listrow-title {
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
	font-size: .92rem; font-weight: 800; line-height: 1.3; color: var(--rbfund-text, #1e293b); margin-bottom: 6px;
}
.rbfund-listrow-collected {
	display: block; font-size: .72rem; font-weight: 700; color: var(--rbfund-primary, #16a34a); margin-bottom: 2px;
}
.rbfund-listrow-amountrow {
	display: flex; align-items: baseline; justify-content: space-between; gap: 8px;
}
.rbfund-listrow-raised { font-size: .98rem; font-weight: 800; color: var(--rbfund-text, #1e293b); }
.rbfund-listrow-pct { font-size: .88rem; font-weight: 800; color: var(--rbfund-primary, #16a34a); }
.rbfund-listrow .rbfund-progress {
	display: block; margin-top: 10px; height: 7px; border-radius: 999px; background: #eef2f6; overflow: hidden;
}
.rbfund-listrow .rbfund-progress-bar {
	display: block; height: 100%; min-width: 3px; border-radius: 999px; background: var(--rbfund-primary, #16a34a);
}
.rbfund-listrow.is-ended { opacity: .7; }
@media (max-width: 480px) {
	.rbfund-listrow-link { grid-template-columns: 110px 1fr; gap: 12px; }
	.rbfund-listrow-title { font-size: .86rem; }
	.rbfund-listrow-raised { font-size: .92rem; }
	.rbfund-listrow-pct { font-size: .82rem; }
}

/* ===== Appbar hamburger (mobile) ===== */
.rbfund-appbar-toggle {
	display: none; /* desktop: sembunyi */
	flex-direction: column; justify-content: center; gap: 5px;
	width: 42px; height: 42px; padding: 0; border: none; cursor: pointer;
	background: transparent; border-radius: 10px; flex: 0 0 auto;
}
.rbfund-appbar-toggle-bar {
	display: block; width: 22px; height: 2px; border-radius: 2px;
	background: var(--rbfund-text, #1e293b); margin: 0 auto;
	transition: transform .22s ease, opacity .22s ease;
}
/* Ikon berubah jadi tanda "close" (X) saat menu terbuka */
.rbfund-appbar-toggle.is-open .rbfund-appbar-toggle-bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.rbfund-appbar-toggle.is-open .rbfund-appbar-toggle-bar:nth-child(2) { opacity: 0; }
.rbfund-appbar-toggle.is-open .rbfund-appbar-toggle-bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

@media (max-width: 640px) {
	.rbfund-appbar-toggle { display: flex; }
	.rbfund-appbar-inner { position: relative; flex-wrap: wrap; }
	/* Nav jadi panel dropdown yang tersembunyi secara default */
	.rbfund-appbar-nav {
		display: none;
		position: absolute; top: 100%; left: 0; right: 0; z-index: 60;
		flex-direction: column; align-items: stretch; gap: 2px;
		background: #fff; border-radius: 0 0 16px 16px;
		box-shadow: 0 12px 28px rgba(16,24,40,.14);
		padding: 8px; margin-top: 6px;
	}
	.rbfund-appbar-nav.is-open { display: flex; }
	.rbfund-appbar-nav a {
		width: 100%; box-sizing: border-box; padding: 12px 14px;
		font-size: .95rem; border-radius: 10px; text-align: left;
	}
	.rbfund-appbar-nav .rbfund-appbar-search {
		justify-content: flex-start; gap: 8px;
	}
	.rbfund-appbar-nav .rbfund-appbar-search::after {
		content: "Cari"; font-size: .95rem;
	}
}

/* ===== Form donasi: teks privasi + info penting ===== */
.rbfund-dp-privacy {
	display: flex; align-items: flex-start; gap: 5px;
	margin: 8px 0 0; font-size: .78rem; line-height: 1.5; color: #64748b;
}
.rbfund-dp-privacy .dashicons {
	font-size: 15px; width: 15px; height: 15px; margin-top: 1px; color: #16a34a; flex: 0 0 auto;
}
.rbfund-dp-privacy em { font-style: italic; }

.rbfund-dp-notice {
	margin: 14px 0 4px; padding: 12px 14px;
	background: #fff8e1; border-left: 4px solid #f59e0b; border-radius: 8px;
}
.rbfund-dp-notice-title {
	font-size: .74rem; font-weight: 800; letter-spacing: .04em; color: #b45309; margin-bottom: 4px;
}
.rbfund-dp-notice-body {
	font-size: .82rem; line-height: 1.6; color: #78500a;
}

/* ===== Mode embed (di dalam iframe web lain) ===== */
.rbfund-embed-frame { background: transparent; }
/* Sembunyikan navigasi yang mengarah keluar iframe / tumpang tindih */
.rbfund-embed-frame .rbfund-topbar,
.rbfund-embed-frame .rbfund-cp-home,
.rbfund-embed-frame .rbfund-appbar,
.rbfund-embed-frame .rbfund-appfooter,
.rbfund-embed-frame .rbfund-floatbtns,
.rbfund-embed-frame .rbfund-bottombar { display: none !important; }
/* Beri sedikit ruang & pastikan lebar pas */
.rbfund-embed-frame .rbfund-campaign-page,
.rbfund-embed-frame .rbfund-donatepage { padding-top: 0 !important; }