/* ---------- Werte ---------- */

:where(.unyer-firma) {
	--unyer-firma-name-max: 16ch;
	--unyer-firma-text-max: 68ch;
	--unyer-firma-logo-max: 24rem;
	--unyer-firma-icon-extern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 2.5H2.5v15h15v-7'/%3E%3Cpath d='M12.5 2.5h5v5'/%3E%3Cpath d='M9 11 17.5 2.5'/%3E%3C/svg%3E");
}

/* ---------- Kopfbereich ---------- */

.unyer-firma__identitaet {
	justify-content: space-between;
}

.unyer-firma__namensblock {
	flex: 1 1 min(100%, 34rem);
}

.unyer-firma__name {
	margin-block: 0;
	max-inline-size: var(--unyer-firma-name-max);
	text-wrap: balance;
}

.unyer-firma__land {
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.unyer-firma__land:empty {
	display: none;
}

.unyer-firma__medium {
	flex: 0 1 var(--unyer-firma-logo-max);
	max-inline-size: var(--unyer-firma-logo-max);
}

.unyer-firma__medium:not(:has(img)) {
	display: none;
}

@media (min-width: 70rem) {
	.unyer-firma__medium:not(:has(img)) {
		display: block;
		aspect-ratio: 4 / 3;
		inline-size: var(--unyer-firma-logo-max);
		border-radius: var(--wp--custom--radius--small);
		background-color: color-mix(in srgb, var(--wp--preset--color--primary) 10%, var(--wp--preset--color--base));
	}
}

.unyer-firma__logo {
	margin-block: 0;
}

.unyer-firma__logo img {
	inline-size: 100%;
}

/* ---------- Website ---------- */

.unyer-firma__aktionen .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: var(--wp--preset--spacing--20);
	min-block-size: var(--wp--custom--target--min);
	padding: 0;
	border-radius: 0;
	background: none;
	color: var(--wp--preset--color--primary-text);
	font-size: var(--wp--preset--font-size--body);
	text-decoration: underline;
}

.unyer-firma__aktionen .wp-block-button__link::after {
	content: "";
	flex: none;
	inline-size: 1rem;
	block-size: 1rem;
	background-color: currentColor;
	-webkit-mask: var(--unyer-firma-icon-extern) center / contain no-repeat;
	mask: var(--unyer-firma-icon-extern) center / contain no-repeat;
}

.unyer-firma__aktionen .wp-block-button__link:is(:hover, :focus-visible) {
	background: none;
	color: var(--wp--preset--color--secondary);
}

/* ---------- About ---------- */

.unyer-firma__ueberschrift {
	color: var(--wp--preset--color--secondary);
}

.unyer-firma__text > :is(p, ul, ol, blockquote) {
	max-inline-size: var(--unyer-firma-text-max);
}

.unyer-firma__text:not(:has(p, ul, ol, table, figure)) {
	display: none;
}

.unyer-firma__band:not(:has(.unyer-firma__text :is(p, ul, ol, table, figure))) .unyer-firma__ueberschrift {
	display: none;
}

/* ---------- Rückweg ---------- */

.unyer-firma__zurueck {
	margin-block-start: var(--wp--preset--spacing--70);
}

.unyer-firma__zurueck a {
	display: inline-flex;
	align-items: center;
	min-block-size: var(--wp--custom--target--min);
}

/* ---------- Zustände ---------- */

:where(.unyer-firma) :is(a, button):focus-visible {
	outline: 0.1875rem solid var(--wp--preset--color--secondary);
	outline-offset: 0.125rem;
}