/* Llista unificada (components/Llista.astro, 2026-10-20). Fitxer estàtic i compartit per totes
   les llistes, com search.js i llista.js: es baixa un cop i queda a la memòria cau. */
.dies-tira { margin-bottom: .75rem; }
.dies-tira ul { scroll-padding-inline: 1rem; }
.dia-xip { display: flex; flex-direction: column; justify-content: center; min-width: 3.4rem; min-height: 3.1rem; padding: .3rem .6rem; border: 1px solid var(--vora-f); border-radius: var(--r-xip); background: var(--sup); color: var(--tx); font-size: .8125rem; font-weight: 600; line-height: 1.15; white-space: nowrap; }
.dia-xip b { font-family: var(--f-titol); font-variation-settings: var(--v-titol); font-size: 1.0625rem; font-weight: 760; font-variant-numeric: tabular-nums; }
.dia-xip:hover { border-color: var(--tx); }
.dia-xip[aria-current] { background: var(--ac); border-color: var(--ac); color: var(--sobre); }
.dia-xip[aria-disabled=true] { color: var(--suau); border-style: dashed; pointer-events: none; }
.dia-xip[aria-disabled=true] b { font-weight: 500; }
.dies-mes { align-self: center; padding: 0 .1rem; font-size: .75rem; font-weight: 700; color: var(--suau); text-transform: lowercase; }
.xip[aria-pressed=true] { background: var(--ac); border-color: var(--ac); color: var(--sobre); font-weight: 700; }
.xip[disabled] { opacity: 1; cursor: default; }
.llista-menu { position: absolute; top: 100%; z-index: 30; margin-top: .25rem; padding: .5rem; border: 1px solid var(--vora); border-radius: var(--r-targeta); background: var(--sup); box-shadow: 0 10px 32px #0003; }
.llista-menu button { display: flex; justify-content: space-between; gap: .5rem; width: 100%; padding: .55rem .75rem; border-radius: 6px; text-align: left; font-size: .875rem; color: var(--tx); }
.llista-menu button span { color: var(--suau); }
.llista-menu button:hover { background: var(--sup2); }
.llista-menu button[aria-pressed=true] { background: var(--ac-suau); font-weight: 700; }
[data-llista] [hidden] { display: none !important; }
/* Una graella no pot créixer per un títol sense espais (una URL, «#FMA2026:…»): era el
   desplaçament lateral de /gratis/ i d'algunes pàgines de dia a 390 px (test:overflow). */
.graella-targetes > * { min-width: 0; }
.graella-targetes .targeta-titol { overflow-wrap: anywhere; }
.filtres::after { content: ''; position: absolute; top: 0; bottom: .25rem; right: -1rem; width: 3rem; background: linear-gradient(90deg, rgb(var(--c-fons) / 0), var(--fons)); pointer-events: none; }
@media (min-width: 640px) { .filtres::after { right: 0; } }
.dies-tira .llisca { padding-right: 0; }
.dies-fi { flex: 0 0 2.5rem; }