/* v683 · Rifiniture approvate di In evidenza e Stasera. Attive dopo il caricamento dello script. */
/* Solo copertine: zona titolo comune sotto data ed emoji. */
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-cop.og-tipo{container-type:inline-size}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-cop.og-tipo .og-tt{top:52px;bottom:12px;left:14px;right:14px;font-size:clamp(14px,9cqw,21px);line-height:1.12;text-align:left;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-wrap:pretty}
/* Emoji confinata nella fascia superiore: almeno 8 px liberi prima del titolo. */
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-cop.og-tipo .og-temo{top:10px;right:12px;width:32px;height:32px;font-size:32px;line-height:1;display:grid;place-items:center}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-cop.og-tipo .og-bol{max-width:calc(100% - 66px);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}
@container(max-width:155px){html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-cop.og-tipo .og-tt{top:40px;bottom:9px;left:11px;right:11px;font-size:14px;-webkit-line-clamp:2}html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-cop.og-tipo .og-temo{top:8px;right:9px;width:24px;height:24px;font-size:24px}html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-cop.og-tipo .og-bol{top:8px;left:9px;max-width:calc(100% - 50px);overflow:hidden;text-overflow:ellipsis;padding:3px 6px;font-size:12px}}

/* In evidenza: conserva le parole intere e adatta solo i titoli che non entrano. */
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-tt{overflow-wrap:normal;word-break:normal;hyphens:none}

/* Stesso sottotitolo, con periodo e conteggio più leggibili. */
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-ht>.muted{display:flex;align-items:center;flex-wrap:wrap;column-gap:9px;row-gap:4px;margin-top:6px;font-size:12px;font-style:normal;font-weight:500;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--ink-2)}
.og-rif-period{font-weight:600}.og-rif-separator{opacity:.5}.og-rif-count{white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-count b{display:inline-grid;place-items:center;min-width:23px;height:21px;padding:0 5px;box-sizing:border-box;border-radius:6px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--link);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
@media(max-width:640px){html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-ht>.muted{column-gap:6px;font-size:11px;margin-top:4px}html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-count b{font-size:11px;min-width:21px;height:19px}}
/* Sottotitolo leggibile: dimensioni maggiori anche su telefono. */
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-ht>.muted{font-size:15px;line-height:1.5;column-gap:9px;row-gap:5px;color:var(--ink-2)}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-count b{font-size:15px;min-width:28px;height:26px}
@media(max-width:640px){html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-ht>.muted{font-size:14px;column-gap:7px}html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-count b{font-size:14px;min-width:26px;height:24px}}

/* Un unico gruppo di azioni: dimensioni e allineamento condivisi. */
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend)>.og-hb{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px 14px}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend)>.og-hb .og-hico{margin:0;align-self:center}
.og-rif-actions{display:flex;align-items:center;gap:9px;justify-self:end}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions>.og-pausa,html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions>.og-vaiwe{height:44px;min-height:44px;box-sizing:border-box;margin:0;padding-top:0;padding-bottom:0;border:1px solid color-mix(in srgb,var(--link) 22%,var(--surface));border-radius:14px;box-shadow:0 2px 5px color-mix(in srgb,var(--ink) 4%,transparent);color:var(--link);flex:none}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions>.og-pausa{width:44px;min-width:44px;background:var(--surface);padding:0}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions>.og-vaiwe{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 16px;background:color-mix(in srgb,var(--accent) 7%,var(--surface));font-size:14px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions>.og-vaiwe .ic{width:17px;height:17px;flex:none}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions>.og-vaiwe b{font-size:17px;line-height:1;font-weight:500}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions>.og-pausa .og-anello{inset:3px;width:36px;height:36px;opacity:.75}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions>:focus-visible{outline:3px solid var(--link);outline-offset:3px}
@media(hover:hover){html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions>a:hover,html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions>button:hover{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--link) 45%,var(--surface));box-shadow:0 3px 9px color-mix(in srgb,var(--accent) 10%,transparent)}}
@media(prefers-reduced-motion:no-preference){html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions>*{transition:background .18s,border-color .18s,box-shadow .18s}}
@media(max-width:640px){html body.og-schede-pronte :is(#evidenza,#stasera,#weekend)>.og-hb{grid-template-columns:40px minmax(0,1fr);gap:12px 10px}html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions{grid-column:2;justify-self:start;gap:8px}html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions>.og-vaiwe{padding:0 12px;font-size:13px;gap:7px}}
/* Variante sobria: agenda neutra e pausa con un solo anello sottile. */
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions{gap:12px}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions>.og-vaiwe{border-radius:999px;background:var(--surface);border-color:color-mix(in srgb,var(--ink) 16%,var(--surface));color:var(--ink);box-shadow:none;padding-inline:20px;gap:11px;font-weight:500;letter-spacing:.01em}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions>.og-vaiwe .ic{width:16px;height:16px;stroke-width:1.5;color:var(--ink-2)}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions>.og-vaiwe b{margin-left:5px;color:var(--link);font-size:19px;font-weight:400}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions>.og-pausa{border:0;border-radius:50%;background:transparent;box-shadow:none;color:var(--ink-2)}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions>.og-pausa .og-anello{inset:2px;width:40px;height:40px;opacity:1}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions>.og-pausa .og-anf{stroke:color-mix(in srgb,var(--ink) 18%,var(--surface));stroke-width:1.5}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions>.og-pausa .og-anp{stroke:var(--link);stroke-width:1.5;opacity:.65}
@media(hover:hover){html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions>.og-vaiwe:hover{background:color-mix(in srgb,var(--ink) 3%,var(--surface));border-color:color-mix(in srgb,var(--ink) 30%,var(--surface));box-shadow:none}html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions>.og-pausa:hover{background:color-mix(in srgb,var(--ink) 4%,var(--surface));box-shadow:none}}
@media(max-width:640px){html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions{gap:10px}html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-actions>.og-vaiwe{padding-inline:16px;font-size:13px}}
/* Desktop: azioni sulla riga del titolo; sottotitolo sulla riga successiva. */
@media(min-width:641px){
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend)>.og-hb{grid-template-columns:46px minmax(0,1fr) auto;grid-template-rows:44px auto;align-items:center;row-gap:2px}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend)>.og-hb>.og-ht{display:contents}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend)>.og-hb .og-ht>h2{grid-column:2;grid-row:1;align-self:center;margin:0}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend)>.og-hb .og-ht>.muted{grid-column:2;grid-row:2;margin-top:0}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend)>.og-hb>.og-hico{grid-column:1;grid-row:1;align-self:center}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend)>.og-hb>.og-rif-actions{grid-column:3;grid-row:1;align-self:center}
}
/* Titolo e periodo affiancati quando c'è spazio, con ritorno a capo naturale. */
@media(min-width:641px){
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend)>.og-hb{grid-template-rows:auto;min-height:44px;align-items:center}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend)>.og-hb>.og-ht{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:7px 20px;grid-column:2;grid-row:1;min-width:0}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend)>.og-hb .og-ht>h2{margin:0;flex:none}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend)>.og-hb .og-ht>.muted{margin:0;flex:none;white-space:nowrap}
}
/* Dettagli grafici: calendario, separatore e conteggio circolare. */
.og-rif-period{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.og-rif-calendar{width:17px;height:17px;flex:none;fill:none;stroke:var(--link);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.8}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-separator{display:inline-block;width:1px;height:15px;flex:none;align-self:center;overflow:hidden;font-size:0;background:color-mix(in srgb,var(--ink) 20%,var(--surface));opacity:1;margin-inline:3px}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-count{gap:7px}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-count b{width:28px;min-width:28px;height:28px;border-radius:50%;padding:0;background:color-mix(in srgb,var(--accent) 10%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent);color:var(--link)}
@media(max-width:640px){html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-count b{width:26px;min-width:26px;height:26px}.og-rif-calendar{width:16px;height:16px}.og-rif-period{gap:6px}html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-separator{margin-inline:1px}}
@media(max-width:640px){html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-rif-separator{display:none}}
/* Luogo dentro la copertina, in una fascia distinta dal titolo. */
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-card .og-cop{min-height:86px}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-cop::before{content:'';position:absolute;inset:auto 0 0;height:42px;background:linear-gradient(transparent,rgba(0,0,0,.64));pointer-events:none;z-index:1}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-cop .og-rif-cover-venue{position:absolute;left:14px;right:14px;bottom:9px;z-index:2;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--body);font-size:12px;font-weight:500;line-height:1.3;color:#fff;letter-spacing:0;text-shadow:0 1px 3px #0006}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-cop.og-tipo .og-tt{bottom:36px}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-corpo>.og-sub{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@container(max-width:155px){html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-cop.og-tipo .og-tt{bottom:26px}html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-cop .og-rif-cover-venue{left:11px;right:11px;bottom:5px;font-size:12px}}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-cop :is(.og-tt,.og-bol,.og-temo){z-index:2}

/* Badge sempre su una riga: riduzione proporzionale alla larghezza della scheda. */
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-card .og-chips{display:block;align-self:stretch;width:100%;max-width:100%;height:var(--badge-row-height,25px);min-height:0;flex:none;overflow:visible;white-space:nowrap}
.og-rif-badges-inner{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:4px;width:max-content;max-width:none;transform:scale(var(--badge-scale,1));transform-origin:left top}
html body.og-schede-pronte :is(#evidenza,#stasera,#weekend) .og-corpo .og-chips .chip{flex:none;max-width:none;white-space:nowrap;overflow:visible;text-overflow:clip;padding:3px 5px;letter-spacing:.015em}
/* Sottotitolo della hero: 3 px più in alto rispetto alla base approvata. */
html body.og-schede-pronte .testata-oggi .og-sottotit{top:-6px}

html body.og-schede-pronte #stasera .og-rif-showtimes{display:block;color:var(--ink-2);font-size:13px;line-height:1.45;margin-top:3px}

/* Misurazione fuori schermo, sempre tramite foglio locale e CSSOM. */
.og-rif-misura{position:fixed;visibility:hidden;pointer-events:none;left:-10000px;top:0;height:auto;display:block;white-space:normal;overflow-wrap:normal;word-break:normal;text-wrap:pretty;line-height:1.12;margin:0;padding:0;border:0}
