/* ==========================================================================
   Widget: Ukratko o firmi (tehnički list firme)
   ========================================================================== */

.dp-facts {
	background: var(--dp-paper);
}

.dp-facts__grid {
	display: grid;
	gap: var(--dp-space-12);
	align-items: start;
}

@media (min-width: 960px) {
	.dp-facts__grid {
		grid-template-columns: 5fr 7fr;
		gap: var(--dp-space-16);
	}

	.dp-facts__head {
		position: sticky;
		top: calc(var(--dp-header-h) + var(--dp-space-8));
	}
}

.dp-facts__summary {
	margin: var(--dp-space-6) 0 0;
	font-size: var(--dp-fs-lg);
	color: var(--dp-steel-700);
}

/* Kartica: tamna traka s godinom, ispod redovi pojam/vrijednost */
.dp-facts__card {
	overflow: hidden;
	border: 1px solid var(--dp-color-border);
	border-radius: var(--dp-radius);
	background: var(--dp-white);
	box-shadow: var(--dp-shadow);
}

.dp-facts__badge {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--dp-space-4);
	padding: var(--dp-space-6) var(--dp-space-8);
	border-top: 4px solid var(--dp-gold-500);
	background-color: var(--dp-ink);
	background-image: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0 2px, transparent 2px 18px);
	color: var(--dp-white);
}

.dp-facts__badge-label {
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--dp-steel-300);
}

.dp-facts__badge-year {
	font-size: clamp(2.5rem, 1.8rem + 2.5vw, 3.5rem);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.02em;
	color: var(--dp-gold-500);
}

.dp-facts__list {
	margin: 0;
	padding: var(--dp-space-2) var(--dp-space-8);
}

.dp-facts__row {
	display: grid;
	gap: var(--dp-space-1);
	padding: var(--dp-space-4) 0;
}

.dp-facts__row + .dp-facts__row {
	border-top: 1px dashed var(--dp-steel-100);
}

@media (min-width: 600px) {
	.dp-facts__row {
		grid-template-columns: 11rem minmax(0, 1fr);
		gap: var(--dp-space-6);
	}
}

.dp-facts__term {
	padding-top: 2px;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--dp-steel-500);
}

.dp-facts__value {
	margin: 0;
	font-weight: 600;
	color: var(--dp-ink);
	overflow-wrap: anywhere;
}

.dp-facts__line {
	display: block;
}

.dp-facts__value strong {
	font-weight: 700;
	white-space: nowrap;
}

.dp-facts__note {
	font-weight: 400;
	color: var(--dp-steel-500);
}

.dp-facts__value a {
	color: var(--dp-green-800);
	text-decoration: none;
	border-bottom: 1px solid var(--dp-green-100);
}

.dp-facts__value a:hover {
	border-bottom-color: currentColor;
}

@media (max-width: 599px) {
	.dp-facts__badge,
	.dp-facts__list {
		padding-inline: var(--dp-space-6);
	}
}