/* Text styles registered by ub-site (inc/services.php), chosen in the editor's Styles panel: paragraph "Label",
   paragraph "Badge", group "Alert box". Written for the services cards (ub/service-condition) and usable anywhere.
   Sizes and colours from the live services widget (praxis-leistungen-tabs 2.0.0). */

/* "Label": a gold part title ("Unser Angebot", "Wann zum Arzt?"): styled text, not a heading. The site's gold
   (#C19C5D) is 2.6:1 on white, under WCAG's 3:1 for large text, so the label's gold is 15 % deeper (3.4:1 on white;
   #A78752 with the site's colours) and it stays large text: at least 24 px, also on phones (the live 22 px). */
p.is-style-label {
	color: color-mix(in srgb, var(--wp--preset--color--primary, #c19c5d) 85%, var(--wp--preset--color--deep, #131313));
	font-family: var(--wp--preset--font-family--heading, serif);
	font-size: 1.5625rem;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0;
}

/* "Badge": a small red box with white text ("Notfallrelevant"). */
p.is-style-badge {
	inline-size: fit-content;
	max-inline-size: 100%;
	padding: 0.375rem 1.3125rem;
	border-radius: 5px;
	background-color: var(--wp--preset--color--accent, #a44e3c);
	color: var(--wp--preset--color--on-accent, #fff);
	font-size: 1.0625rem;
	font-weight: 500;
	line-height: 1.15;
}

/* "Alert box": the pink box around a badge and its list. */
.wp-block-group.is-style-alert {
	padding: 1.375rem 1.375rem 1.25rem;
	border-radius: 5px;
	background-color: var(--wp--preset--color--accent-soft, #f7e6e2);
}
.wp-block-group.is-style-alert > * { margin-block: 0; }
.wp-block-group.is-style-alert > * + * { margin-block-start: 0.75rem; }
.wp-block-group.is-style-alert > .is-style-badge + * { margin-block-start: 0.9375rem; }

@media (max-width: 767px) {
	p.is-style-label { font-size: 1.5rem; }
	p.is-style-badge { padding-inline: 0.9375rem; font-size: 0.9375rem; }
	.wp-block-group.is-style-alert { padding: 1.125rem 1rem; }
}