.mignon-votes{max-width:1560px;margin:0 auto;padding:1.2rem clamp(12px,2vw,24px);box-sizing:border-box}
.mignon-votes h2{margin:0 auto .6rem;text-align:center;text-wrap:balance;max-width:18ch}
.mignon-votes>p{margin:0 auto 1.5rem;text-align:center;max-width:980px;text-wrap:pretty}
.mignon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:1.4rem;align-items:stretch}
.mignon-film{border:1px solid #dcdfe2;border-radius:12px;overflow:hidden;background:#fff;color:#222;box-shadow:0 2px 8px #00000009;display:flex;flex-direction:column;min-width:0}.mignon-film img{width:100%;aspect-ratio:16/10;height:auto;min-height:220px;object-fit:cover;object-position:center;display:block;background:#eef2f3}.mignon-film>div{padding:1rem;display:flex;flex-direction:column;flex:1}.mignon-film h3{font-size:1.1rem;line-height:1.3;margin:0 0 1rem;overflow-wrap:anywhere}.mignon-select,.mignon-panel #mignon-send{border:0;background:#193e4a;color:#fff;padding:.75rem 1rem;border-radius:7px;cursor:pointer;font-weight:600;width:100%}.mignon-select{margin-top:auto}.mignon-panel{background:#f6f8f9;border:1px solid #d5dcdf;border-radius:12px;padding:1.5rem;margin:2rem auto 0;max-width:520px}.mignon-panel[hidden]{display:none}.mignon-stars{display:flex;gap:.25rem;margin:1rem 0}.mignon-star{border:0;background:transparent;color:#c1840d;font-size:2.5rem;cursor:pointer;padding:0 .2rem;line-height:1.2}.mignon-panel #mignon-send{margin-top:1.2rem}.mignon-panel #mignon-send:disabled{opacity:.5;cursor:not-allowed}#mignon-message{min-height:1.5em}.mignon-star:focus-visible,.mignon-select:focus-visible,#mignon-send:focus-visible{outline:3px solid #317bb7;outline-offset:2px}

.mignon-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;justify-content:center;margin:1rem 0 1.6rem}.mignon-controls label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;min-width:220px}.mignon-controls select,.mignon-controls input{padding:.55rem .7rem;border:1px solid #bdc8cc;border-radius:6px;min-width:200px;max-width:100%}.mignon-film[hidden],.mignon-empty[hidden]{display:none!important}.mignon-not-yet{font-size:.9rem;color:#505f65;background:#f1f4f5;padding:.6rem;border-radius:6px}.mignon-empty{margin:1.5rem 0;text-align:center}

@media (min-width: 1280px) {
 .mignon-votes .mignon-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
}
@media (max-width: 767px) {
 .mignon-votes h2{max-width:none}
 .mignon-votes>p{max-width:42ch}
 .mignon-controls label{min-width:min(100%,280px)}
}

@media (min-width: 1280px) {
 .mignon-film img{min-height:240px}
}

/* v0.4.12: conserva la dimensione delle tessere anche quando la ricerca produce un solo risultato. */
.mignon-votes .mignon-grid{transition:opacity .18s ease,transform .18s ease;opacity:1;transform:translateY(0)}
.mignon-votes .mignon-grid.mignon-filtering{opacity:.10;transform:translateY(5px)}
@media (prefers-reduced-motion:reduce){
 .mignon-votes .mignon-grid{transition:none!important;transform:none!important}
}
/* v0.5.0: stato locale del voto e film della settimana */
.mignon-featured-badge{align-self:flex-start;display:inline-block;padding:5px 10px;margin-bottom:10px;background:#f6e5bc;color:#664100;border-radius:50px;font-size:.77rem;font-weight:700}
.mignon-vote-status{font-size:.81rem;color:#48616b;margin:0 0 10px}
.mignon-vote-status:empty{display:none}

/* v0.5.2: scheda del film della settimana, duplicata sopra l'archivio. */
.mignon-week-highlights{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:1.75rem auto 1.8rem}
.mignon-week-highlight{width:min(100%,760px);margin-inline:auto;display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);overflow:hidden;background:#fff;border:1px solid #d7dedf;border-radius:16px;box-shadow:0 8px 26px #00000012;color:#222}
.mignon-week-highlight[hidden]{display:none!important}
.mignon-week-highlight .mignon-week-poster{width:100%;height:100%;min-height:285px;max-height:390px;object-fit:cover;object-position:center;display:block}
.mignon-week-info{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.8rem;padding:clamp(18px,3vw,32px)}
.mignon-week-label{display:inline-block;background:#f6e5bc;color:#664100;font-size:.78rem;font-weight:700;padding:.45rem .8rem;border-radius:30px}
.mignon-week-info h3{margin:0;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.2;overflow-wrap:anywhere}
.mignon-week-info .mignon-select{width:100%;margin-top:.4rem}
.mignon-week-info .mignon-vote-status{margin:0}
@media(max-width:600px){
 .mignon-week-highlight{max-width:440px;grid-template-columns:1fr}
 .mignon-week-highlight .mignon-week-poster{height:220px;min-height:0;max-height:none}
 .mignon-week-info{padding:1.15rem;gap:.65rem;width:100%;box-sizing:border-box}
}

/* v0.5.3 — Palette e impaginazione del Cineforum.
   Un solo punto di riferimento per le tinte usate nell'area votazioni. */
.mignon-votes{
 --mignon-ink:#182534;
 --mignon-petrol:#126793;
 --mignon-petrol-hover:#0d5277;
 --mignon-cream:#fff6e5;
 --mignon-amber:#d99016;
 --mignon-gold-text:#925500;
 --mignon-line:#e8d2a8;
 --mignon-card:#ffffff;
 --mignon-soft:#edf2f5;
 color:var(--mignon-ink);
}
.mignon-votes .mignon-select,
.mignon-votes .mignon-panel #mignon-send{background:var(--mignon-petrol);color:#fff}
.mignon-votes .mignon-select:hover,
.mignon-votes .mignon-panel #mignon-send:not(:disabled):hover{background:var(--mignon-petrol-hover)}
.mignon-votes .mignon-film{background:var(--mignon-card)}
.mignon-votes .mignon-week-highlights{
 width:100%;max-width:100%;box-sizing:border-box;
 background:linear-gradient(150deg,#fffaf1,var(--mignon-cream));
 border:1.5px solid var(--mignon-amber);
 border-radius:15px;
 box-shadow:0 7px 22px #58390013;
 padding:clamp(15px,2.4vw,30px);
 margin:1.25rem auto 2rem;
 gap:1rem;
}
.mignon-votes .mignon-week-section-heading{
 display:flex;align-items:center;justify-content:center;gap:.5rem;
 color:var(--mignon-gold-text);font-weight:800;
 font-size:clamp(.92rem,1.6vw,1.17rem);letter-spacing:.03em;
 text-align:center;
}
.mignon-votes .mignon-week-highlight{
 width:min(100%,410px);max-width:100%;
 display:flex;flex-direction:column;
 border-radius:12px;overflow:hidden;
 border:1px solid var(--mignon-line);
 background:var(--mignon-card);
 box-shadow:0 3px 12px #35221113;
}
.mignon-votes .mignon-week-highlight .mignon-week-poster{
 width:100%;height:auto;min-height:0;max-height:none;
 aspect-ratio:16/10;object-fit:cover;object-position:center;
}
.mignon-votes .mignon-week-info{
 width:100%;box-sizing:border-box;display:flex;align-items:center;
 text-align:center;justify-content:center;gap:.55rem;
 padding:1rem 1.1rem 1.15rem;
}
.mignon-votes .mignon-week-info h3{
 font-size:clamp(1.15rem,2vw,1.38rem);line-height:1.25;margin:0;
}
.mignon-votes .mignon-week-info .mignon-week-label{display:none}
.mignon-votes .mignon-week-info .mignon-select{max-width:280px;margin:.2rem auto 0}
.mignon-votes .mignon-featured-badge{background:var(--mignon-cream);color:var(--mignon-gold-text)}
@media (max-width:767px){
 .mignon-votes .mignon-controls{gap:.65rem;align-items:stretch}
 .mignon-votes .mignon-controls label{flex:1 1 145px;min-width:0}
 .mignon-votes .mignon-controls input,
 .mignon-votes .mignon-controls select{width:100%;min-width:0;box-sizing:border-box}
 .mignon-votes .mignon-week-highlights{padding:14px 12px 18px}
 .mignon-votes .mignon-week-highlight{width:100%;max-width:440px}
 .mignon-votes .mignon-week-highlight .mignon-week-poster{aspect-ratio:16/9;height:auto;min-height:0}
 .mignon-votes .mignon-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .mignon-votes .mignon-grid .mignon-film{
  display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);
  align-items:stretch;min-height:112px;overflow:hidden;
 }
 .mignon-votes .mignon-grid .mignon-film>img{
  width:100%;height:100%;aspect-ratio:auto;min-height:0;max-height:none;
  object-fit:cover;object-position:center;
 }
 .mignon-votes .mignon-grid .mignon-film>div{
  min-width:0;padding:10px 11px;display:flex;flex-direction:column;
  justify-content:center;align-items:stretch;gap:5px;
 }
 .mignon-votes .mignon-grid .mignon-film h3{
  font-size:clamp(.88rem,3.3vw,1.05rem);line-height:1.22;margin:0 0 3px;
 }
 .mignon-votes .mignon-grid .mignon-film .mignon-select{
  font-size:clamp(.72rem,3.1vw,.91rem);line-height:1.2;
  padding:.65rem .4rem;letter-spacing:0;margin-top:3px;
 }
 .mignon-votes .mignon-grid .mignon-film .mignon-featured-badge{
  font-size:.64rem;margin:0;padding:3px 6px;align-self:flex-start;
 }
 .mignon-votes .mignon-grid .mignon-film .mignon-vote-status{font-size:.72rem;margin:0}
 .mignon-votes .mignon-grid .mignon-film .mignon-not-yet{font-size:.73rem;margin:0;padding:6px}
}
@media (max-width:350px){
 .mignon-votes .mignon-grid .mignon-film{grid-template-columns:35% minmax(0,1fr)}
 .mignon-votes .mignon-grid .mignon-film>div{padding:8px}
}

/* v0.5.4: copertine mobile compatte senza stretching verticale.
   Altezza della scheda decisa dal contenuto; copertina sempre 16:10. */
@media (max-width:767px){
 .mignon-votes .mignon-grid .mignon-film{
  grid-template-columns:minmax(0,40%) minmax(0,1fr);
  grid-template-rows:auto;
  align-items:center;
  min-height:0;
  height:auto;
 }
 .mignon-votes .mignon-grid .mignon-film > img{
  display:block;
  width:100%;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:16/10 !important;
  object-fit:cover;
  object-position:center;
  align-self:center;
 }
 .mignon-votes .mignon-grid .mignon-film > div{
  min-height:0;
  height:auto;
  padding:12px;
  justify-content:center;
 }
}
/* La sezione in evidenza non deve apparire nelle stagioni storiche. */
.mignon-votes .mignon-week-highlights[hidden]{display:none!important}
.mignon-votes .mignon-week-highlights:not(:has(.mignon-week-highlight:not([hidden]))){display:none!important}