/*
Theme Name: Frost Childtheme
Theme URI: https://frostwp.com/
Author: WP Engine
Author URI: https://wpengine.com/
Description: With its clean, minimal design and powerful feature set, Frost enables agencies to build stylish and sophisticated WordPress websites. Frost is a masterpiece of design and functionality. It features a range of valuable patterns, including hero and portfolio sections, prominent call-to-action buttons, and customer testimonials. Whether you’re building a website for your business, personal brand, or creative project, Frost is perfect for anyone looking to launch quickly and efficiently.
Tags: block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, full-site-editing, one-column, template-editing, threaded-comments, translation-ready, wide-blocks
Requires at least: 6.5
Tested up to: 6.5.2
Requires PHP: 7.0
Template: frost
Version: 1.0.0
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: frost
*/

/* -----------------------------------------------------------------------------
 * Fullscreen Search Overlay (überschreibt den nativen WP Search Block)
 * ----------------------------------------------------------------------------- */

.wp-block-navigation .wp-block-search__inside-wrapper,
.wp-block-navigation .wp-block-search__input {
	transition: none !important;
}

.wp-block-navigation .wp-block-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	background-color: rgba(0, 18, 46, 0.90) !important;
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	z-index: 999999 !important;

	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-rows: auto auto;
	gap: 1rem 0;
	align-content: center !important;
	justify-content: center !important;
	padding: 20px !important;
	margin: 0 !important;
	transform: none !important;
	border: none !important;
	box-sizing: border-box;
	max-width: 100vw !important;
}

@media (min-width: 800px) {
	.wp-block-navigation .wp-block-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper {
		padding: 20px calc(50vw - 400px) !important;
	}
}

.wp-block-navigation .wp-block-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper::before {
	content: "Suche";
	grid-column: 1 / -1;
	/* Spanne über beide Spalten */
	color: #ffffff;
	font-size: 3.5rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
	text-align: left;
	display: block;
}

.wp-block-navigation .wp-block-search:not(.wp-block-search__searchfield-hidden)::after {
	content: "Schließen ×";
	position: fixed;
	top: 40px;
	right: 40px;
	color: rgba(255, 255, 255, 0.5);
	font-size: 1rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	z-index: 1000000;
	cursor: pointer;
	pointer-events: none;
}

.wp-block-navigation .wp-block-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__input {
	grid-column: 1 / 2;
	width: 100% !important;
	font-size: 1.5rem !important;
	padding: 1rem 0 !important;
	background: transparent !important;
	color: #ffffff !important;
	border: none !important;
	border-bottom: 2px solid rgba(255, 255, 255, 0.3) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transition: border-color 0.3s !important;
	margin: 0 !important;
}

.wp-block-navigation .wp-block-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__input::placeholder {
	color: rgba(255, 255, 255, 0.3) !important;
}

.wp-block-navigation .wp-block-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__input:focus {
	border-bottom-color: #ffffff !important;
	outline: none !important;
}

.wp-block-navigation .wp-block-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__button {
	grid-column: 2 / 3;
	width: 50px !important;
	background: transparent !important;
	color: #ffffff !important;
	border: none !important;
	border-bottom: 2px solid rgba(255, 255, 255, 1) !important;
	padding: 1rem 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	cursor: pointer;
	border-radius: 0 !important;
	transition: color 0.3s !important;
	margin: 0 !important;
}

.wp-block-navigation .wp-block-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__button svg {
	width: 24px;
	height: 24px;
	fill: currentColor;
}

.wp-block-navigation .wp-block-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__button:hover {
	color: var(--wp--preset--color--primary, #ff6600) !important;
}

.wp-block-navigation .wp-block-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__label {
	display: none !important;
}

/* Defaults
---------------------------------------- */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

a,
button,
input:focus,
input[type="button"],
input[type="submit"],
textarea:focus,
.wp-element-button {
	transition: all 0.2s ease-in-out;
}

a,
a:focus,
a:hover,
a:not(.wp-element-button) {
	text-decoration-thickness: 1px;
}

b,
strong,
th {
	font-weight: var(--wp--custom--font-weight--medium);
}

mark {
	background: linear-gradient(90deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--primary) 100%);
	background-position: 0 85%;
	background-repeat: repeat-x;
	background-size: 100% 15%;
}

/* -- Forms -- */

input,
select,
textarea {
	background-color: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--contrast);
	border-radius: 0;
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--primary);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: var(--wp--custom--font-weight--light);
	line-height: var(--wp--custom--line-height--body);
	padding: 10px 20px;
	width: 100%;
}

input:focus,
textarea:focus {
	background-color: var(--wp--preset--color--neutral);
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	-webkit-appearance: none;
	appearance: none;
}

::placeholder {
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.5;
}

/* Blocks
---------------------------------------- */

/* -- Code -- */

*:not(.wp-block-code)>code {
	background-color: var(--wp--preset--color--neutral);
	font-size: var(--wp--preset--font-size--small);
	padding: 5px 8px;
}

/* -- Navigation -- */

.wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--wp--custom--spacing--gap);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: var(--wp--custom--spacing--gap);
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
	border: 1px solid currentColor;
	padding: 2px;
}

.has-background .wp-block-navigation__responsive-container-open:focus,
.has-background .wp-block-navigation__responsive-container-open:hover {
	color: var(--wp--preset--color--base);
}

/* -- Navigation Submenu -- */

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--contrast);
	border: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	padding: 10px;
}

.wp-block-navigation :where(.wp-block-navigation__submenu-container) a {
	padding: 2px 10px;
}

/* -- Mega Menu -- */

@media only screen and (min-width: 1282px) {


	body .is-layout-flex.is-style-mega-menu.wp-block-navigation,
	.wp-block-navigation__responsive-dialog,
	.wp-block-navigation.is-style-mega-menu .wp-block-navigation__container,
	.wp-block-navigation.is-style-mega-menu .wp-block-navigation__responsive-container,
	.wp-block-navigation.is-style-mega-menu .wp-block-navigation-item.has-child {
		position: static !important;
	}

	.wp-block-navigation.is-style-mega-menu .wp-block-navigation-item.has-child {
		padding-left: 30px !important;
		padding-right: 30px !important;
		margin-left: -30px !important;
		margin-right: -30px !important;
	}


	.wp-block-navigation.is-style-mega-menu>.wp-block-navigation__container>.wp-block-navigation-item {
		z-index: 10;

	}


	.wp-block-navigation.is-style-mega-menu .wp-block-navigation__submenu-container {
		background-color: rgba(2, 22, 40, 1) !important;
		border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
		box-shadow: 0 40px 80px rgba(0, 0, 0, 0.6);
		color: #ffffff !important;
		column-gap: 60px;
		display: grid !important;

		grid-template-columns: 150px minmax(400px, 1fr) minmax(250px, 1fr) 1fr !important;
		left: calc(50% - 50vw) !important;
		right: auto !important;
		max-width: calc(100vw - 9px) !important;
		width: 100vw !important;
		margin-left: 0 !important;
		opacity: 0;
		padding: 40px calc((100vw - var(--wp--style--global--wide-size, 1200px)) / 2) 80px calc((100vw - var(--wp--style--global--wide-size, 1200px)) / 2) !important;
		position: absolute !important;
		top: 100% !important;

		transform: translateY(-15px) !important;


		transition: none;
		visibility: hidden;
		pointer-events: none;
		z-index: 1000;
	}


	.wp-block-navigation.is-style-mega-menu .wp-block-navigation__submenu-container::before {
		content: "";
		position: absolute;
		top: -64px;
		left: 0;
		right: 0;
		height: 64px;
		background: transparent;
	}


	.wp-block-navigation.is-style-mega-menu .wp-block-navigation__submenu-container::after {
		content: "";
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		height: 200vh;
		background-color: rgb(0 0 0 / 72%);
		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);
		pointer-events: none;


		opacity: 0;

		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		will-change: transform, backdrop-filter, opacity;
	}


	.wp-block-navigation.is-style-mega-menu .wp-block-navigation-item.has-child:hover>.wp-block-navigation__submenu-container,
	.wp-block-navigation.is-style-mega-menu .wp-block-navigation-item.has-child:focus-within>.wp-block-navigation__submenu-container {
		opacity: 1;
		transform: translateY(0) !important;
		visibility: visible;
		pointer-events: auto;
	}


	.wp-block-navigation.is-style-mega-menu .wp-block-navigation-item.has-child:hover>.wp-block-navigation__submenu-container::after,
	.wp-block-navigation.is-style-mega-menu .wp-block-navigation-item.has-child:focus-within>.wp-block-navigation__submenu-container::after {
		opacity: 1;
	}


	.wp-block-navigation.is-style-mega-menu .wp-block-navigation__submenu-container .wp-block-navigation-item {
		display: block !important;
		margin-bottom: 4px;
		text-align: left;
	}


	.wp-block-navigation.is-style-mega-menu .wp-block-navigation__submenu-container .wp-block-navigation-item {
		grid-column: 2;
	}

	.wp-block-navigation.is-style-mega-menu .wp-block-navigation__submenu-container .wp-block-navigation-item.is-mega-heading {
		grid-column: 3;
	}

	.wp-block-navigation.is-style-mega-menu .wp-block-navigation__submenu-container .wp-block-navigation-item.is-mega-secondary {
		grid-column: 3;
	}


	.wp-block-navigation.is-style-mega-menu .wp-block-navigation__submenu-container .wp-block-navigation-item:not(.is-mega-secondary):not(.is-mega-heading)>a:hover {
		opacity: 1;
		color: #e0e0e0 !important;
	}


	.wp-block-navigation.is-style-mega-menu .wp-block-navigation__submenu-container .wp-block-navigation-item.is-mega-secondary>a {
		font-size: 14px !important;
		letter-spacing: 0.05em;
		opacity: 0.6;
		padding: 6px 0 !important;
		text-transform: none;
		color: #ffffff !important;
		display: block;
		font-weight: 500;
	}

	.wp-block-navigation.is-style-mega-menu .wp-block-navigation__submenu-container .wp-block-navigation-item.is-mega-secondary>a:hover {
		opacity: 1;
	}


	.wp-block-navigation.is-style-mega-menu .wp-block-navigation__submenu-container .wp-block-navigation-item.is-mega-heading>a {
		font-size: 12px !important;
		letter-spacing: 0.02em;
		opacity: 0.5;
		padding: 0 0 16px !important;
		text-transform: none;
		pointer-events: none;
		color: #ffffff !important;
		font-weight: 500;
		display: block;
	}


	.wp-block-navigation.is-style-mega-menu .wp-block-navigation__submenu-container a {
		color: #ffffff !important;
		text-decoration: none !important;
		text-align: left !important;
		justify-content: flex-start !important;
		padding-left: 0 !important;
	}

	.wp-block-navigation.is-style-mega-menu .wp-block-navigation-item__content:hover,
	.wp-block-navigation.is-style-mega-menu .wp-block-navigation-item__content:focus {
		opacity: 0.8;
	}
}

@media only screen and (max-width: 1281px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

	.wp-block-navigation.is-style-mega-menu {
		flex-direction: row-reverse;
	}

	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
		display: none;
	}
}

@media only screen and (max-width: 1281px) {

	.wp-block-navigation__responsive-container.is-menu-open {
		background-color: #000;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		align-items: flex-start;
		padding-top: 72px;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		gap: 22px;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		font-size: 28px;
		line-height: 1.2;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-navigation__submenu-container {
		display: none !important;
	}


	.custom-mobile-slide-menu {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		width: 100vw !important;
		height: 100vh !important;
		height: 100dvh !important;
		background-color: #000000 !important;

		z-index: 999999 !important;

		padding: 100px 30px 40px 30px !important;

		transform: translateX(100%) !important;
		opacity: 0 !important;
		visibility: hidden !important;
		transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease, visibility 0.4s !important;

		display: flex !important;
		flex-direction: column !important;
		box-shadow: none !important;
		margin-top: 0 !important;
	}

	.custom-mobile-slide-menu.is-active {
		transform: translateX(0) !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}


	.custom-mobile-back-btn {
		font-size: 18px !important;
		font-weight: 400 !important;
		color: #ffffff !important;
		margin-bottom: 70px !important;
		cursor: pointer;
	}

	.custom-mobile-header-label {
		position: absolute;
		top: 170px;
		left: 30px;
		z-index: 1000000;
		font-size: 15px !important;
		color: rgba(255, 255, 255, 0.5) !important;
		font-weight: 500 !important;
		text-transform: none;
		text-decoration: none !important;
		pointer-events: auto !important;
		cursor: pointer;
	}

	.custom-mobile-header-label:hover {
		color: #ffffff !important;
	}


	.custom-mobile-slide-menu .wp-block-navigation-item {
		margin-bottom: 25px;
	}

	.custom-mobile-slide-menu .wp-block-navigation-item__content {
		font-size: 36px !important;
		font-weight: 400 !important;
		color: #ffffff !important;
	}
}


.wp-block-navigation.is-style-mega-menu button.wp-block-navigation-submenu__toggle {
	display: none !important;
}

.wp-block-navigation__responsive-container.is-menu-open {
	background-color: rgba(2, 22, 40, 0.95) !important;
	color: white !important;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label {
	font-weight: 400 !important;
	font-size: 2rem !important;
}

.wp-block-navigation .wp-block-navigation__submenu-container {
	background-color: rgba(2, 22, 40, 0.95) !important;
	color: white !important;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);

}

footer a {
	text-decoration: none;
}

/* Utility
---------------------------------------- */

/* -- Box Shadow -- */

.is-style-shadow-light {
	box-shadow: var(--wp--preset--shadow--light);
}

.is-style-shadow-solid {
	box-shadow: var(--wp--preset--shadow--solid);
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Media Queries
---------------------------------------- */

@media only screen and (max-width: 600px) {

	/* -- Utility -- */

	.is-style-hidden-mobile {
		display: none !important;
	}

}

@media only screen and (max-width: 782px) {

	/* -- Columns -- */

	.is-style-columns-reverse {
		flex-direction: column;
	}

}

/* -- Silbentrennung (Gutenberg Block Extension) -- */
p.has-hyphens,
h1.has-hyphens,
h2.has-hyphens,
h3.has-hyphens,
h4.has-hyphens,
h5.has-hyphens,
h6.has-hyphens,
ul.has-hyphens,
ol.has-hyphens,
blockquote.has-hyphens {
	/*-webkit-hyphens: auto !important;
	-ms-hyphens: auto !important;
	hyphens: auto !important;*/
	text-align: justify !important;
}

/* -- Timeline -- */
.custom-timeline {
	position: relative;
	padding-left: 40px;
}

/* Die vertikale Linie */
.custom-timeline::before {
	content: '';
	position: absolute;
	left: 15px;
	top: 0;
	bottom: 0;
	width: 2px;
	background: #007cba;
	/* Deine Farbe */
}

/* Die Punkte */
.custom-timeline .wp-block-column:first-child::after {
	content: '';
	position: absolute;
	left: 8px;
	width: 16px;
	height: 16px;
	background: #fff;
	border: 3px solid #007cba;
	border-radius: 50%;
	z-index: 1;
	top: 42%;
}

/* -- Midas Carbon Icon Block -- */
.midas-carbon-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/* Fallback falls keine Größe gewählt wurde */
	font-size: 32px;
}

.midas-carbon-icon svg {
	width: 1em;
	height: 1em;
}

/* Behalte unsichtbare Platzhalter unsichtbar (IBM Carbon spezifisch) */
.midas-carbon-icon svg path[fill="none"],
.midas-carbon-icon svg rect[fill="none"],
.midas-carbon-icon svg .cls-1 {
	fill: none !important;
}

/* Alles andere übernimmt die Gutenberg-Textfarbe */
.midas-carbon-icon svg path:not([fill="none"]),
.midas-carbon-icon svg rect:not([fill="none"]),
.midas-carbon-icon svg circle:not([fill="none"]),
.midas-carbon-icon svg polygon:not([fill="none"]) {
	fill: currentColor;
}

/* -----------------------------------------------------------------------------
 * Midas Expandable Tile (HTML5 Accordion)
 * ----------------------------------------------------------------------------- */
/* Basis-Kachel: Immer quadratisch */
details.midas-expandable-tile {
	border: 1px solid #ffffff;
	border-radius: 8px;
	margin-bottom: 24px;
	overflow: visible;
	/* Damit Overlay drüber liegen kann */
	background-color: transparent;
	color: inherit;
	transition: all 0.3s ease;
	aspect-ratio: 1 / 1;
	display: block;
	width: 100%;
}

/* Verhindert Spalten-Umbruch-Probleme, wenn offen */
.wp-block-columns:has(details.midas-expandable-tile[open]) {
	z-index: 9999;
}

/* Verhindert Scrollen des Hintergrunds, wenn Modal offen */
html:has(details.midas-expandable-tile[open]),
body:has(details.midas-expandable-tile[open]) {
	overflow: hidden !important;
}

/* Stabile Hintergrund-Unschärfe am summary Element (damit Klicks darauf das Modal schließen) */
details.midas-expandable-tile[open] summary::before {
	content: "";
	position: fixed;
	inset: 0;
	background-color: rgba(2, 22, 40, 0.85);
	/* Midas Blau abgedunkelt */
	backdrop-filter: blur(10px);
	z-index: 999990;
	cursor: pointer;
	pointer-events: auto;
	/* Hardware-Beschleunigung erzwingen gegen Flackern */
	transform: translate3d(0, 0, 0);
	will-change: backdrop-filter;
}

/* Unsichtbare Klick-Fläche zum Schließen ist nun Teil des visuellen Overlays oben */


/* Zusammenfassungs-Balken (Summary) */
/* Zusammenfassungs-Balken (Summary) / Kachel */
.wp-block-midas-expandable-tile,
details.midas-expandable-tile,
.midas-expandable-tile {
	width: var(--midas-tile-size, 120px) !important;
	height: var(--midas-tile-size, 120px) !important;
	min-width: var(--midas-tile-size, 120px) !important;
	min-height: var(--midas-tile-size, 120px) !important;
	max-width: var(--midas-tile-size, 120px) !important;
	max-height: var(--midas-tile-size, 120px) !important;
	flex: 0 0 var(--midas-tile-size, 120px) !important;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 12px;
	overflow: visible;
	position: relative;
	transition: all 0.3s ease;
	box-sizing: border-box !important;
	display: block !important;
}

/* Verhindert horizontales Stretching in Flex/Grid Boxen */
.midas-tiles-wrapper>* {
	width: var(--midas-tile-size, 120px) !important;
	height: var(--midas-tile-size, 120px) !important;
}

/* Reset für den Editor Wrapper */
.midas-tile-editor-wrapper {
	width: 120px !important;
	height: 120px !important;
	max-width: 120px !important;
	display: block !important;
	position: relative !important;
}

/* Fix für den Kachel-Wrapper im Gutenberg Editor */
.midas-tiles-wrapper-editor .block-editor-block-list__layout,
[data-type="midas/expandable-tiles-wrapper"] .block-editor-block-list__layout {
	display: grid !important;
	grid-template-columns: repeat(var(--midas-columns, 4), 1fr) !important;
	max-width: calc(var(--midas-columns, 4) * var(--midas-tile-size, 120px) + (var(--midas-columns, 4) - 1) * 16px) !important;
	gap: 16px !important;
	justify-content: start !important;
	justify-items: start !important;
	margin-left: 0 !important;
	margin-right: auto !important;
	width: auto !important;
	padding-left: 0 !important;
}

/* Erzwungene Linksbündigkeit für den Block selbst */
[data-type="midas/expandable-tiles-wrapper"] {
	margin-left: 0 !important;
	margin-right: auto !important;
}


/* Erzwungene vertikale Ausrichtung innerhalb der Kachel-Vorschau */
.midas-tile-summary-preview {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
}

.midas-tile-title-editor {
	display: block !important;
	width: 100% !important;
	margin-top: 8px !important;
}


/* Der Bereich für den Modal-Inhalt im Editor (nur wenn ausgewählt) */
.midas-expandable-content-editor {
	/* Styles werden primär über JS gesetzt (absolute), 
	   hier nur ergänzende Layout-Fixes */
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3) !important;
	z-index: 99999 !important;
}

/* Isolations-Fix: Modal-Inhalte müssen IMMER vertikal sein, auch im Grid-Wrapper */
.midas-tile-inner-blocks-container .block-editor-block-list__layout {
	display: block !important;
	width: 100% !important;
}

.midas-tile-inner-blocks-container .wp-block {
	max-width: 100% !important;
	margin-bottom: 15px !important;
}





details.midas-expandable-tile summary {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	list-style: none;
	outline: none;
	position: relative;
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
	user-select: none;
	padding: 16px;
	box-sizing: border-box;
}

details.midas-expandable-tile summary:hover {
	opacity: 0.8;
}

/* Verhindert, dass der Blur verschwindet, wenn man über die Kachel hovert (Stacking Context Fix) */
details.midas-expandable-tile[open] summary:hover {
	opacity: 1 !important;
}

details.midas-expandable-tile summary::-webkit-details-marker {
	display: none;
	/* Safari Fix */
}

/* Spezifische Summary Styles */
details.midas-expandable-tile summary.mode-image {
	padding: 0;
	overflow: hidden;
	border-radius: 7px;
}

/* Text-Wrapper innerhalb Summary */
.midas-tile-summary-text {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
}

/* Fallback: Text im Image-Modus strikt ausblenden (falls noch im Cache) */
.midas-tile-summary.mode-image .midas-tile-summary-text,
.mode-image>.midas-tile-summary-text,
/* Editor Preview */
.midas-tile-summary-preview.mode-image .midas-tile-title-editor {
	display: none !important;
}

/* Der Titel in der Kachel */
.midas-tile-title {
	font-size: var(--midas-tile-font-size, 13px);
	font-weight: 600;
	line-height: 1.25;
	text-align: center;
	margin: 0;
	width: 100%;
	pointer-events: none;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	hyphens: auto;
}

/* Schließen-Icon für Modal */
.midas-tile-modal-close {
	display: none;
	position: fixed;
	top: 32px;
	right: 32px;
	font-size: 40px;
	color: white;
	z-index: 1000001;
	/* Ganz oben */
	cursor: pointer;
	line-height: 1;
	pointer-events: none;
	/* Klick geht durch auf das summary Element darunter */
}

details.midas-expandable-tile[open] .midas-tile-modal-close {
	display: block;
}

/* Icon (Carbon Icon SVG im Header) */
.midas-tile-icon {
	position: absolute;
	bottom: 6px;
	left: 6px;
	flex-shrink: 0;
	width: 14px;
	height: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: inherit;
	transform: rotate(-45deg);
}

/* Im Image Mode liegt das Icon über dem Bild */
.midas-tile-summary.mode-image .midas-tile-icon {
	z-index: 5;
}

.midas-tile-icon svg {
	width: 100%;
	height: 100%;
}

.midas-tile-icon svg path[fill="none"],
.midas-tile-icon svg rect[fill="none"],
.midas-tile-icon svg .cls-1 {
	fill: none !important;
}

.midas-tile-icon svg *:not([fill="none"]) {
	fill: currentColor;
}

/* Bild Header */
.midas-tile-image {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.midas-tile-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}

/* Das Toggle-Pfeilchen (Chevron) wurde entfernt */

/* Ausgeklappter Zustand */

/* Ausgeklappter Zustand (Modal Content) */
details.midas-expandable-tile[open]>summary {
	border-bottom: none;
}

.midas-tile-content {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000000;
	width: 50%;
	max-width: var(--expanded-max-width, 500px);
	max-height: 80vh;
	overflow-y: auto;
	background: #021628;
	color: #ffffff;
	/* Weißer Text */
	padding: 40px;
	border-radius: 12px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
	animation: modalFadeIn 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
	border: 1px solid rgba(255, 255, 255, 1);
}

/* Kachel-Wrapper: Direktes Grid mit 1fr Spalten wie vom User gewünscht */
.midas-tiles-wrapper {
	display: grid !important;
	grid-template-columns: repeat(var(--midas-columns, 4), 1fr) !important;
	gap: 16px !important;
	width: 100% !important;
	margin: 40px 0 !important;
	justify-content: start !important;
	align-items: start !important;
	/* Begrenzung der Wrapper-Breite, damit 1fr nicht den ganzen Bildschirm füllt */
	max-width: calc(var(--midas-columns, 4) * var(--midas-tile-size, 120px) + (var(--midas-columns, 4) - 1) * 16px) !important;
}


.midas-tiles-wrapper.alignwide,
.is-layout-constrained>.midas-tiles-wrapper.alignwide,
[data-type="midas/expandable-tiles-wrapper"][data-align="wide"] {
	margin-left: 0 !important;
	margin-right: auto !important;
	width: 100% !important;
}


.is-layout-constrained>.midas-tiles-wrapper:not(.alignwide):not(.alignfull) {
	margin-left: 0 !important;
	margin-right: auto !important;
	width: 100% !important;
}





/* Full Width Support */
.midas-tiles-wrapper.alignfull {
	max-width: none;
	width: 100vw;
	margin-left: 50%;
	transform: translateX(-50%);
	padding: 0 30px;
	box-sizing: border-box;
}

/* Zentrieren und intelligenter Umbruch auf kleineren Bildschirmen (User-Breakpoints) */
@media screen and (max-width: 1024px) {
	.midas-tiles-wrapper {
		grid-template-columns: repeat(5, 1fr) !important;
		max-width: calc(5 * var(--midas-tile-size, 120px) + 4 * 16px) !important;
	}
}

@media screen and (max-width: 880px) {
	.midas-tiles-wrapper {
		grid-template-columns: repeat(4, 1fr) !important;
		max-width: calc(4 * var(--midas-tile-size, 120px) + 3 * 16px) !important;
	}
}

@media screen and (max-width: 720px) {
	.midas-tiles-wrapper {
		grid-template-columns: repeat(3, 1fr) !important;
		max-width: calc(3 * var(--midas-tile-size, 120px) + 2 * 16px) !important;
	}
}

@media screen and (max-width: 500px) {
	.midas-tiles-wrapper {
		grid-template-columns: repeat(2, 1fr) !important;
		max-width: calc(2 * var(--midas-tile-size, 120px) + 1 * 16px) !important;
	}
}


.midas-tile-content-inner {
	width: 100%;
}

.midas-tile-modal-title {
	margin-bottom: 24px;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	width: 100%;
}

.midas-tile-title-expanded {
	color: #ffffff;
	font-size: 24px;
	font-weight: 600;
	margin: 0;
	line-height: 1.2;
}

.midas-tile-content>*:first-child {
	margin-top: 0;
}

.midas-tile-content>*:last-child {
	margin-bottom: 0;
}

/* -----------------------------------------------------------------------------
 * Custom Default Table Styles
 * ----------------------------------------------------------------------------- */

/* Entfernt innere und äußere Rahmenlinien (Striche) aus regulären Tabellen */
.wp-block-table.is-style-regular table,
.wp-block-table.is-style-regular th,
.wp-block-table.is-style-regular td {
	border: none !important;
}

/* Basis-Styling für die Tabellen-Zeilen */
.wp-block-table.is-style-regular th,
.wp-block-table.is-style-regular td {
	padding: 1.2rem 1rem;
	vertical-align: middle;
	font-size: 0.9rem;
	/* Kann je nach Wunsch angepasst werden */
}

/* Kopfzeile (<th>) in Versalien & Fett */
.wp-block-table.is-style-regular th {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: #ffffff;
}

/* Spalten-Ausrichtung:
   1. Spalte = linksbündig (Eigenschaft)
   Alle weiteren Spalten = zentriert (Produkte) */
.wp-block-table.is-style-regular th:first-child,
.wp-block-table.is-style-regular td:first-child {
	text-align: left;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.wp-block-table.is-style-regular th:not(:first-child),
.wp-block-table.is-style-regular td:not(:first-child) {
	text-align: center;
}

/* Färbt Haken (Checkmarks "✓") im Text automatisch im Midas-Orange, 
   indem wir allen Inhaltszellen außer der ersten Spalte die Primärfarbe geben.
   Da diese Spalten ohnehin primär Checkmarks enthalten, funktioniert das perfekt. */
.wp-block-table.is-style-regular td {
	color: #ffffff;
}

/* Wenn du Midas-Orange (wie var(--wp--preset--color--primary)) für die Haken willst,
   ist es am besten, diesen Haken im Editor als orange zu markieren oder per JS zu färben. 
   Für eine allgemeine Einfärbung in Tabellen (nur für mittig ausgerichtete Spalten, die oft Haken enthalten): */
.wp-block-table.is-style-regular td:not(:first-child) {
	color: var(--wp--preset--color--primary, #ff6600);
	font-size: 1.2rem;
	/* Haken evtl etwas größer */
	font-weight: bold;
}

@keyframes modalFadeIn {
	from {
		opacity: 0;
		transform: translate(-50%, -45%);
	}

	to {
		opacity: 1;
		transform: translate(-50%, -50%);
	}
}

/* -- FAQ Accordion Block -- */
.midas-faq-container {
	width: 100%;
}

.midas-faq-accordion {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	margin-bottom: 0;
}

.midas-faq-accordion summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	font-size: 1.25rem;
	font-weight: 600;
	padding: 1.5rem 0;
	list-style: none;
	/* Hide default arrow */
}

/* Hide default details arrow completely */
.midas-faq-accordion summary::-webkit-details-marker,
.midas-faq-accordion summary::marker {
	display: none;
	content: "";
	/* Some browsers need this to hide the arrow completely */
}

.midas-faq-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-left: 15px;
}

.midas-faq-icon .icon-minus {
	display: none;
}

/* Toggle Plus/Minus when open */
.midas-faq-accordion[open] .midas-faq-icon .icon-plus {
	display: none;
}

.midas-faq-accordion[open] .midas-faq-icon .icon-minus {
	display: block;
}

.midas-faq-content {
	padding-bottom: 1.5rem;
	color: rgba(255, 255, 255, 0.8);
}

.midas-faq-content p:last-child {
	margin-bottom: 0;
}

.wp-block-navigation ul li.pl-4 {
	padding-left: 1rem;
}

.brlbs-cmpnt-support-branding-link {
	display: none !important;
}

.brlbs-cmpnt-dialog-box-header {
	background-color: rgba(2, 22, 40, 1) !important;
	border-radius: 8px 8px 0 0;
	padding: .5rem;
}

body div.brlbs-cmpnt-container #BorlabsCookieEntranceA11YHeadline {
	color: white !important;
}

.brlbs-cmpnt-container .brlbs-cmpnt-dialog-box-header.brlbs-justify-center {
	justify-content: flex-start !important;
	padding: .5rem 0;
}

.brlbs-cmpnt-non-eu-data-transfer {
	padding-top: 0 !important;
	border-top: none !important;
}

.brlbs-cmpnt-btn-preferences,
.brlbs-cmpnt-consent-list,
.brlbs-cmpnt-container .brlbs-cmpnt-dialog-box-description:after {
	display: none !important;
}

#BorlabsCookieBox .brlbs-cmpnt-dialog-box-description {
	height: auto !important;
	padding-bottom: 0 !important;
}

.brlbs-cmpnt-non-eu-data-transfer {
	padding-bottom: 1.25rem !important;
}

.brlbs-cmpnt-container .brlbs-text-2xl {
	font-size: 19px !important;
	padding-left: 1rem;
}

.brlbs-cmpnt-dialog-entrance-description p {
	text-align: justify !important;
}

/* Tiles sizing for flex parent */
.midas-tiles-wrapper>div,
.midas-tiles-wrapper>details,
.midas-tiles-wrapper>.wp-block-midas-expandable-tile {
	width: 100% !important;
	max-width: var(--midas-tile-size, 120px) !important;
	aspect-ratio: 1 / 1 !important;
	height: auto !important;
}


.wp-block-table.is-style-regular th,
.wp-block-table.is-style-regular td {
	padding: 0;
}

.wp-block-table.is-style-regular td {
	width: 155px;
	font-size: 1rem;
}

.wp-block-table.is-style-regular td:first-child {
	width: 200px;
	font-size: 1rem;
}

.wp-block-table.is-style-regular tbody tr:nth-child(odd) {
	background-color: #041b2e;
}

.wp-block-table.is-style-regular th:first-child,
.wp-block-table.is-style-regular td:first-child {
	font-weight: 400;
}