/* ============================================================================
   Locked-pack screen — web/pack.php, rendered when a pack is inaccessible
   (sold out, per-user limit reached, not-yet-available, access-restricted).
   Dark / immersive register, matching pack-gallery.css and pack-open.css.
   Year-agnostic (no per-year file needed). Only linked when a pack is locked.
   ============================================================================ */

/* ---- Design tokens (mirrors pack-gallery.css; hardcoded to avoid a
   cross-file build dependency, same rationale as pack-open.less) --------- */
:root {
  --pl-dark-1:  #2f2e32;
  --pl-dark-2:  #18171b;
  --pl-dark-3:  #010104;
  --pl-yellow:  #ffd203;
  --pl-text:    #cfd0d4;
}

/* Override the global section.container white-card rule from essential.css,
   the same technique pack-gallery.css uses for #packs. */
#pack.pack-locked-page section#content.container {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

#pack.pack-locked-page .pack-unavailable {
  background: linear-gradient(180deg, var(--pl-dark-1), var(--pl-dark-2));
  border-radius: 14px;
  padding: 56px 24px !important;
  color: var(--pl-text);
}

#pack.pack-locked-page .pack-unavailable h3 {
  color: #fff;
}

#pack.pack-locked-page .pack-unavailable .text-muted {
  color: var(--pl-text) !important;
}

#pack.pack-locked-page .pack-unavailable .btn-primary {
  background: var(--pl-yellow);
  border-color: var(--pl-yellow);
  color: #1a1a1a;
  font-weight: 600;
}

#pack.pack-locked-page .pack-unavailable .btn-primary:hover,
#pack.pack-locked-page .pack-unavailable .btn-primary:focus {
  background: #ffe14d;
  border-color: #ffe14d;
  color: #1a1a1a;
}

#pack.pack-locked-page .pack-unavailable .pack-countdown {
  color: var(--pl-yellow);
  font-weight: 600;
  font-size: 1.15rem;
  letter-spacing: .01em;
}