/**
 * Gästeportal — nur portal-spezifische Ergänzungen, alles andere
 * (.fwb-card, .fwb-grid-2, .fwb-checkbox-liste, .fwb-status-*) kommt
 * unverändert aus fwb-shared.css.
 */

/*
 * fwb-public.css (Buchungsformular) setzt ".fwb-formular { max-width:620px }"
 * — lädt aber, wie fwb-gastportal.css, auf JEDER Frontend-Seite (beide
 * enqueue_assets()-Hooks prüfen nicht, ob ihr jeweiliger Shortcode auf der
 * aktuellen Seite überhaupt vorkommt). Da das Gästeportal-Template ebenfalls
 * die Klasse .fwb-formular trägt (für die gemeinsamen Design-Tokens aus
 * fwb-shared.css), erbt es diese Begrenzung ungewollt mit. Zwei verkettete
 * Klassen sind spezifischer als die einzelne ".fwb-formular"-Regel und
 * gewinnen daher unabhängig von der Ladereihenfolge der beiden Stylesheets.
 */
.fwb-formular.fwb-gastportal {
	max-width: none;
	padding-bottom: 0;
}

/*
 * .fwb-grid-2 aus fwb-shared.css nutzt "1fr 1fr" — Grid-Kinder haben aber
 * per Spezifikation eine implizite Mindestbreite von "auto" (= ihr Inhalt),
 * die "1fr" überstimmt. Lange, unbrechbare Inhalte wie die Zeile
 * "Nachträglich gebuchte Zusatzleistungen" in der Zahlungstabelle drücken
 * dadurch ihre Spalte breiter als die andere. minmax(0, 1fr) erzwingt
 * echte Gleichverteilung unabhängig vom Karteninhalt.
 */
.fwb-gastportal .fwb-grid-2 {
	grid-template-columns: minmax( 0, 1fr ) minmax( 0, 1fr );
}

.fwb-gp-wlan {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	flex-wrap: wrap;
}

.fwb-gp-wlan img {
	border: 1px solid var( --fwb-border );
	border-radius: 8px;
	padding: 6px;
	background: #fff;
	flex-shrink: 0;
}

.fwb-gp-zahlungen {
	width: 100%;
	border-collapse: collapse;
}

.fwb-gp-zahlungen td {
	padding: 8px 4px;
	border-bottom: 1px solid var( --fwb-border );
	font-size: 0.95em;
	word-break: break-word;
}

.fwb-gp-zahlungen tr:last-child td {
	border-bottom: none;
}

.fwb-gastportal h4 {
	margin: 20px 0 4px;
	color: var( --fwb-text );
}