/* Local accessibility and layout refinements; loaded after the collection shell. */
body.hx { --szurke: #575149; }

/* Separate text gold from decorative gold on pale surfaces. */
.hx .hx-film-csillag { color: #806018; }
.hx .hx-kicker:not(.vilagos) { color: #920c20; }
.hx .hx-lead:not(.vilagos) { color: #575149; }
.hx .hx-jelzo.sarga { color: #765000; }
.hx .hx-jelzo.zold { color: #216331; }
.hx .hx-avatar { background: linear-gradient(135deg, #7c0211, #865a16); color: #fff; }

/* The nested counter span must inherit the number style, not the label style. */
.hx .hx-szamlalo strong > span { font: inherit; color: inherit; letter-spacing: inherit; }
.hx .hx-szamlalo > span,
.hx .hx-hero-minstat div > span,
.hx .hx-hero-alsor,
.hx .hx-gorgeteg,
.hx .hx-velemeny footer span { color: #c7c4c3; }

/* Local backplates protect captions without dimming the portraits. */
.hx .hx-lebeg { background: rgba(20, 20, 28, .94); }
.hx .hx-lebeg span { color: #e2dfdc; }
.hx .hx-film-ev { background: rgba(11, 11, 16, .92); }
.hx .hx-galeria-grid figcaption {
  background: linear-gradient(to bottom, transparent, rgba(11,11,16,.88) 45%, rgba(11,11,16,.94));
}
.hx .hx-galeria-grid a:focus-visible figcaption { opacity: 1; transform: none; }

/* The demo notice occupies its own row instead of squeezing the email field. */
.hx .hx-fanclub-form { flex-wrap: wrap; }
.hx .hx-fanclub-form .collection-form-note { flex: 0 0 100%; margin: 0; color: #fff; }
.hx .hx-fanclub-form input { flex: 1 1 230px; background: #fff; color: #2b2723; }
.hx .hx-fanclub p { color: #fff; }
.hx .hx-urlap input::placeholder,
.hx .hx-urlap textarea::placeholder,
.hx .hx-fanclub-form input::placeholder { color: #61584d; opacity: 1; }
.hx .hx-urlap .form-control:focus { background: #fff; color: #2b2723; }
.hx a:focus-visible, .hx button:focus-visible, .hx input:focus-visible, .hx textarea:focus-visible {
  outline: 2px solid #806018; outline-offset: 4px;
}
.hx .sotet a:focus-visible, .hx .hx-hero a:focus-visible,
.hx .hx-fanclub :focus-visible { outline-color: #f0d98a; }
@media (max-width: 640px) {
  .hx .hx-fanclub-form input { flex: 0 0 auto; width: 100%; }
  .hx .hx-fanclub-form .collection-form-note { flex-basis: auto; }
}