/*
 * Wenaro Product Compliance (GPSR) — style frontendowe.
 *
 * Plugin ma być samowystarczalny wizualnie: korzysta z motywowych zmiennych
 * CSS (var(--wp--preset--color--...)) tam, gdzie są dostępne, ale zawsze
 * z twardym fallbackiem odpowiadającym palecie Wenaro 2.0 — więc sekcja
 * wygląda poprawnie nawet, gdyby z jakiegoś powodu theme'owy style.css nie
 * został wczytany. Te reguły NIE są dodawane do theme'owego style.css.
 */

.wenaro-pc-compliance {
	--wenaro-pc-brand: var( --wp--preset--color--brand, #ff6a00 );
	--wenaro-pc-brand-dark: var( --wp--preset--color--brand-dark, #cc5500 );
	--wenaro-pc-ink: var( --wp--preset--color--ink, #1a1a1a );
	--wenaro-pc-muted: var( --wp--preset--color--muted, #6b6b6b );
	--wenaro-pc-border: var( --wp--preset--color--border, #e2e0dc );
	--wenaro-pc-surface: var( --wp--preset--color--surface, #f7f5f2 );
	--wenaro-pc-background: var( --wp--preset--color--background, #ffffff );

	box-sizing: border-box;
	max-width: var( --wp--style--global--wide-size, 1000px );
	/* Sama sekcja odpowiada za odstęp od bloku powyżej — w szablonie
	 * single-product.html shortcode jest umieszczony bez własnego spacera,
	 * tak żeby przy braku danych (pusty wynik shortcode'u) nie zostawał
	 * żaden pusty odstęp na stronie produktu. */
	margin: 40px auto 0;
	padding: 0;
	color: var( --wenaro-pc-ink );
}

.wenaro-pc-compliance *,
.wenaro-pc-compliance *::before,
.wenaro-pc-compliance *::after {
	box-sizing: border-box;
}

.wenaro-pc-heading {
	margin: 0 0 20px;
	font-size: 1.375rem;
	font-weight: 700;
	color: var( --wenaro-pc-ink );
}

.wenaro-pc-block {
	background: var( --wenaro-pc-background );
	border: 1px solid var( --wenaro-pc-border );
	border-radius: 8px;
	padding: 20px 24px;
}

.wenaro-pc-block + .wenaro-pc-block {
	margin-top: 16px;
}

.wenaro-pc-block-title {
	margin: 0 0 12px;
	padding-bottom: 10px;
	border-bottom: 2px solid var( --wenaro-pc-brand );
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: var( --wenaro-pc-brand-dark );
}

.wenaro-pc-entity-name {
	margin: 0 0 8px;
	font-size: 1.0625rem;
	font-weight: 600;
	color: var( --wenaro-pc-ink );
}

.wenaro-pc-field {
	margin: 0 0 6px;
	font-size: 0.9375rem;
	line-height: 1.5;
	color: var( --wenaro-pc-ink );
}

.wenaro-pc-field:last-child {
	margin-bottom: 0;
}

.wenaro-pc-field-label {
	font-weight: 600;
	color: var( --wenaro-pc-muted );
}

.wenaro-pc-field-value {
	word-break: break-word;
}

.wenaro-pc-block--safety .wenaro-pc-safety-warnings,
.wenaro-pc-block--safety .wenaro-pc-safety-instructions {
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var( --wenaro-pc-ink );
	background: var( --wenaro-pc-surface );
	border-radius: 6px;
	padding: 14px 16px;
}

.wenaro-pc-block--safety .wenaro-pc-safety-warnings + .wenaro-pc-safety-instructions {
	margin-top: 12px;
}

.wenaro-pc-block--safety .wenaro-pc-safety-warnings p,
.wenaro-pc-block--safety .wenaro-pc-safety-instructions p {
	margin: 0 0 10px;
}

.wenaro-pc-block--safety .wenaro-pc-safety-warnings p:last-child,
.wenaro-pc-block--safety .wenaro-pc-safety-instructions p:last-child {
	margin-bottom: 0;
}

.wenaro-pc-block--safety .wenaro-pc-safety-warnings ul,
.wenaro-pc-block--safety .wenaro-pc-safety-warnings ol,
.wenaro-pc-block--safety .wenaro-pc-safety-instructions ul,
.wenaro-pc-block--safety .wenaro-pc-safety-instructions ol {
	margin: 0 0 10px;
	padding-left: 22px;
}

.wenaro-pc-block--safety .wenaro-pc-safety-warnings a,
.wenaro-pc-block--safety .wenaro-pc-safety-instructions a {
	color: var( --wenaro-pc-brand-dark );
}

@media ( max-width: 600px ) {
	.wenaro-pc-block {
		padding: 16px 18px;
	}

	.wenaro-pc-heading {
		font-size: 1.1875rem;
	}
}