/**
 * TKP / Kijani Pamoja branding for the GiveWP donation confirmation page (3019).
 * Scoped to body.page-id-3019; styles the branded hero, the receipt table
 * (relabelled "Donation Certificate"), the "Trees donated" value, the
 * certificate download button, and the email-access (no-session) form.
 */

@font-face { font-family: 'TKPGotham'; src: url('/wp-content/uploads/2023/07/GothamBook.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'TKPGotham'; src: url('/wp-content/uploads/2023/07/Gotham-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; }

/* ---- Hide the theme page title (redundant with the hero) ---- */
.page-id-3019 .page-header { display: none; }

/* ---- Breathing room: clear the sticky header + footer ---- */
.page-id-3019 #content { padding-top: 110px; padding-bottom: 84px; }
@media (max-width: 600px) { .page-id-3019 #content { padding-top: 64px; padding-bottom: 56px; } }

/* ---- Branded hero ---- */
.tkp-receipt-hero {
	max-width: 720px;
	margin: 36px auto 22px;
	padding: 36px 28px;
	text-align: center;
	background: linear-gradient(160deg, #254053, #1d3242);
	border-radius: 20px;
	color: #FDF6EA;
	box-shadow: 0 18px 44px rgba(37, 64, 83, 0.28);
	font-family: 'TKPGotham', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
.tkp-receipt-hero .tkp-leaf { font-size: 42px; line-height: 1; display: block; margin-bottom: 6px; }
.tkp-receipt-hero .tkp-hair { width: 56px; height: 4px; background: #A9C538; border-radius: 2px; margin: 12px auto 18px; }
.tkp-receipt-hero h2 { color: #FDF6EA; font-family: 'TKPGotham', sans-serif; font-weight: 700; font-size: 30px; line-height: 1.15; margin: 0 0 10px; }
.tkp-receipt-hero p { color: rgba(253, 246, 234, 0.85); font-size: 16px; line-height: 1.55; margin: 0 auto; max-width: 520px; }

/* ---- Receipt table -> "Donation Certificate" ---- */
.page-id-3019 #give-receipt,
.page-id-3019 .give-receipt-wrap { max-width: 720px; margin: 0 auto; font-family: 'TKPGotham', system-ui, -apple-system, 'Segoe UI', sans-serif; }

.page-id-3019 table#give_donation_receipt.give-table {
	max-width: 720px;
	margin: 0 auto;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #E1CFB4;
	border-radius: 16px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 8px 24px rgba(37, 64, 83, 0.10);
}
.page-id-3019 #give_donation_receipt.give-table thead th {
	background: #254053;
	color: #FDF6EA;
	padding: 18px;
	text-align: center;
	border: 0;
}
.page-id-3019 #give_donation_receipt.give-table .give-receipt-thead-text { font-size: 0; }
.page-id-3019 #give_donation_receipt.give-table .give-receipt-thead-text::after {
	content: 'Donation Certificate';
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.02em;
	font-family: 'TKPGotham', sans-serif;
}
.page-id-3019 #give_donation_receipt.give-table tbody td {
	padding: 15px 20px;
	border: 0;
	border-bottom: 1px solid #F0E9DC;
	font-size: 15px;
	color: #1F2024;
}
.page-id-3019 #give_donation_receipt.give-table tbody td:first-child { width: 45%; color: #4B4E57; }
.page-id-3019 #give_donation_receipt.give-table tbody td:first-child strong { font-weight: 600; }
.page-id-3019 #give_donation_receipt.give-table tbody tr:last-child td { border-bottom: 0; }

.tkp-trees-value {
	display: inline-block;
	font-family: 'TKPGotham', sans-serif;
	font-size: 20px;
	font-weight: 800;
	color: #B45A34;
}

/* ---- Certificate download button ---- */
.tkp-cert-download-wrap { max-width: 720px; margin: 22px auto 8px; text-align: center; }
.tkp-cert-download {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 30px;
	background: #B45A34;
	color: #fff !important;
	font-family: 'TKPGotham', sans-serif;
	font-weight: 700;
	font-size: 15px;
	border-radius: 10px;
	text-decoration: none;
	box-shadow: 0 8px 20px rgba(180, 90, 52, 0.35);
	transition: background 0.15s, box-shadow 0.15s;
}
.tkp-cert-download:hover { background: #9C4A28; color: #fff !important; box-shadow: 0 10px 24px rgba(180, 90, 52, 0.45); }

/* ---- Status notice ---- */
.page-id-3019 .give_success { max-width: 720px; margin: 0 auto 18px; border-radius: 12px; border-left: 5px solid #A9C538; }
.page-id-3019 .give_error,
.page-id-3019 .give_warning { max-width: 720px; margin: 0 auto 18px; border-radius: 12px; }

/* ---- Email-access (no-session) form ---- */
.page-id-3019 #give-email-access-form input[type='submit'],
.page-id-3019 .give-submit {
	background: #B45A34 !important;
	border: 0 !important;
	border-radius: 8px !important;
	font-family: 'TKPGotham', sans-serif;
}