/**
 * Conținut importat — aliniat la tema Wellington (ThemeZee): folosește :root CSS variables.
 * Dacă tema schimbă culorile în Customizer, blocul se adaptează.
 */
.vli-import {
	/* Mapare la Wellington; fallback-uri = valorile implicite din style.css */
	--vli-primary: var(--primary-color, #ee3333);
	--vli-primary-dark: var(--secondary-color, #d51a1a);
	--vli-text: var(--text-color, #303030);
	--vli-text-medium: var(--medium-text-color, #666);
	--vli-text-light: var(--light-text-color, #999);
	--vli-bg: var(--page-background-color, #fff);
	--vli-bg-soft: var(--light-gray-color, #fafafa);
	--vli-bg-sidebar: var(--sidebar-background-color, #fafafa);
	--vli-border: var(--light-border-color, #ddd);
	--vli-border-medium: var(--medium-border-color, #ccc);
	--vli-title-font: var(--title-font, "Magra", arial, helvetica, sans-serif);
	--vli-text-font: var(--text-font, "Gudea", arial, helvetica, sans-serif);
	--vli-title-weight: var(--title-font-weight, bold);
	--vli-line: var(--text-line-height, 1.75);
	--vli-title-line: var(--title-line-height, 1.4);

	margin: 0 0 2.25em;
	padding: 0;
	color: var(--vli-text);
	background: var(--vli-bg);
	border: 1px solid var(--vli-border);
	border-radius: 0;
	box-shadow: none;
	overflow: hidden;
	font-family: var(--vli-text-font);
	font-size: 1em;
	line-height: var(--vli-line);
}

.vli-import__section {
	margin: 0;
	padding: 1.25em 1.35em;
}

.vli-import__section + .vli-import__section {
	border-top: 1px solid var(--vli-border);
}

/* Intro — același fundal discret ca sidebar-ul temei */
.vli-import__intro {
	background: var(--vli-bg-sidebar);
}

.vli-import__lead p {
	margin: 0;
	font-size: 1em;
	line-height: var(--vli-line);
	color: var(--vli-text);
}

/* Sinopsis */
.vli-import__synopsis {
	background: var(--vli-bg-soft);
}

.vli-import__overview {
	max-width: 100%;
}

.vli-import__overview p {
	margin: 0 0 1em;
	font-size: 1em;
	line-height: var(--vli-line);
	color: var(--vli-text);
}

.vli-import__overview p:last-child {
	margin-bottom: 0;
}

/* Titluri secțiuni — Magra ca titlurile articolului */
.vli-import__heading {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0 0 0.85em;
	padding: 0;
	font-family: var(--vli-title-font);
	font-size: 1.35rem;
	font-weight: var(--vli-title-weight);
	line-height: var(--vli-title-line);
	letter-spacing: var(--title-letter-spacing, normal);
	text-transform: var(--title-text-transform, none);
	color: var(--title-color, #303030);
	border: none;
}

.vli-import__heading::before {
	content: '';
	display: block;
	width: 4px;
	min-height: 1.15em;
	align-self: stretch;
	border-radius: 1px;
	background: var(--vli-primary);
	flex-shrink: 0;
}

/* Detalii */
.vli-import__details {
	background: var(--vli-bg);
}

.vli-import__dl {
	display: grid;
	grid-template-columns: minmax(7rem, max-content) 1fr;
	gap: 0;
	margin: 0;
	padding: 0;
	border: 1px solid var(--vli-border);
	border-radius: 0;
	overflow: hidden;
	box-shadow: none;
}

.vli-import__dt {
	margin: 0;
	padding: 0.65rem 0.9rem;
	font-family: var(--vli-text-font);
	font-size: 0.8125rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--vli-primary);
	background: var(--vli-bg-soft);
	border-bottom: 1px solid var(--vli-border);
	align-self: stretch;
	display: flex;
	align-items: center;
}

.vli-import__dd {
	margin: 0;
	padding: 0.65rem 0.9rem;
	font-family: var(--vli-text-font);
	font-size: 1em;
	line-height: var(--vli-line);
	color: var(--vli-text);
	background: var(--vli-bg);
	border-bottom: 1px solid var(--vli-border);
	align-self: stretch;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.vli-import__dd strong {
	font-family: var(--vli-title-font);
	font-weight: var(--vli-title-weight);
	color: var(--title-color, #303030);
	font-size: 1em;
}

.vli-import__dl .vli-import__dt:last-of-type,
.vli-import__dl .vli-import__dd:last-of-type {
	border-bottom: none;
}

.vli-import__dl .vli-import__dd:nth-of-type(even) {
	background: var(--vli-bg-soft);
}

/* În conținutul articolului: aceeași scară tipografică ca .entry-content */
.entry-content .vli-import {
	font-size: 1em;
}

@media (max-width: 520px) {
	.vli-import__section {
		padding: 1em 1rem;
	}

	.vli-import__dl {
		grid-template-columns: 1fr;
	}

	.vli-import__dt {
		padding-bottom: 0.35rem;
		border-bottom: none;
	}

	.vli-import__dd {
		padding-top: 0.35rem;
		padding-bottom: 0.75rem;
		border-bottom: 1px solid var(--vli-border);
	}

	.vli-import__dl .vli-import__dd:last-of-type {
		border-bottom: none;
	}
}