/* ==========================================================================
   Zingster's — shared stylesheet
   Loaded on every page after the Tailwind CDN.
   ========================================================================== */

@layer base {
  html, body {
    margin: 0;
    padding: 0;
    background-color: #FFFCF8;
  }
  body { overscroll-behavior: none; }
  main > :first-child { margin-top: 0 !important; }
  main > :last-child  { margin-bottom: 0 !important; }
}

::-webkit-scrollbar { display: none; }

/* --- Signature helpers ---------------------------------------------------- */

/* Faint halftone dot texture on the cream base */
.texture-bg {
  background-image: radial-gradient(#d1cbbd 1px, transparent 1px);
  background-size: 20px 20px;
}

/* Caution-tape stripe used on the Extra Hot card / warning moments */
.caution-tape {
  background: repeating-linear-gradient(
    45deg,
    #F4B93B,
    #F4B93B 10px,
    #111827 10px,
    #111827 20px
  );
}

.diagonal-cut {
  clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%);
}

/* Neo-brutalist hard shadow — the site's signature button/card treatment */
.hard-shadow {
  box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 1);
  transition: box-shadow .15s ease, transform .15s ease;
}
.hard-shadow:hover {
  box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 1);
  transform: translate(2px, 2px);
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

/* Visible keyboard focus for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 3px solid #E8432A;
  outline-offset: 2px;
}