/*
 * Estils propis de la web de Roses Cultura. Es carreguen a totes les pàgines, després dels del
 * package i del disseny (AppServiceProvider). Només el que canvia: la resta, el package.
 */

/*
 * Mapa de butaques: lliures en verd, ocupades amb el color dels botons (el de la marca) i les
 * triades en taronja. Les adaptades (mobilitat, visibilitat reduïda, packs) es queden amb les del package.
 */
.tk-seat-map {
    --tk-seat-free: #0D8070;
    --tk-seat-free-line: #0D8070;
    --tk-seat-busy: var(--tk-btn);
    --roses-seat-selected: #F59E0B;
}

/* Al passar per sobre d'una lliure, un verd més clar (el package hi posa --tk-muted-bg, gris). */
.tk-seat-map__canvas { --tk-muted-bg: #14A38F; }

/*
 * La triada al package és el color de la marca (--tk-accent-ui), sense variable pròpia. Amb més
 * especificitat que .tk-seat--free:hover i .tk-seat--free.tk-seat--mobility perquè sempre es vegi.
 */
.tk-seat-map .tk-seat.tk-seat--selected { fill: var(--roses-seat-selected) !important; stroke: var(--roses-seat-selected) !important; }
.tk-seat-map .tk-seat-map__legend .is-selected { background: var(--roses-seat-selected); }