/*
Theme Name: Atelier Basis
Description: Child theme of Twenty Twenty-Five for Atelier Moser websites. Palette, shadow and block patterns; design per client via theme.json.
Author: SOWACOM AG Mittelland
Template: twentytwentyfive
Version: 1.2.0
Requires at least: 6.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: atelier-basis
*/

/* Notice bar (output in functions.php via wp_body_open) */
.am-notice {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	font-size: 0.85rem;
	line-height: 1.4;
	padding: 0.6em var(--wp--preset--spacing--40);
	text-align: center;
}
.am-notice a {
	color: var(--wp--preset--color--base);
	text-decoration: underline;
}

/* Hero (cover block with class "am-hero"):
   On mobile the text would overlap the people in the image.
   Stack instead: text on top, image below as a normal (non-absolute) element. */
@media (max-width: 781px) {
	.am-hero.wp-block-cover {
		min-height: auto !important;
		flex-direction: column;
		padding: 0;
	}
	.am-hero .wp-block-cover__inner-container {
		order: 1;
		padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
		background-color: var(--wp--preset--color--beige); /* matches the wall in the image */
	}
	.am-hero .wp-block-cover__image-background {
		position: relative;
		order: 2;
		height: 75vw;
	}
}

/* Comparison table (table block with class "am-compare"):
   no grid lines, white rows on the beige section, recommended column
   (last column) highlighted dark with a badge. */
.wp-block-table.am-compare table {
	border-collapse: separate;
	border-spacing: 0;
	border: none;
}
.wp-block-table.am-compare thead {
	border: none;
}
.wp-block-table.am-compare th,
.wp-block-table.am-compare td {
	border: none;
	padding: 0.9em 1.1em;
}
.wp-block-table.am-compare td:not(:first-child),
.wp-block-table.am-compare th {
	text-align: center;
}
.wp-block-table.am-compare thead th {
	font-size: 1.3rem;
	padding-top: 1.1em;
	padding-bottom: 1.1em;
	vertical-align: bottom;
}
.wp-block-table.am-compare tbody td {
	background: var(--wp--preset--color--base);
	border-bottom: 1px solid var(--wp--preset--color--beige-hell); /* hairline in section colour */
}
.wp-block-table.am-compare thead th:last-child {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	border-radius: 14px 14px 0 0;
}
.wp-block-table.am-compare thead th:last-child::before {
	content: "Empfehlung";
	display: block;
	margin-bottom: 0.3em;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	opacity: 0.75;
}
.wp-block-table.am-compare tbody td:last-child {
	background: var(--wp--preset--color--beige);
	font-weight: 600;
}
.wp-block-table.am-compare tbody tr:last-child td:last-child {
	border-radius: 0 0 14px 14px;
}
.wp-block-table.am-compare tbody tr:first-child td:first-child {
	border-top-left-radius: 14px;
}
.wp-block-table.am-compare tbody tr:last-child td:first-child {
	border-bottom-left-radius: 14px;
}
@media (max-width: 600px) {
	.wp-block-table.am-compare th,
	.wp-block-table.am-compare td {
		padding: 0.7em 0.5em;
		font-size: 0.9rem;
	}
	.wp-block-table.am-compare thead th {
		font-size: 1.05rem;
	}
}