/*
 * My Account → Licenses: one license as a card.
 *
 * Structure only. Font, text and link colours come from the store's theme, so
 * the card fits any design; a store restyles it through these classes.
 */
.wpwhub-license {
	--wpwhub-line: rgba(0, 0, 0, 0.1);
	--wpwhub-soft: rgba(0, 0, 0, 0.035);
	display: grid;
	gap: 16px;
}
.wpwhub-license-back { margin: 0; }
.wpwhub-license-card {
	background: #fff;
	border: 1px solid var(--wpwhub-line);
	border-radius: 14px;
	padding: 20px 22px;
	min-width: 0;
}
.wpwhub-license-card > h2 { margin: 0 0 10px; font-size: 1.15em; }
.wpwhub-license-card > p:last-child { margin-bottom: 0; }

.wpwhub-license-head {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 12px;
}
.wpwhub-license-product { margin: 0; font-size: 0.8em; letter-spacing: 0.06em; text-transform: uppercase; }
.wpwhub-license-plan { margin: 2px 0 0; font-size: 1.35em; line-height: 1.25; }
.wpwhub-license-state { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; font-size: 0.9em; }
.wpwhub-badge {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 10px;
	background: #e7f6ef;
	color: #047857;
	font-size: 0.9em;
	line-height: 1.4;
}
.wpwhub-badge.is-suspended { background: #fef3c7; color: #92400e; }
.wpwhub-badge.is-expired { background: #f3f4f6; color: #374151; }
.wpwhub-badge.is-revoked { background: #fee2e2; color: #991b1b; }

.wpwhub-license-label { margin: 18px 0 6px; font-size: 0.85em; }
.wpwhub-license-key { display: flex; flex-wrap: wrap; align-items: stretch; gap: 8px; }
.wpwhub-license-key code {
	flex: 1 1 260px;
	padding: 10px 14px;
	background: var(--wpwhub-soft);
	border: 1px solid var(--wpwhub-line);
	border-radius: 10px;
	font-size: 1.05em;
	letter-spacing: 0.04em;
	overflow-wrap: anywhere;
}
.wpwhub-license-key .button { flex: 0 0 auto; }

.wpwhub-license-slots {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-top: 16px;
}
.wpwhub-slot { padding: 10px 14px; background: var(--wpwhub-soft); border-radius: 10px; }
.wpwhub-slot span { display: block; font-size: 0.8em; }
.wpwhub-slot strong { display: block; font-size: 1.15em; }

.wpwhub-license-help { margin: 0 0 12px; }
.wpwhub-downloads { display: grid; gap: 8px; }
.wpwhub-download {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	border: 1px solid var(--wpwhub-line);
	border-radius: 10px;
}
.wpwhub-download-name span { display: block; font-size: 0.9em; }
.wpwhub-security { color: #b32d2e; }

@media (max-width: 600px) {
	.wpwhub-license-slots { grid-template-columns: 1fr; }
}