/*--------------------------------------------------------------
# Rozklikávací otázky (blok core/details)

Používá je /anonymni-pobyt-ve-tme/ a /terapie-tmou-terminy/. Do 26. 8.
2026 na ně web NEMĚL žádné CSS: pravidla pro .wp-block-details posílá
blokové CSS jádra, které _s na frontendu odhazuje (inc/cleanup.php),
takže se otázky kreslily jako holý systémový trojúhelník bez pozadí
a bez odsazení.

Vzhled je schválně tentýž jako u .facts v patičce a .cenik na
/masaze/ - průsvitné bílé pozadí 4 %, obrys 8 %, zaoblení --lt-radius.
Ať web nemá tři různé karty.

KE SPECIFICITĚ: stačí holá třída. Jediné, co na details a summary míří
jinde, je normalize v 10-generic.css (`details { display: block }`,
`summary { display: list-item }`) se specificitou (0,0,1). Prefix
.entry-content se tu schválně nepoužívá - bez něj to platí i v canvasu
editoru, kde ten obal není.
--------------------------------------------------------------*/

.wp-block-details {
	margin: 0 0 12px;
	padding: 0;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: var(--lt-radius);
}

/*
 * Výchozí značka (trojúhelník / disclosure triangle) se ruší dvěma
 * způsoby schválně: `list-style: none` platí ve Firefoxu a Chrome,
 * ::-webkit-details-marker je potřeba pro starší Safari, které
 * list-style na summary ignoruje.
 */
.wp-block-details summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 20px;
	cursor: pointer;
	font-weight: 600;
	line-height: 1.35;
	list-style: none;
}

.wp-block-details summary::-webkit-details-marker {
	display: none;
}

.wp-block-details summary:hover,
.wp-block-details summary:focus-visible {
	color: var(--barva-akcent);
}

/*
 * Vlastní znaménko vpravo. Je to ::after na summary, ne <span> v markupu -
 * obsah otázek píše Tomáš v editoru a nemá se starat o žádnou pomocnou
 * značku navíc.
 */
.wp-block-details summary::after {
	content: "+";
	flex: 0 0 auto;
	font-size: 22px;
	font-weight: 400;
	line-height: 1;
	color: var(--barva-akcent);
	transition: transform .15s ease;
}

.wp-block-details[open] summary::after {
	content: "−";
}

/* Odsazení odpovědi. Poslední odstavec bez spodní mezery, ať karta
   nekončí prázdným pruhem. */
.wp-block-details > *:not(summary) {
	margin: 0 20px 16px;
}

.wp-block-details > p:not(summary) {
	margin: 0 20px 16px;
}