/*
 * Bestehende Inhalte (Getwid-Abschnitte, Farb- und Größenklassen des bisherigen Themes,
 * Tabellen, Galerien) im neuen Theme ordentlich darstellen, ohne den Inhalt zu ändern (Plan Task 12c).
 * Die Seiten werden in Phase 4 auf die Muster des neuen Themes umgestellt; bis dahin gilt dieses CSS.
 */

/* ---------- Farbklassen des bisherigen Themes (Palette Luviana), auf die neue Palette abgebildet ---------- */
:root {
	--wp--preset--color--white: #ffffff;
	--wp--preset--color--black: #000000;
	--wp--preset--color--grey: var(--fels-600);
	--wp--preset--color--light-grey: var(--leinen);
	--wp--preset--color--dark-grey: var(--fels-950);
	--wp--preset--color--gold: var(--sonne-500);
	--wp--preset--color--blue: var(--teich-600, #3f6673);
	--wp--preset--color--dark-blue: var(--tanne-900);
}
.has-white-color { color: #fff !important; }
.has-black-color { color: #000 !important; }
.has-grey-color { color: var(--wp--preset--color--grey) !important; }
.has-light-grey-color { color: var(--wp--preset--color--light-grey) !important; }
.has-dark-grey-color { color: var(--wp--preset--color--dark-grey) !important; }
.has-gold-color { color: var(--wp--preset--color--gold) !important; }
.has-blue-color { color: var(--wp--preset--color--blue) !important; }
.has-dark-blue-color { color: var(--wp--preset--color--dark-blue) !important; }
.has-white-background-color { background-color: #fff !important; }
.has-black-background-color { background-color: #000 !important; }
.has-grey-background-color { background-color: var(--wp--preset--color--grey) !important; }
.has-light-grey-background-color { background-color: var(--wp--preset--color--light-grey) !important; }
.has-dark-grey-background-color { background-color: var(--wp--preset--color--dark-grey) !important; }
.has-gold-background-color { background-color: var(--wp--preset--color--gold) !important; }
.has-blue-background-color { background-color: var(--wp--preset--color--blue) !important; }
.has-dark-blue-background-color { background-color: var(--wp--preset--color--dark-blue) !important; }

/* Schriftgrößen-Klassen der WordPress-Standardgrößen (im neuen Theme nicht mehr in der Auswahl) */
.has-small-font-size { font-size: 13px !important; }
.has-medium-font-size { font-size: 20px !important; }
.has-large-font-size { font-size: 36px !important; }
.has-x-large-font-size { font-size: 42px !important; }

/* ---------- Getwid ---------- */
.ps-inhalt .wp-block-getwid-section { margin-block: 0; }
.ps-inhalt > .wp-block-getwid-section + .wp-block-getwid-section { margin-top: 0; }
.ps-inhalt .wp-block-getwid-section__wrapper { padding-left: var(--gutter); padding-right: var(--gutter); }
.ps-inhalt .wp-block-getwid-section__inner-wrapper { max-width: var(--container); }
.ps-inhalt .wp-block-getwid-section__content > :first-child { margin-top: 0; }

/* Überschriften (Getwid „Erweiterte Überschrift“) in der Schrift des Designs */
.ps-inhalt .wp-block-getwid-advanced-heading__content {
	font-family: var(--font-display);
	font-weight: 400;
	letter-spacing: var(--ls-heading);
	line-height: var(--lh-heading);
	text-transform: none;
}
/* Stil 1 des bisherigen Themes: kurze Linie davor, jetzt im Stil der Dachzeile */
.ps-inhalt .wp-block-getwid-advanced-heading.is-style-style-1 .wp-block-getwid-advanced-heading__content::before {
	content: "";
	display: block;
	width: 28px;
	height: 1px;
	margin-bottom: 18px;
	background: var(--sonne-500);
}
.ps-inhalt .wp-block-getwid-advanced-heading.has-text-align-center.is-style-style-1 .wp-block-getwid-advanced-heading__content::before,
.ps-inhalt [style*="text-align:center"] .wp-block-getwid-advanced-heading__content::before { margin-left: auto; margin-right: auto; }

/* Banner, Bilderstapel, Icon-Boxen */
.ps-inhalt .wp-block-getwid-banner { border-radius: var(--radius-image); overflow: hidden; }
.ps-inhalt .wp-block-getwid-banner__title { font-family: var(--font-display); font-weight: 400; text-transform: none; }
.ps-inhalt .wp-block-getwid-images-stack img { border-radius: var(--radius-image); }
.ps-inhalt .wp-block-getwid-icon-box__icon-wrapper { color: var(--tanne-600); }
.ps-inhalt .wp-block-getwid-icon-box__title { font-family: var(--font-display); font-weight: 400; text-transform: none; }

/* ---------- Core-Blöcke der Bestandsseiten ---------- */
.ps-inhalt .wp-block-image img { border-radius: var(--radius-image); }
.ps-inhalt .wp-block-spacer { margin-block: 0 !important; }
.ps-inhalt .wp-block-columns { gap: clamp(24px, 4vw, 48px); }
.ps-inhalt .wp-block-buttons { margin-top: 24px; }
.ps-inhalt .wp-block-button__link:where(:not([class*="has-"][class*="-background-color"])) { background-color: var(--tanne-600); color: var(--schnee); }
.ps-inhalt .wp-block-quote { margin-inline: 0; }
.ps-inhalt .wp-block-separator { border: 0; border-top: 1px solid var(--border-subtle); }

/* ---------- Tabellen (Preise der Ferienwohnungen u. a.) ---------- */
.ps-inhalt table { width: 100%; border-collapse: collapse; font-size: var(--fs-small); margin: 24px 0; background: var(--weiss); }
.ps-inhalt th, .ps-inhalt td { padding: 10px 12px; border-bottom: 1px solid var(--border-subtle); vertical-align: top; }
.ps-inhalt thead th { background: var(--tanne-50); color: var(--text-strong); font-weight: 600; }
@media (max-width: 700px) {
	.ps-inhalt .wp-block-table, .ps-inhalt table { display: block; overflow-x: auto; }
}

/* ---------- Eingebettete Inhalte (360-Grad-Rundgang, Karten) ---------- */
.ps-inhalt iframe { max-width: 100%; border: 0; }
.ps-inhalt .wp-block-html { max-width: 100%; overflow-x: auto; }

/* ---------- Hülle des Plugins „WP Responsive Table“ (.wprt-container um den ganzen Inhalt) ----------
   Die Hülle steht zwischen Inhaltsspalte und Blöcken; ohne diese Regeln würden volle Breite
   (alignfull, Getwid-Abschnitte) und breite Ausrichtung (alignwide) auf 1240 px eingesperrt. */
.ps-inhalt > .wprt-container { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
.ps-inhalt > .wprt-container > :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)) { max-width: var(--wp--style--global--content-size, 1240px); margin-left: auto; margin-right: auto; }
.ps-inhalt > .wprt-container > .alignwide { max-width: var(--wp--style--global--wide-size, 1440px); margin-left: auto; margin-right: auto; }
.ps-inhalt > .wprt-container > .alignfull {
	max-width: none;
	margin-left: calc(var(--wp--style--root--padding-left, 0px) * -1) !important;
	margin-right: calc(var(--wp--style--root--padding-right, 0px) * -1) !important;
	width: auto;
}
.ps-inhalt > .wprt-container > :first-child { margin-top: 0; }

/* Bewertungs-Widget (Trustindex): Karussell nicht über den Rand hinaus */
.ps-inhalt .ti-widget { max-width: 100%; overflow: hidden; }