/* Halloween figurky – vkládá je halloween.js, jen v termínu */
.hw { pointer-events: none; display: inline-block; line-height: 0; }
.hw svg { display: block; width: 100%; height: 100%; }

/* Logo nahoře */
.halloween .brandbar .znacka { display: flex; align-items: flex-end; gap: 10px; }
.hw-dyne-logo { width: 46px; height: 43px; transform-origin: 50% 100%; animation: hw-kyv 3s ease-in-out 3; }

/* Dýně na rohu formuláře */
.hw-dyne-form { position: absolute; top: -54px; right: 20px; width: 62px; height: 58px;
  transform-origin: 50% 100%; animation: hw-kyv 3s .5s ease-in-out 3; }

/* Svíčka v dýni: otvory mění jas a barvu nepravidelně */
.hw-svetlo { animation: hw-plamen 2.3s linear infinite; filter: drop-shadow(0 0 1.5px #ffb300); }
.hw-dyne-form .hw-svetlo { animation-delay: -.8s; }
.hw-pata .hw-svetlo { animation-delay: -1.5s; }
@keyframes hw-plamen {
  0%   { fill: #ffd34d; opacity: 1; }
  9%   { fill: #ffb52e; opacity: .82; }
  15%  { fill: #ffe066; opacity: 1; }
  31%  { fill: #ffc23d; opacity: .9; }
  38%  { fill: #ff9f1f; opacity: .72; }
  46%  { fill: #ffd34d; opacity: 1; }
  63%  { fill: #ffe36e; opacity: .95; }
  71%  { fill: #ffb52e; opacity: .8; }
  84%  { fill: #ffd84f; opacity: 1; }
  100% { fill: #ffd34d; opacity: 1; }
}

/* Patička */
.hw-pata { display: inline-flex; gap: 8px; align-items: flex-end; height: 40px; margin: 0 0 16px 14px; vertical-align: bottom; }
.hw-pata svg { width: auto; height: 100%; }

/* Tři zhoupnutí, pak dýně stojí rovně a jen svítí */
@keyframes hw-kyv { 0%,100% { transform: rotate(0); } 25% { transform: rotate(-6deg); } 75% { transform: rotate(6deg); } }

@media (max-width: 760px) {
  .hw-dyne-logo { width: 26px; height: 24px; }
  .halloween .brandbar .znacka { gap: 6px; }
  .hw-dyne-form { width: 44px; height: 41px; top: -22px; right: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .hw, .hw * { animation: none !important; }
}