/* CLAUDE: FAQ-Aufklapper der Standort-Einzelseiten */
/* CLAUDE: Aus standort-inhalt.css herausgeloest (200-Zeilen-Konvention) */
/* CLAUDE: Geladen von inc/assets.php, nach standort-inhalt.css */
/* CLAUDE: Die Fragen kommen als core/details aus dem Editor – ein umschliessendes */
/* CLAUDE: Element gibt es nicht, die Absetzung entsteht ueber die Elemente selbst. */

/* ============================================================
   CLAUDE: FAQ – abgesetzter Block mit sichtbarem Zustand
   ============================================================ */

/* CLAUDE: Die Aufklapper stehen als Geschwister im Fliesstext; ein umschliessendes
   CLAUDE: Element gibt es nicht, weil der Inhalt aus dem Editor kommt. Die Absetzung
   CLAUDE: entsteht deshalb ueber die Elemente selbst: eigene Flaeche, klare Kante. */
.standort-inhalt details {
	max-width: 68ch;
	background: var(--color-marble-white);
	border: 1px solid var(--color-porous-stone);
	border-radius: var(--radius-sm);
	margin-block: 0.5rem;
	overflow: hidden;
}

/* CLAUDE: Frage als grosse Klickflaeche – Zeile fuellt die Breite, Zeichen rechts */
.standort-inhalt details > summary {
	cursor: pointer;
	list-style: none;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--spacing-sm);
	padding: var(--spacing-sm) var(--spacing-md);
	font-weight: 600;
	color: var(--color-dark-umber);
	transition: var(--transition-fast);
}

/* CLAUDE: Standard-Dreieck von Safari/Chrome entfernen – wir setzen ein eigenes Zeichen */
.standort-inhalt details > summary::-webkit-details-marker {
	display: none;
}

/* CLAUDE: Zustandszeichen. Plus wenn zu, Minus wenn offen – der Nutzer sieht, was ihn erwartet */
.standort-inhalt details > summary::after {
	content: "+";
	flex: none;
	font-weight: 400;
	font-size: 1.4em;
	line-height: 1;
	color: var(--color-chestnut);
}

/* CLAUDE: Offener Zustand: Zeichen wechselt, Kopf hebt sich leicht ab */
.standort-inhalt details[open] > summary {
	background: var(--color-white);
	border-bottom: 1px solid var(--color-porous-stone);
}

.standort-inhalt details[open] > summary::after {
	content: "\2212"; /* CLAUDE: echtes Minuszeichen, kein Bindestrich */
}

/* CLAUDE: Hover und Focus gleichwertig behandeln */
.standort-inhalt details > summary:hover,
.standort-inhalt details > summary:focus-visible {
	background: var(--color-white);
}

/* CLAUDE: Antworttext bekommt eigene Innenabstaende */
.standort-inhalt details > *:not(summary) {
	padding-inline: var(--spacing-md);
}

.standort-inhalt details > *:not(summary):last-child {
	padding-bottom: var(--spacing-sm);
}