/**
 * 3D-print details block on the single product page.
 *
 * All colours come from the theme's CSS custom properties, so the block reads
 * correctly in both dark and light mode. Mobile-first.
 *
 * @package Brrr
 */

.brrr-p3d {
	margin: 1.25rem 0;
	padding: 1rem 1.15rem;
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius, 12px);
}

.brrr-p3d-title {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin: 0 0 .85rem;
	font-family: var(--font-heading, inherit);
	font-size: 1.05rem;
	line-height: 1.2;
	color: var(--text);
}

.brrr-p3d-title .brrr-icon {
	color: var(--accent-text);
	flex: none;
}

/* Specs: stacked on mobile, side-by-side chips on wider screens. */
.brrr-p3d-specs {
	display: grid;
	grid-template-columns: 1fr;
	gap: .5rem;
	margin: 0;
}

.brrr-p3d-spec {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 1rem;
	padding: .55rem .75rem;
	background: var(--surface-2, var(--bg));
	border: 1px solid var(--border);
	border-radius: var(--radius-sm, 8px);
}

.brrr-p3d-spec dt {
	margin: 0;
	font-size: .8rem;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: var(--muted);
}

.brrr-p3d-spec dd {
	margin: 0;
	font-weight: 600;
	color: var(--text);
	text-align: right;
}

/* Honest delivery line. */
.brrr-p3d-delivery {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin: .85rem 0 0;
	padding: .65rem .75rem;
	font-size: .9rem;
	color: var(--text);
	background: color-mix(in srgb, var(--accent) 10%, transparent);
	border: 1px dashed color-mix(in srgb, var(--accent) 45%, var(--border));
	border-radius: var(--radius-sm, 8px);
}

.brrr-p3d-delivery .brrr-icon {
	color: var(--accent-text);
	flex: none;
}

@media (min-width: 600px) {
	.brrr-p3d-specs {
		grid-template-columns: repeat(3, 1fr);
	}

	.brrr-p3d-spec {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: .25rem;
	}

	.brrr-p3d-spec dd {
		text-align: left;
	}
}