/**
 * L&J Theater – opmaak die de productie volgt
 *
 * Vroeger custom CSS in Kallyas. Staat in de kern (altijd actief), zodat
 * de knoppen er hetzelfde uitzien, ook als een module uit staat.
 * --lj-knopkleur en --lj-productiekleur komen van het scherm van de
 * eventcategorie (knopkleur, anders productiekleur).
 */

/* === Zaalplanknop van Tickera ===
   Donkerblauw (hoofdkleur) is enkel de noodkleur als er geen kleur
   ingesteld is. */
.tc_seating_map_button {
	border-radius: 5px;
	color: var(--lj-wit, #fff);
	font-family: inherit;
	font-size: 18px;
	font-weight: 700;
	padding: 10px 20px;
	background-color: var(--lj-knopkleur, var(--lj-hoofd, #132247));
	border: 0;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	line-height: 1.6;
}

.tc_seating_map_button:hover {
	background: #000000;
	border: 0;
	border-radius: 5px;
	text-decoration: none;
}

/* === Accordeon (Kallyas) ===
   Dicht: de kleur van het thema. Open, bij aanwijzen en bij focus met het
   toetsenbord: de productiekleur. Het thema geeft een dichte titel de klasse
   "collapsed"; een open titel niet (of aria-expanded="true").
   Dubbele klassen = meer voorrang dan de regels van het thema, zonder
   !important, ongeacht de laadvolgorde. */
.acc--default-style.acc--default-style .acc-tgg-button.acc-tgg-button:not(.collapsed),
.acc--default-style.acc--default-style .acc-tgg-button.acc-tgg-button[aria-expanded="true"],
.acc--default-style.acc--default-style .acc-tgg-button.acc-tgg-button:hover,
.acc--default-style.acc--default-style .acc-tgg-button.acc-tgg-button:focus-visible {
    color: var(--lj-productiekleur, var(--lj-hoofd, #132247));
}