/* =============================================================
   NATIVE THUNDER — EVENT POP-UP (temporary, "Start the Season with a Bang", thru Aug 8 2026)
   Self-contained. Loaded ONLY on index.html, alongside event.js.
   TO REMOVE Aug 9: delete the event.css <link> + event.js <script> from index.html,
   delete these two files + assets/img/event-start-season-bang.jpg, redeploy.
   specials.js is untouched, so the normal Specials pop-up returns automatically.
   ============================================================= */
.nt-event{
  position:fixed; inset:0; z-index:1000; display:none;
  align-items:center; justify-content:center; padding:clamp(1rem,4vw,2.5rem);
  background:rgba(4,4,3,.86); backdrop-filter:blur(3px);
  opacity:0; transition:opacity .28s ease;
}
.nt-event.open{ display:flex; opacity:1; }
.nt-event__card{
  position:relative; width:100%; max-width:520px; min-width:0;
  max-height:92vh; display:flex; flex-direction:column;
  transform:translateY(10px) scale(.99); transition:transform .3s cubic-bezier(.2,.7,.2,1);
}
.nt-event.open .nt-event__card{ transform:none; }
.nt-event__link{ display:block; line-height:0; border:1px solid rgba(201,163,106,.45); }
.nt-event__img{
  display:block; width:100%; max-width:100%; height:auto; max-height:78vh; object-fit:contain;
  background:#0a0a0a;
}
.nt-event__cta{
  display:flex; align-items:center; justify-content:center; gap:.5rem;
  background:#c9a36a; color:#0a0a0a; text-decoration:none;
  font-family:"Oswald",sans-serif; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  font-size:clamp(.82rem,2.6vw,.95rem); padding:.85rem 1rem; border:1px solid #c9a36a;
}
.nt-event__cta:hover{ background:#dcb86a; }
.nt-event__cta svg{ width:15px; height:15px; }
.nt-event__close{
  position:absolute; top:-14px; right:-14px; width:38px; height:38px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  background:#0a0a0a; color:#f4efe4; border:1px solid rgba(201,163,106,.6);
  font-size:1.5rem; line-height:1; box-shadow:0 4px 18px rgba(0,0,0,.5);
}
.nt-event__close:hover{ color:#c9a36a; border-color:#c9a36a; }
@media (max-width:560px){
  .nt-event__close{ top:-10px; right:-8px; width:34px; height:34px; }
  .nt-event__img{ max-height:70vh; }
}