/* "Upcoming Conferences" tile on the My Account dashboard.
   Colors/fonts match the account-page mockups provided for this feature:
   Georgia for headings, Helvetica Neue for body text, HPC navy/maroon/green
   accents. Scoped under .hpc-acct- so it can't collide with other styles. */

/* This renders as the content of a column the Elementor dashboard layout
   already provides (heading, card chrome, spacing), so there's no outer
   card/border/heading here, just the inner content styling. */
.hpc-acct-tile-body {
	--hpc-acct-navy: #124a73;
	--hpc-acct-maroon: #7d1f1f;
	--hpc-acct-green: #274536;
	--hpc-acct-ink: #1c1c1c;
	--hpc-acct-muted: #6b7280;
	--hpc-acct-line: #e3e0d9;
	--hpc-acct-tint: #eef4f9;

	font-family: Inter, sans-serif;
	color: var(--hpc-acct-ink);
}

.hpc-acct-reg-spotlight {
	background: var(--hpc-acct-tint);
	border: 1px solid #cfe0ec;
	border-radius: 9px;
	padding: 15px 16px;
	margin-bottom: 16px;
}

.hpc-acct-pill {
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	padding: 5px 10px;
	border-radius: 20px;
	background: #e6f0e8;
	color: #1f5133;
	border: 1px solid #bcd7c3;
	white-space: nowrap;
}

.hpc-acct-conf-name {
	font-family: Georgia, serif;
	font-weight: 700;
	font-size: 16px;
	margin-top: 8px;
}

.hpc-acct-conf-when {
	color: var(--hpc-acct-muted);
	font-size: 13px;
	margin: 3px 0 12px;
}

.hpc-acct-stack {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.hpc-acct-conf-sub {
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--hpc-acct-muted);
	margin: 6px 0 4px;
}

.hpc-acct-conf-meta {
	margin-bottom: 8px;
}

.hpc-acct-conf-row {
	padding: 14px 0;
	border-bottom: 1px solid #f0eee9;
}

.hpc-acct-conf-row:last-child {
	border-bottom: none;
}

.hpc-acct-conf-row .hpc-acct-conf-name {
	margin-top: 0;
}

.hpc-acct-conf-row .hpc-acct-conf-when {
	margin-bottom: 0;
}

.hpc-acct-btn {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	font-family: Inter, sans-serif;
	font-size: 14px;
	font-weight: 700;
	padding: 9px 14px;
	border-radius: 5px;
	border: none;
	cursor: pointer;
	line-height: 1.25em;
}

a.hpc-acct-btn--navy {
	background: var(--hpc-acct-navy);
	color: #ffffff;
}

a.hpc-acct-btn--navy:hover {
	background: var(--hpc-acct-maroon);
}

a.hpc-acct-btn--ghost {
	background: #ffffff;
	color: var(--hpc-acct-ink);
	border: 1px solid var(--hpc-acct-line);
}

a.hpc-acct-btn--ghost:hover {
	background:var(--hpc-acct-maroon);
	color:#ffffff;
}

.hpc-acct-btn--full {
	width: 100%;
}