/* ===========================================================
   Donate page (/donate/) — amount picker + project context.
   Auto-loaded by inc/enqueue.php via insaniyah_maybe_enqueue_page_css()
   when the current page slug === "donate".
   =========================================================== */

.donate-section{padding:64px 0;}
.donate-grid{
	display:grid;
	grid-template-columns:1fr 1.2fr;
	gap:40px;
	align-items:start;
}
@media (max-width:860px){
	.donate-grid{grid-template-columns:1fr;}
}

/* ---- Project context card (when ?project=ID) ---- */
.donate-project-card{
	background:var(--card);
	border:1px solid var(--border);
	border-radius:var(--radius-card-lg);
	padding:24px;
	box-shadow:var(--shadow-card);
}
.donate-project-card img{
	width:100%;
	border-radius:var(--radius-card-sm);
	margin-bottom:16px;
}
.donate-project-card h3{
	font-family:var(--font-display);
	font-size:22px;
	font-weight:700;
	margin-bottom:8px;
}
.donate-project-card p{
	color:var(--text-secondary);
	font-size:14px;
	margin-bottom:18px;
}
.donate-progress-bar{
	height:10px;
	background:rgba(0,0,0,0.06);
	border-radius:var(--radius-pill);
	overflow:hidden;
	margin-bottom:10px;
}
.donate-progress-bar > div{
	height:100%;
	background:var(--gradient-progress);
	border-radius:var(--radius-pill);
	transition:width .4s ease;
}
.donate-progress-meta{
	display:flex;
	justify-content:space-between;
	font-size:13px;
	color:var(--text-secondary);
}

/* ---- Form card ---- */
.donate-form-card{
	background:var(--card);
	border:1px solid var(--border);
	border-radius:var(--radius-card-lg);
	padding:32px;
	box-shadow:var(--shadow-card);
}
@media (max-width:560px){
	.donate-form-card{padding:24px 20px;}
}

/* ---- Notices ---- */
.donate-notice{
	padding:14px 18px;
	border-radius:var(--radius-md);
	margin-bottom:22px;
	font-weight:600;
	font-size:15px;
}
.donate-notice-ok{
	background:rgba(34,197,94,0.10);
	border:1px solid rgba(34,197,94,0.35);
	color:#15803d;
}
.donate-notice-warn{
	background:rgba(245,158,11,0.12);
	border:1px solid rgba(245,158,11,0.4);
	color:#b45309;
}
.donate-notice-error{
	background:rgba(220,38,38,0.10);
	border:1px solid rgba(220,38,38,0.35);
	color:#b91c1c;
}
.donate-notice-info{
	background:rgba(99,102,241,0.10);
	border:1px solid rgba(99,102,241,0.35);
	color:#4338ca;
}

/* ---- Form rows ---- */
.donate-form-row{margin-bottom:22px;}
.donate-label{
	display:block;
	font-weight:600;
	font-size:15px;
	margin-bottom:10px;
}
.donate-form input[type="text"],
.donate-form input[type="email"],
.donate-form input[type="number"]{
	width:100%;
	padding:12px 14px;
	border:1px solid var(--border);
	border-radius:var(--radius-icon);
	font-family:var(--font-body);
	font-size:15px;
	background:#fff;
	transition:border-color .2s, box-shadow .2s;
}
.donate-form input:focus{
	outline:none;
	border-color:var(--primary-green);
	box-shadow:0 0 0 3px rgba(16,122,87,0.15);
}

/* ---- Amount grid ---- */
.donate-amounts{
	display:grid;
	grid-template-columns:repeat(5,1fr);
	gap:10px;
}
@media (max-width:640px){
	.donate-amounts{grid-template-columns:repeat(2,1fr);}
}
.donate-amount{
	position:relative;
	cursor:pointer;
}
.donate-amount input{
	position:absolute;
	opacity:0;
	inset:0;
	cursor:pointer;
}
.donate-amount span{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:16px 8px;
	border:2px solid var(--border);
	border-radius:var(--radius-card);
	font-family:var(--font-display);
	font-weight:700;
	font-size:16px;
	color:var(--text);
	background:#fff;
	transition:all .2s;
}
.donate-amount input:checked + span{
	border-color:var(--gold);
	background:var(--gradient-gold-band);
	color:#fff;
}
.donate-amount input:focus-visible + span{
	box-shadow:0 0 0 3px rgba(245,158,11,0.3);
}
.donate-amount-custom span{font-size:14px;}

/* ---- Two-col name/email ---- */
.donate-form-grid2{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:18px;
}
@media (max-width:560px){
	.donate-form-grid2{grid-template-columns:1fr;}
}

/* ---- Footnote ---- */
.donate-footnote{
	text-align:center;
	font-size:13px;
	color:var(--text-secondary);
	margin-top:16px;
}
.donate-footnote span{font-family:var(--font-body);}