/* Ajustos del disseny del festival per a la v3 (el CSS de sempre és css/app.css). */

/* Enllaç "Cookies" del peu (torna a obrir l'avís): com els correus del costat. */
#footer-info .tmf-footer-link { padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; }
#footer-info .tmf-footer-link:hover { text-decoration: underline; }

/*
 * Pantalles genèriques del package v3 (targeta regal, contrasenya, baixa del butlletí, anul·lar
 * una entrada, dades per entrada, butaques del pack, publicacions, categories, afiliats): la web
 * anterior les mostrava amb el Bootstrap del package; aquí els components tk-* agafen aquell aspecte.
 */
.tk-v3 .tk-visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.tk-v3 [hidden] { display: none !important; }
.tk-v3 .tk-page { max-width: 760px; margin: 0 auto; }
.tk-v3 .tk-page--wide { max-width: none; }
.tk-v3 .tk-page-head { margin-bottom: 1.5rem; }
.tk-v3 .tk-page-head h1 { font-size: 2.5rem; font-weight: 300; line-height: 1.2; color: #6c757d; }
.tk-v3 .tk-eyebrow { display: block; font-size: .875rem; text-transform: uppercase; color: #6c757d; }
.tk-v3 .tk-section, .tk-v3 .tk-panel { margin-bottom: 1.5rem; }
.tk-v3 .tk-panel { padding: 1.25rem; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem; background: #fff; }
.tk-v3 .tk-field { margin-bottom: 1rem; }
.tk-v3 .tk-field label, .tk-v3 .tk-field legend { display: block; margin-bottom: .5rem; }
.tk-v3 .tk-field input:not([type="checkbox"]):not([type="radio"]), .tk-v3 .tk-field select, .tk-v3 .tk-field textarea {
    display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057;
    background: #fff; border: 1px solid #ced4da; border-radius: .25rem;
}
.tk-v3 .tk-field-error { margin-top: .25rem; font-size: 80%; color: #dc3545; }
.tk-v3 .tk-notice { padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; color: #0c5460; background: #d1ecf1; }
.tk-v3 .tk-notice.tk-error { color: #721c24; background: #f8d7da; }
.tk-v3 .tk-notice.tk-ok { color: #155724; background: #d4edda; }
.tk-v3 .tk-button {
    display: inline-block; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; text-align: center;
    color: #fff; background: #086635; border: 1px solid #086635; border-radius: .25rem; text-decoration: none; cursor: pointer;
}
.tk-v3 .tk-button:hover { background: #ea533d; border-color: #ea533d; color: #fff; }
.tk-v3 .tk-button--secondary { color: #086635; background: transparent; }
.tk-v3 .tk-button--large { padding: .5rem 1rem; font-size: 1.25rem; }
.tk-v3 .tk-button--small { padding: .25rem .5rem; font-size: .875rem; }
.tk-v3 .tk-button--block { display: block; width: 100%; }
.tk-v3 .tk-button[disabled] { opacity: .65; cursor: not-allowed; }
.tk-v3 .tk-buybar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1rem; }
.tk-v3 .tk-buybar--end { justify-content: flex-end; }
.tk-v3 .tk-empty { padding: 1.25rem; text-align: center; color: #6c757d; }
.tk-v3 .tk-prose img { max-width: 100%; height: auto; }
.tk-v3 .tk-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; }
.tk-v3 .tk-card { display: flex; flex-direction: column; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem; background: #fff; overflow: hidden; }
.tk-v3 .tk-card__media img { display: block; width: 100%; height: auto; }
.tk-v3 .tk-card__body { padding: 1.25rem; flex: 1; }
.tk-v3 .tk-card__title { font-size: 1.5rem; }
.tk-v3 .tk-card__title a { color: inherit; }
.tk-v3 .tk-card__meta, .tk-v3 .tk-card__venue { font-size: .875rem; color: #6c757d; }
.tk-v3 .tk-card__foot { padding: .75rem 1.25rem; border-top: 1px solid rgba(0, 0, 0, .125); }
.tk-v3 .tk-chips { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; list-style: none; }
.tk-v3 .tk-chip { display: inline-block; padding: .25rem .75rem; border: 1px solid #086635; border-radius: 50rem; color: #086635; }
.tk-v3 .tk-sessions { padding: 0; list-style: none; }
.tk-v3 .tk-session { display: flex; align-items: center; gap: 1rem; padding: .75rem 0; border-bottom: 1px solid #dee2e6; }
.tk-v3 .tk-date { min-width: 4rem; text-align: center; color: #fff; background: #086635; padding: .25rem; }
.tk-v3 .tk-date__wd, .tk-v3 .tk-date__mon { display: block; font-size: .75rem; }
.tk-v3 .tk-date__day { display: block; font-size: 1.5rem; }
.tk-v3 .tk-session__info { flex: 1; }
.tk-v3 .tk-status--low { color: #dc3545; }