/* ═══ Baustein Preistabelle ═════════════════════════════════
   Ein Aufklapper je Appartement: Name und Preis ab in der Zeile,
   aufgeklappt die Preisliste von easyGuestManagement. Rahmen, Sperre
   und Hoehe des Moduls stehen in blocks/buchung.css. Rechner und
   Tabellen aus dem Bestand sind am 28. September gegangen.
   ═══════════════════════════════════════════════════════════ */

.ptab {
	background: var(--pa2);
}

/* Keine Angabe zum Rand oben, auch nicht 0. Unter dem Kicker traegt
   .kick + .hin in basis.css den Abstand, unter einer Ueberschrift
   deren Rand unten. Ein margin-top: 0 hier hat dieselbe Spezifitaet
   wie .kick + .hin, steht spaeter und gewann: 0 statt 12 Pixel,
   gemessen am 28. September. */
.ptab .hin {
	font-size: var(--t-klein);
	color: var(--tx);
	max-width: 62ch;
	line-height: 1.7;
}

/* ── Aufklapper ──────────────────────────────────────────── */
.ptab__tabellen {
	margin-top: var(--abschnitt);
	border-top: 1px solid var(--ln);
}

.ptab__block { border-bottom: 1px solid var(--ln); }

.ptab__block summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--s3);
	padding-block: var(--s4);
	min-height: var(--tippflaeche);
}
.ptab__block summary::-webkit-details-marker { display: none; }

.ptab__name {
	font-weight: var(--gw-normal);
	letter-spacing: var(--lw-name);
	font-size: var(--t-name);
	line-height: 1;
	transition: color .4s var(--e);
}

.ptab__zahl {
	font-size: var(--t-winzig);
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--mu);
}
.ptab__block[open] .ptab__zahl { color: var(--tx); }

/* Der Rahmen steht unmittelbar unter der Zeile, deren Polster
   den Abstand traegt. Den Abstand zur Linie unten traegt der
   Inhalt, nicht der Verweis darin. */
.ptab__inhalt { padding-bottom: var(--s5); }
.ptab__weiter { margin: var(--s3) 0 0; }