/* Remembrance — a clickable poppy in the header (jumps to the memorial) and a
 * fallen-soldier memorial block at the foot of the page (styled by theme.css).
 * Quiet: no motion, no playful effects. */

/* A poppy link resting in the header, centred at the very top. Clicking it jumps
 * down to the memorial (#theme-memorial). */
.theme-head-poppy {
  position: fixed; top: 7px; left: 50%; transform: translateX(-50%);
  width: 34px; height: 34px; z-index: 1003; display: block; cursor: pointer;
  background: url(../img/theme/poppy.svg) center / contain no-repeat;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .3));
}
.theme-head-poppy:hover { transform: translateX(-50%) scale(1.08); }
.theme-head-poppy:focus-visible { outline: 2px solid #c8102e; outline-offset: 3px; border-radius: 50%; }

/* Smooth-scroll the jump, and don't butt the memorial against the top edge */
:root:has(.theme--remembrance) { scroll-behavior: smooth; }
#theme-memorial { scroll-margin-top: 1rem; }

@media (max-width: 640px) {
  .theme-head-poppy { width: 28px; height: 28px; top: 6px; }
  .theme-memorial__img { width: 120px; }
}