/* Hide theme/page title on payment status page */
body.etp-payment-status-page .page-header,
body.etp-payment-status-page .entry-header,
body.etp-payment-status-page .entry-title,
body.etp-payment-status-page h1.entry-title,
body.etp-payment-status-page .page-title,
body.etp-payment-status-page .elementor-page-title,
body.etp-payment-status-page .elementor-heading-title.elementor-size-default {
	display: none !important;
}

.etp-status-page {
	max-width: 720px;
	margin: 40px auto;
	padding: 0 16px;
	/* Use the same fonts as the rest of the website (theme/Elementor body fonts). */
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.etp-status-page,
.etp-status-page h1,
.etp-status-page p,
.etp-status-page table,
.etp-status-page th,
.etp-status-page td,
.etp-status-page a {
	font-family: inherit;
}

.etp-status-box {
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 8px;
	padding: 28px 32px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.etp-status-success {
	border-top: 4px solid #3A3318;
}

.etp-status-pending,
.etp-status-error {
	border-top: 4px solid #dba617;
}

.etp-status-error {
	border-top-color: #b32d2e;
}

.etp-status-box h1 {
	margin: 0 0 8px;
	font-size: 28px;
	color: #1d2327;
}

.etp-status-lead {
	margin: 0 0 20px;
	color: #50575e;
	font-size: 15px;
}

.etp-status-badge {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin-bottom: 20px;
}

.etp-badge-paid {
	background: #d4edda;
	color: #155724;
}

.etp-badge-pending {
	background: #fff3cd;
	color: #856404;
}

.etp-badge-failed {
	background: #f8d7da;
	color: #721c24;
}

.etp-badge-cancelled {
	background: #e2e3e5;
	color: #383d41;
}

.etp-status-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 24px;
}

.etp-status-table th,
.etp-status-table td {
	padding: 10px 12px;
	border-bottom: 1px solid #f0f0f1;
	text-align: left;
	font-size: 14px;
}

.etp-status-table th {
	width: 36%;
	color: #646970;
	font-weight: 600;
}

.etp-status-table td {
	color: #1d2327;
}

.etp-status-table a,
.etp-status-table a:link,
.etp-status-table a:visited,
.etp-status-table a:hover,
.etp-status-table a:focus,
.etp-status-table a:active {
	color: inherit !important;
	text-decoration: none !important;
	border-bottom: none !important;
	box-shadow: none !important;
}

.etp-status-actions {
	margin: 0 0 12px;
}

.etp-download-btn {
	display: inline-block;
	background: #3A3318;
	color: #fff !important;
	text-decoration: none !important;
	padding: 10px 18px;
	border-radius: 4px;
	font-weight: 600;
	font-size: 14px;
}

.etp-download-btn:hover,
.etp-download-btn:focus {
	background: #2a2512;
}

.etp-status-note {
	margin: 0;
	color: #646970;
	font-size: 13px;
}

@media (max-width: 768px) {
	.etp-status-page {
		margin: 20px auto;
		padding: 0 10px;
	}

	.etp-status-box {
		padding: 16px 12px;
	}

	.etp-status-box h1 {
		font-size: 20px;
	}

	.etp-status-lead {
		font-size: 13px;
		margin-bottom: 14px;
	}

	.etp-status-badge {
		padding: 3px 10px;
		font-size: 11px;
		margin-bottom: 14px;
	}

	.etp-status-table th {
		width: 38%;
		font-size: 12px;
	}

	.etp-status-table th,
	.etp-status-table td {
		padding: 6px 4px;
		font-size: 12px;
		word-break: break-word;
	}

	.etp-download-btn {
		padding: 8px 14px;
		font-size: 13px;
	}

	.etp-status-note {
		font-size: 12px;
	}
}