/* DonasiKu frontend */
.dnk-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.dnk-style-list{grid-template-columns:1fr}

.dnk-card{background:#fff;border:1px solid #DCEAF7;border-radius:14px;overflow:hidden;
	box-shadow:0 1px 3px rgba(13,71,161,.08);transition:transform .15s ease,box-shadow .15s ease}
.dnk-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(13,71,161,.14)}
.dnk-card-thumb{display:block;aspect-ratio:16/9;background:#E8F4FD;text-align:center;overflow:hidden}
.dnk-card-thumb img{width:100%;height:100%;object-fit:cover}
.dnk-noimg{font-size:48px;line-height:160px}
.dnk-card-body{padding:16px}
.dnk-card-title{margin:0 0 12px;font-size:1.05rem;line-height:1.4}
.dnk-card-title a{text-decoration:none;color:#14283C}

.dnk-progress{height:8px;background:#DCEAF7;border-radius:99px;overflow:hidden;margin:8px 0}
.dnk-progress span{display:block;height:100%;background:linear-gradient(90deg,#0D47A1,#29B6F6);
	border-radius:99px;transition:width .6s ease}
.dnk-progress.dnk-lg{height:12px}

.dnk-card-stats{display:flex;justify-content:space-between;gap:12px;margin:10px 0 14px;font-size:.85rem}
.dnk-card-stats strong{display:block;color:#0D47A1}
.dnk-card-stats small{color:#5A7184}
.dnk-right{text-align:right}

.dnk-btn{display:block;width:100%;text-align:center;background:#0D47A1;color:#fff!important;
	padding:11px 18px;border:0;border-radius:10px;font-weight:600;text-decoration:none;
	cursor:pointer;font-size:1rem;transition:background .15s}
.dnk-btn:hover{background:#093578}
.dnk-btn:disabled{opacity:.6;cursor:wait}

/* Form */
.dnk-form{background:#F4F9FE;border:1px solid #DCEAF7;border-radius:14px;padding:22px;margin:24px 0;max-width:560px}
.dnk-form h3{margin-top:0}
.dnk-form label{display:block;margin:12px 0;font-weight:600;font-size:.9rem;color:#14283C}
.dnk-form input,.dnk-form textarea{width:100%;padding:10px 12px;border:1px solid #B9D4F0;border-radius:8px;
	font-size:1rem;margin-top:4px;box-sizing:border-box}
.dnk-form input:focus,.dnk-form textarea:focus{outline:2px solid #0D47A1;border-color:transparent}
.dnk-check{font-weight:400!important;font-size:.85rem!important}
.dnk-check input{width:auto!important;margin-right:6px}
.dnk-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.dnk-preset{background:#fff;border:1px solid #B9D4F0;border-radius:99px;padding:7px 14px;cursor:pointer;font-size:.85rem}
.dnk-preset:hover,.dnk-preset.active{background:#0D47A1;color:#fff;border-color:#0D47A1}
.dnk-error{color:#b91c1c;font-size:.85rem}
.dnk-secure{font-size:.8rem;color:#5A7184;text-align:center;margin:8px 0 0}

/* Donors */
.dnk-donors{list-style:none;padding:0;margin:0}
.dnk-donors li{padding:12px 0;border-bottom:1px solid #E3EEF9}
.dnk-donor-row{display:flex;justify-content:space-between}
.dnk-donor-row span{color:#0D47A1;font-weight:600}
.dnk-donors em{color:#5A7184;font-size:.85rem}
.dnk-muted{color:#5A7184}
.dnk-single-stats p{font-size:.95rem}
.dnk-h3{margin-top:32px}

@media (max-width:480px){.dnk-grid{grid-template-columns:1fr}}

/* ===================== v2.0 ===================== */

/* Slider style */
.dnk-style-slider{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
.dnk-style-slider .dnk-card{min-width:290px;scroll-snap-align:start}

/* Card actions + love */
.dnk-card-actions{display:flex;gap:8px;align-items:stretch}
.dnk-card-actions .dnk-btn{flex:1}
.dnk-love{background:#fff;border:1px solid #f2c8cf;border-radius:10px;padding:8px 12px;cursor:pointer;
	font-size:.9rem;color:#be123c;transition:transform .1s}
.dnk-love:hover{transform:scale(1.05)}
.dnk-love.loved{background:#ffe4ea;border-color:#fda4af;cursor:default}

/* Tipe LIST */
.dnk-radiolist{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.dnk-radio{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #B9D4F0;border-radius:10px;
	padding:10px 14px;cursor:pointer;font-weight:500!important;margin:0!important}
.dnk-radio:has(input:checked){border-color:#0D47A1;background:#E8F4FD;outline:1px solid #0D47A1}
.dnk-radio input{width:auto!important;margin:0!important}

/* Tipe TYPING */
.dnk-amount-big{font-size:1.4rem!important;text-align:center;font-weight:700}

/* Package / Qurban */
.dnk-packages{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.dnk-package{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #B9D4F0;
	border-radius:10px;padding:12px 14px;cursor:pointer;margin:0!important;font-weight:500!important}
.dnk-package:has(input:checked){border-color:#0D47A1;background:#E8F4FD;outline:1px solid #0D47A1}
.dnk-package input{width:auto!important;margin:0!important}
.dnk-pkg-name{flex:1}
.dnk-pkg-price{color:#0D47A1;font-weight:700}
.dnk-pkg-total{font-size:1.05rem;text-align:right}
.dnk-pkg-total strong{color:#0D47A1;font-size:1.2rem}

/* Zakat */
.dnk-tabs{display:flex;gap:6px;margin-bottom:12px}
.dnk-tab{flex:1;background:#fff;border:1px solid #B9D4F0;border-radius:10px;padding:10px;cursor:pointer;font-weight:600}
.dnk-tab.active{background:#0D47A1;color:#fff;border-color:#0D47A1}
.dnk-zk-note{font-size:.8rem;color:#5A7184;margin:4px 0 0}
.dnk-zk-result{background:#fff;border:1px dashed #0D47A1;border-radius:10px;padding:14px;margin:14px 0;text-align:center}
.dnk-zk-result strong{color:#0D47A1;font-size:1.3rem;display:block;margin-top:2px}
.dnk-zk-nisab{display:block;color:#b45309;font-size:.8rem;margin-top:6px}

/* Auth / membership */
.dnk-auth{max-width:420px}
.dnk-flash{padding:10px 14px;border-radius:10px;font-size:.9rem}
.dnk-flash-success{background:#d1fae5;color:#065f46}
.dnk-flash-error{background:#fee2e2;color:#991b1b}
.dnk-table{width:100%;border-collapse:collapse;font-size:.9rem}
.dnk-table th,.dnk-table td{padding:10px 8px;border-bottom:1px solid #E3EEF9;text-align:left;vertical-align:top}
.dnk-table th{color:#5A7184;font-weight:600;font-size:.8rem;text-transform:uppercase}
.dnk-badge{padding:2px 10px;border-radius:99px;font-size:.72rem;text-transform:uppercase;font-weight:700}
.dnk-paid{background:#d1fae5;color:#065f46}
.dnk-pending{background:#fef3c7;color:#92400e}
.dnk-failed{background:#fee2e2;color:#991b1b}
.dnk-btn-sm{display:inline-block;width:auto;padding:6px 14px;font-size:.8rem}
.dnk-mydonate-total{background:#E8F4FD;border:1px solid #B9D4F0;border-radius:10px;padding:12px 16px}

/* Fundraiser */
.dnk-fundraiser input[readonly]{background:#fff;cursor:copy;font-size:.82rem}
.dnk-copied{color:#065f46}
.dnk-leaderboard{list-style:none;padding:0;margin:0;counter-reset:lb}
.dnk-leaderboard li{display:flex;align-items:center;gap:10px;padding:12px 4px;border-bottom:1px solid #E3EEF9}
.dnk-medal{font-size:1.3rem}
.dnk-lb-right{margin-left:auto;color:#0D47A1;font-weight:700}
.dnk-lb-right small{color:#5A7184;font-weight:400}

/* Update campaign */
.dnk-updates{border-left:3px solid #0D47A1;padding-left:16px;margin:16px 0}
.dnk-update{margin-bottom:16px}
.dnk-update-date{font-size:.78rem;color:#0D47A1;font-weight:700;text-transform:uppercase}
.dnk-update p{margin:4px 0 0}

/* Social proof popup */
.dnk-proof{position:fixed;left:16px;bottom:16px;z-index:99999;background:#fff;border:1px solid #B9D4F0;
	border-radius:14px;box-shadow:0 10px 30px rgba(13,71,161,.2);padding:12px 16px;max-width:320px;
	display:flex;gap:10px;align-items:center;font-size:.85rem;line-height:1.4;
	opacity:0;transform:translateY(12px);transition:all .35s ease;pointer-events:none}
.dnk-proof.show{opacity:1;transform:translateY(0)}
.dnk-proof-icon{font-size:1.4rem}
.dnk-proof small{color:#5A7184}


/* ===================== v2.1: bagisesama polish ===================== */

/* Font ala Poppins (fallback aman) */
.dnk-form,.dnk-card,.dnk-sticky-bar,.dnk-proof,.dnk-modal{font-family:'Poppins','Segoe UI',system-ui,sans-serif}

/* Form card menonjol ala kitabisa */
.dnk-form{box-shadow:0 4px 20px rgba(13,71,161,.10);border-width:0;border-top:4px solid #29B6F6}

/* Honeypot: sembunyikan dari manusia */
.dnk-hp{position:absolute!important;left:-9999px!important;opacity:0;height:0;width:0;pointer-events:none}
.dnk-captcha-label{background:#E8F4FD;border-radius:10px;padding:10px 14px!important}

/* Sticky donate bar (mobile) */
.dnk-sticky-bar{display:none}
@media (max-width:768px){
	.dnk-sticky-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#fff;
		border-top:1px solid #DCEAF7;box-shadow:0 -4px 16px rgba(13,71,161,.12);
		padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:12px;align-items:center}
	.dnk-sticky-info{line-height:1.2}
	.dnk-sticky-info strong{color:#0D47A1;display:block;font-size:.95rem}
	.dnk-sticky-info small{color:#5A7184;font-size:.72rem}
	.dnk-sticky-btn{flex:1;width:auto;padding:12px;text-align:center}
	body.single-dnk_campaign{padding-bottom:70px}
}

/* Floating WA */
.dnk-wa-float{position:fixed;right:16px;bottom:16px;z-index:9998;width:54px;height:54px;border-radius:50%;
	background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;
	box-shadow:0 6px 20px rgba(37,211,102,.4);transition:transform .15s}
.dnk-wa-float:hover{transform:scale(1.08);color:#fff}
@media (max-width:768px){body.single-dnk_campaign .dnk-wa-float{bottom:86px}}

/* Modal popup info */
.dnk-modal-overlay{position:fixed;inset:0;z-index:100000;background:rgba(20,40,60,.55);
	display:flex;align-items:center;justify-content:center;padding:20px}
.dnk-modal{background:#fff;border-radius:16px;max-width:420px;width:100%;padding:24px;
	box-shadow:0 20px 60px rgba(13,71,161,.3);animation:dnkPop .25s ease}
.dnk-modal-body{margin-bottom:16px;line-height:1.6}
@keyframes dnkPop{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}

/* Avatar row profil */
.dnk-avatar-row{display:flex;gap:14px;align-items:center;margin:10px 0}
.dnk-avatar-row img{border-radius:50%;border:3px solid #29B6F6}
.dnk-avatar-row label{flex:1;margin:0!important}

/* Love komentar */
.dnk-love-comment{margin-top:6px;font-size:.8rem;padding:5px 10px}

/* ===================== v2.2: template campaign standalone ===================== */
.dnk-tpl-body{margin:0;background:#F4F9FE;color:#14283C;font-family:'Poppins','Segoe UI',system-ui,sans-serif;
	-webkit-font-smoothing:antialiased}
.dnk-tpl-body *{box-sizing:border-box}

/* Nav */
.dnk-tpl-nav{position:sticky;top:0;z-index:1000;background:#fff;display:flex;align-items:center;
	justify-content:space-between;padding:12px 20px;box-shadow:0 1px 10px rgba(13,71,161,.08)}
.dnk-tpl-brand{text-decoration:none;display:flex;align-items:center;gap:8px}
.dnk-tpl-brand img{max-height:38px;width:auto}
.dnk-tpl-logo{font-size:1.3rem;font-weight:800;letter-spacing:-.5px}
.dnk-tpl-logo b{color:#0D47A1}
.dnk-tpl-logo i{color:#29B6F6;font-style:normal}
.dnk-tpl-navbtn{width:auto;padding:9px 20px;font-size:.9rem}
@media (max-width:768px){.dnk-tpl-navbtn{display:none}}

/* Layout */
.dnk-tpl{max-width:1080px;margin:0 auto;padding:20px 16px 60px}
.dnk-tpl-hero{border-radius:18px;overflow:hidden;margin-bottom:22px;box-shadow:0 8px 30px rgba(13,71,161,.12)}
.dnk-tpl-hero img{width:100%;display:block;max-height:440px;object-fit:cover}
.dnk-tpl-grid{display:grid;grid-template-columns:1fr 400px;gap:28px;align-items:start}
@media (max-width:900px){.dnk-tpl-grid{grid-template-columns:1fr}}

/* Kolom kiri */
.dnk-tpl-cats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.dnk-tpl-cats span{background:#E8F4FD;color:#0D47A1;border-radius:99px;padding:4px 12px;font-size:.75rem;font-weight:600}
.dnk-tpl-title{font-size:1.7rem;line-height:1.3;margin:0 0 14px;font-weight:700}
.dnk-tpl-story{background:#fff;border-radius:16px;padding:24px;line-height:1.75;
	box-shadow:0 2px 12px rgba(13,71,161,.06)}
.dnk-tpl-story img{max-width:100%;height:auto;border-radius:10px}
.dnk-tpl-h2{font-size:1.15rem;margin:28px 0 12px;font-weight:700}
.dnk-tpl .dnk-updates,.dnk-tpl .dnk-donors{background:#fff;border-radius:16px;padding:20px 24px;
	box-shadow:0 2px 12px rgba(13,71,161,.06);border-left:none}
.dnk-tpl .dnk-updates{border-left:4px solid #29B6F6}

/* Progress mobile (sembunyikan di desktop) */
.dnk-tpl-progress-mobile{display:none;background:#fff;border-radius:16px;padding:16px 20px;margin-bottom:18px;
	box-shadow:0 2px 12px rgba(13,71,161,.06)}
@media (max-width:900px){.dnk-tpl-progress-mobile{display:block}}
.dnk-tpl-progress-mobile p{margin:8px 0 6px}
.dnk-tpl-progress-mobile strong{color:#0D47A1;font-size:1.15rem}
.dnk-tpl-mini-stats{display:flex;gap:16px;align-items:center;color:#5A7184;font-size:.85rem}
.dnk-tpl-mini-stats b{color:#14283C}

/* Sidebar card */
.dnk-tpl-side{position:sticky;top:76px}
@media (max-width:900px){.dnk-tpl-side{position:static}}
.dnk-tpl-card{background:#fff;border-radius:16px;padding:22px;margin-bottom:18px;
	box-shadow:0 4px 20px rgba(13,71,161,.10);border-top:4px solid #29B6F6}
.dnk-tpl-amount strong{display:block;color:#0D47A1;font-size:1.5rem;font-weight:800}
.dnk-tpl-amount small{color:#5A7184}
.dnk-tpl-side-stats{display:flex;gap:8px;margin:14px 0}
.dnk-tpl-side-stats>div{flex:1;background:#F4F9FE;border-radius:10px;padding:10px;text-align:center}
.dnk-tpl-side-stats b{display:block;color:#0D47A1;font-size:1.05rem}
.dnk-tpl-side-stats small{color:#5A7184;font-size:.72rem}
@media (max-width:900px){.dnk-tpl-card{display:none}} /* mobile: pakai versi atas + sticky bar */

/* Share */
.dnk-tpl-share{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:.8rem;color:#5A7184}
.dnk-share{border:0;border-radius:8px;padding:7px 12px;font-size:.78rem;font-weight:600;cursor:pointer;
	text-decoration:none;color:#fff!important;display:inline-block}
.dnk-share-wa{background:#25D366}
.dnk-share-fb{background:#1877F2}
.dnk-share-copy{background:#0D47A1}
.dnk-share:hover{opacity:.88}

/* Form dalam sidebar: rapikan margin */
.dnk-tpl-side .dnk-form{margin:0;max-width:none}

/* Footer */
.dnk-tpl-footer{text-align:center;padding:24px 16px 90px;color:#5A7184;font-size:.82rem}
@media (min-width:769px){.dnk-tpl-footer{padding-bottom:24px}}