/*
 * Profile → Credit notes & vouchers (Feature #338). Plain CSS, enqueued only on
 * the credit-notes page by pt-profile.php, so it ships without an SCSS
 * recompile. Colours follow the portal: #181C24 text, #D9E0F1 borders.
 */
 #content .gt-credit-notes{margin-left:0;margin-bottom:0;padding-top:17px;}
 #content .gt-credit-activity{margin-left:0;margin-bottom:0;padding-top:20px;}
.gt-credit h2 { margin-bottom: 40px; }
.gt-credit-box {
	background: #fff;
	border: 1px solid #D9E0F1;
	border-radius: 12px;
	padding: 24px;
	margin-bottom: 50px;
	color: #181C24;
}
.gt-credit-box h3 {
	font: 700 24px/28px "Open Sans", Arial, sans-serif;
	color: #181C24;
	margin: 0 0 32px;
}
.gt-credit-summary { padding: 28px; }
.gt-credit-label { font: 700 16px/22px "Open Sans", Arial, sans-serif; color: #474F62; margin: 0 0 8px; }
.gt-credit-totals { display: flex; flex-wrap: wrap; gap: 8px 32px; }
.gt-credit-total { font: 700 32px/38px "Open Sans", Arial, sans-serif; color: #181C24; margin: 0; }
.gt-credit-hint { font-size: 14px; line-height: 22px; color: #474F62; margin: 12px 0 0; }
.gt-credit-alert {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 20px 0 0;
	padding: 6px 16px 6px 12px;
	background: #E9EDF3;
	border-radius: 20px;
	font-weight:600;
	font-size: 16px;
	line-height: 22px;
	color: #181C24;
}
.gt-credit-alert svg { color: #181C24; flex: none; }
.gt-credit-empty { margin: 0; color: #181C24; }

.gt-credit-notes, .gt-credit-activity { list-style: none; margin: 0; padding: 0; }
.gt-credit-note, .gt-credit-event { display: flex; align-items: flex-start; gap: 16px; }
.gt-credit-note {
	border: 1px solid #D9E0F1;
	border-radius: 12px;
	padding: 20px;
	margin: 0 0 24px;
}
.gt-credit-note:last-child { margin-bottom: 0; }
.gt-credit-event { align-items: center; padding: 14px 0; border-bottom: 1px solid #D9E0F1; }
.gt-credit-event:last-child { border-bottom: 0; }

.gt-credit-icon {
	flex: none;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #EEF6FB;
	color: #1B8FC7;
}
.gt-credit-event.is-applied .gt-credit-icon {background: #DFFFED; color: #005A30;}
.gt-credit-event.is-expired .gt-credit-icon { background: #FDEBDD; color: #C2410C; }
.gt-credit-event.is-refunded .gt-credit-icon { background: #EEF0F5; color: #474F62; }

.gt-credit-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 4px; font-size: 14px; line-height: 22px; color: #474F62; }
.gt-credit-text strong { font-size: 16px; color: #181C24; }
.gt-credit-line { font-size: 16px; color: #181C24; }

.gt-credit-amount { flex: none; display: flex; align-items: center; gap: 16px; font-size: 16px; line-height: 22px; color: #181C24; white-space: nowrap; }
.gt-credit-pill {font-weight:600; font-size: 14px; line-height: 19px; padding: 2px 10px; border-radius:50px; }
.gt-credit-pill.is-active { background:#DFFFED; color: #005A30;}
.gt-credit-pill.is-expiring { background:#FFEED5; color:#C95000;}  

.gt-credit-more {
	margin-top: 26px;
	padding: 0;
	border: 0;
	background: none;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font: 600 14px/22px "Open Sans", Arial, sans-serif;
	color: #1B8FC7;
	cursor: pointer;
}
.gt-credit-more svg{display: inline-block;vertical-align: top;margin-top: 3px;width: 20px; height: 20px;}
@media (max-width: 767px) {
	.gt-credit h2 {margin-bottom: 15px;    font-size: 24px;    line-height: 32px; }
	.gt-credit-box { padding: 20px; margin-bottom: 16px; }
	.gt-credit-box h3 { font-size: 20px; margin-bottom: 24px; }
	.gt-credit-total { font-size: 24px; line-height: 28px; }
	.gt-credit-alert { border-radius: 12px; align-items: flex-start; }
	.gt-credit-alert svg { margin-top: 3px; }
	.gt-credit-note { flex-wrap: wrap; padding: 13px; gap: 12px; margin-bottom: 16px; }
	.gt-credit-note .gt-credit-icon, .gt-credit-event .gt-credit-icon { width: 30px; height: 30px; }
	.gt-credit-note .gt-credit-text { flex-basis: calc(100% - 42px); }
	.gt-credit-note .gt-credit-amount { width: 100%; justify-content: flex-end; }
	.gt-credit-event { gap: 12px; }
}
.gt-credit-event[hidden] { display: none; }