/**
 * Gutenberg Card template — grey canvas + white card helpers.
 * Scoped to body.legalion-gutenberg-card (never page-id-*).
 * Figma: 17257:2936
 */

/* Grey page canvas behind white card / FAQ (header stays white). */
body.legalion-gutenberg-card {
	background: #fafafa;
}

body.legalion-gutenberg-card .legalion-gutenberg__main {
	background: #fafafa;
}

/* White card heading rhythm (Figma 12px under title). */
body.legalion-gutenberg-card .wp-block-group.has-white-background-color > .wp-block-heading + .wp-block-paragraph {
	margin: 12px 0 0;
	text-align: center;
	color: #404040;
	font-size: 1rem;
	line-height: 1.5rem;
}

/* “alebo nás kontaktujte” divider (FF injects scripts after the block, so sibling selectors fail). */
body.legalion-gutenberg-card .wp-block-group.has-white-background-color > .wp-block-paragraph.has-text-align-center.has-text-tertiary-color {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	margin: 0;
	color: #525252;
	font-family: "Objektiv Mk1 Trial", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.25rem;
	white-space: nowrap;
}

body.legalion-gutenberg-card .wp-block-group.has-white-background-color > .wp-block-paragraph.has-text-align-center.has-text-tertiary-color::before,
body.legalion-gutenberg-card .wp-block-group.has-white-background-color > .wp-block-paragraph.has-text-align-center.has-text-tertiary-color::after {
	content: "";
	flex: 1 1 auto;
	height: 1px;
	min-width: 1rem;
	background: #e5e5e5;
}

/* Contact cards under team photo */
body.legalion-gutenberg-card .wp-block-group.has-white-background-color .wp-block-columns .wp-block-group.has-brand-200-background-color {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	min-width: 40px;
	padding: 10px !important;
	box-sizing: border-box;
}

body.legalion-gutenberg-card .wp-block-group.has-white-background-color .wp-block-columns .wp-block-group.has-brand-200-background-color img {
	display: block;
	width: 20px;
	height: 20px;
}

body.legalion-gutenberg-card .wp-block-group.has-white-background-color .wp-block-columns a {
	color: #171717;
	font-family: "Objektiv Mk1 Trial", sans-serif;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.5rem;
	text-decoration: none;
}

body.legalion-gutenberg-card .wp-block-group.has-white-background-color .wp-block-columns a:hover {
	color: #633e8b;
}