/* ===== ARCHIVES LIGHTBOX CSS (page-only) ===== */
    .gallery{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:14px;
    }
    @media (max-width: 900px){ .gallery{ grid-template-columns:repeat(2,1fr);} }
    .thumb{
      width:100%;
      aspect-ratio:1/1;
      object-fit:cover;
      border-radius:16px;
      opacity:.92;
      cursor:pointer;
      transition:.2s;
      display:block;
    }
    .thumb:hover{ opacity:1; transform:scale(1.01); }

    .thumb.video{
      position:relative;
      background-size:cover;
      background-position:center;
      border-radius:16px;
      opacity:.92;
      cursor:pointer;
      transition:.2s;
    }
    .thumb.video:hover{ opacity:1; transform:scale(1.01); }
    .play-icon{
      position:absolute;
      inset:0;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:42px;
      color:white;
      text-shadow:0 0 20px rgba(0,0,0,.8);
      opacity:.9;
      user-select:none;
    }

    .lightbox{
      position:fixed;
      inset:0;
      display:none;
      align-items:center;
      justify-content:center;
      background:rgba(0,0,0,.92);
      z-index:999999;
    }
    .lightbox.open{ display:flex; }

    .lb-img, .lb-video{
      max-width:min(92vw, 1100px);
      max-height:82vh;
      border-radius:18px;
      object-fit:contain;
      display:none;
      box-shadow:0 0 40px rgba(0,0,0,.6);
    }
    .lb-img.show, .lb-video.show{ display:block; }

    .lb-close{
      position:absolute;
      top:18px;
      right:18px;
      background:transparent;
      border:1px solid rgba(255,255,255,.25);
      color:white;
      border-radius:12px;
      padding:10px 12px;
      cursor:pointer;
      opacity:.85;
    }
    .lb-nav{
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      background:rgba(0,0,0,.4);
      border:1px solid rgba(255,255,255,.15);
      color:white;
      font-size:40px;
      line-height:40px;
      width:54px;
      height:54px;
      border-radius:16px;
      cursor:pointer;
      opacity:.85;
    }
    .lb-prev{ left:18px; }
    .lb-next{ right:18px; }

    .lb-bar{
      position:absolute;
      bottom:18px;
      left:50%;
      transform:translateX(-50%);
      display:flex;
      gap:10px;
      align-items:center;
      padding:10px 12px;
      border-radius:16px;
      background:rgba(0,0,0,.55);
      border:1px solid rgba(255,255,255,.12);
    }
    .lb-btn{
      background:transparent;
      border:1px solid rgba(255,0,0,.6);
      color:white;
      padding:8px 10px;
      border-radius:12px;
      font-family:monospace;
      cursor:pointer;
      text-decoration:none;
    }
    .lb-btn:hover{ background:red; color:black; }
    .lb-counter{ font-family:monospace; font-size:12px; opacity:.85; padding-right:6px; }

/* ===== ARCHIVES FINAL FIXES ===== */

/* make lb-bar bottom-right (não bater no X) */
#lightbox .lb-bar{
  left:auto;
  transform:none;
  right:18px;
  bottom:18px;
  background:rgba(0,0,0,.78);
  border:1px solid rgba(255,0,0,.35);
}

/* guarantee close button always above bar */
#lightbox .lb-close{
  z-index:1000001;
}

/* toast notification (copiado / download) */
.toast{
  position:fixed;
  top:18px;
  right:18px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(0,0,0,.85);
  border:1px solid rgba(255,0,0,.45);
  color:#fff;
  font-family:monospace;
  font-size:14px;
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease;
  z-index:1000002;
}
.toast.show{ opacity:1; }

/* show classes for media */
.lb-img.show, .lb-video.show{ display:block; }

/* === FIX: snow canvas + stop broken background url fetch === */
#snow{
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 1;
}
.overlay{ z-index: 2; }

/* Prevent missing /336999/assets/imgs requests from legacy CSS */
body, .overlay, header, main, .section{
  background-image: none !important;
}

/* se tiver um canvas (neve) por cima, ele não pode capturar cliques */
#snow, canvas {
  pointer-events: none !important;
}

/* se algum overlay estiver cobrindo a página, não pode travar clique */
.overlay, .archive, .bg-overlay, .grain, .noise, .fx-layer {
  pointer-events: none !important;
}

/* garante que o lightbox só bloqueia clique quando estiver aberto */
.lightbox { pointer-events: none; }
.lightbox.open { pointer-events: auto; }

/* garante que o NAV e botões ficam clicáveis */
header, nav, .navbtn, a, button {
  position: relative;
  z-index: 10;
}

/* overlay NÃO pode bloquear cliques no archives */
.overlay {
  pointer-events: none !important;
}

body.archives-page .overlay,
body.archives-page .overlay::before,
body.archives-page .overlay::after {
  display: none !important;
  pointer-events: none !important;
}

/* garante clique em tudo */
body.archives-page * {
  pointer-events: auto;
}

/* ARCHIVES UI OVERRIDES */
body #lightbox .lb-close{
  position:absolute !important;
  top:18px !important;
  right:18px !important;
  z-index:1000003 !important;
}

/* action bar under media, centered */
body #lightbox .lb-bar{
  position:absolute !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  bottom:18px !important;
  top:auto !important;
  right:auto !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;

  padding:12px 16px !important;
  border-radius:18px !important;
  background:rgba(0,0,0,.80) !important;
  backdrop-filter:blur(6px) !important;

  z-index:1000002 !important;
}

/* keep nav arrows above media but below close */
body #lightbox .lb-nav{
  z-index:1000002 !important;
}

/* toast: top-right, left of X (won't overlap) */
body #toast,
body .toast{
  position:fixed !important;
  top:18px !important;
  right:78px !important; /* space for X */
  left:auto !important;
  bottom:auto !important;

  padding:12px 14px !important;
  border-radius:16px !important;
  background:rgba(0,0,0,.88) !important;
  border:1px solid rgba(255,0,0,.45) !important;

  z-index:1000004 !important;
}

/* make sure overlay never blocks clicks */
body .overlay{
  pointer-events:none !important;
}