/* TCS WCPF — single product custom fields (scoped to avoid affecting other Woo forms) */

body.single-product .tcs-wcpf-product-fields {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

body.single-product .tcs-wcpf-product-fields .tcs-wcpf-field {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

body.single-product .tcs-wcpf-product-fields .tcs-wcpf-file-hint {
	display: block;
	margin: 0;
	font-size: 0.85em;
	color: var(--muted);
}
body.single-product .tcs-wcpf-product-fields .tcs-wcpf-field-note {
	display: block;
	margin: 0;
	font-size: 0.85em;
	color: var(--muted);
}

/* File preview block */
body.single-product .tcs-wcpf-product-fields .tcs-wcpf-file-preview {
	margin-top: 10px;
	background: var(--tcs-glass-2);
	border: 1px solid var(--tcs-glass-border);
	border-radius: var(--radius);
	box-shadow: 0 4px 12px rgba(43, 27, 18, 0.08);
	padding: 12px;
}
body.single-product .tcs-wcpf-product-fields .tcs-wcpf-file-preview-inner {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
body.single-product .tcs-wcpf-product-fields .tcs-wcpf-file-preview-img {
	max-width: 100%;
	max-height: 220px;
	width: auto;
	height: auto;
	object-fit: contain;
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.04);
}
body.single-product .tcs-wcpf-product-fields .tcs-wcpf-file-clear {
	align-self: flex-start;
	padding: 6px 14px;
	font-size: 0.9em;
}
body.single-product .tcs-wcpf-product-fields .tcs-wcpf-file-meta {
	font-size: 0.85em;
	color: var(--muted);
}

@media (max-width: 782px) {
	body.single-product .tcs-wcpf-product-fields .tcs-wcpf-file-preview-img {
		max-height: 160px;
	}
	body.single-product .tcs-wcpf-product-fields .tcs-wcpf-file-clear {
		width: 100%;
	}
}