/* ==========================================================================
   PLAYERS BOOTHS — the layer on top of the All Stars design (28 October 2026)
   The homepage loads home.css + this file; booth pages load product.css +
   location.css + this file. Everything here is either a home.css component
   copied for the booth pages (package cards) or something only Players has
   (the "only at Players" notice and the four-booth price menu).
   ========================================================================== */

/* The "only at Players" notice: one recipe for every page */
.pb-notice {
  display: flex; gap: .9rem; align-items: flex-start;
  max-width: 60rem; margin: 0 auto; padding: 1.1rem 1.4rem;
  background: rgba(212,175,55,.08); border: 1px solid rgba(212,175,55,.35);
  border-radius: 1.1rem; color: #F5F2EC; font-size: .95rem; line-height: 1.6;
}
.pb-notice svg { flex: none; width: 22px; height: 22px; margin-top: .15rem; color: #F0D060; }
.pb-notice strong { color: #F0D060; font-weight: 600; }
.pb-notice a { color: #F0D060; text-decoration: underline; text-underline-offset: 3px; }
.pb-notice-band { background: #0B0B0D; padding: clamp(1.6rem, 4vh, 2.4rem) clamp(1.25rem, 5vw, 5.5rem) 0; }
.post-content .pb-notice { margin: 2rem 0; }

/* Price menu on the homepage: four booths, two by two */
.pkg-cards--menu { grid-template-columns: repeat(2, 1fr); }
.pkg-cards--menu .pkg-feat li { display: flex; justify-content: space-between; gap: 1rem; }
.pkg-cards--menu .pkg-feat li b { font-family: var(--font-display); font-weight: 600; color: var(--gold-light); white-space: nowrap; }
.pkg-card--popular.pkg-card .pkg-feat li b { color: #0B0B0D; }
.pkg-note { font-size: .8rem; color: var(--text-60); margin-top: -.6rem; margin-bottom: 1.2rem; }
.pkg-card--popular .pkg-note { color: rgba(11,11,13,.78); }
@media (max-width: 1023px) { .pkg-cards--menu { grid-template-columns: 1fr; } }

/* Package cards on the booth pages (copied from home.css §8 so product pages,
   which do not load home.css, get the same component) */
.post-content .pkg-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 1.6rem 0 1rem; }
.post-content .pkg-card {
  position: relative; background: #1A1820; border: 1px solid rgba(255,255,255,.08);
  border-radius: 1.3rem; padding: 1.6rem 1.3rem; display: flex; flex-direction: column;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.post-content .pkg-card:hover { transform: translateY(-4px); border-color: rgba(212,175,55,.3); box-shadow: 0 18px 50px -18px rgba(0,0,0,.55); }
.post-content .pkg-card--popular { background: linear-gradient(135deg, #F0D060, #D4AF37 55%, #B8941E); border-color: transparent; color: #0B0B0D; }
.post-content .pkg-card h3 { font-family: var(--font-display); font-weight: 600; font-size: 1.1rem; margin: 0; color: inherit; }
.post-content .pkg-card--popular h3 { color: #0B0B0D; }
.post-content .pkg-badge {
  position: absolute; top: -.75rem; left: 50%; transform: translateX(-50%); white-space: nowrap;
  font-family: var(--font-display); font-weight: 600; font-size: .64rem; letter-spacing: .1em; text-transform: uppercase;
  background: #0B0B0D; color: #F0D060; padding: .3rem .8rem; border-radius: 9999px; border: 1px solid rgba(212,175,55,.5);
}
.post-content .pkg-now { display: block; font-family: var(--font-display); font-weight: 700; font-size: 2.1rem; letter-spacing: -.02em; line-height: 1; margin-top: .8rem; color: #F5F2EC; }
.post-content .pkg-card--popular .pkg-now { color: #0B0B0D; }
.post-content .pkg-card ul { margin: 1rem 0 0; gap: .45rem; }
.post-content .pkg-card li { font-size: .9rem; line-height: 1.5; padding-left: 1.4rem; }
.post-content .pkg-card--popular li, .post-content .pkg-card--popular li strong { color: rgba(11,11,13,.85); }
.post-content .pkg-card--popular li::before { color: #0B0B0D; }
@media (max-width: 760px) { .post-content .pkg-cards { grid-template-columns: 1fr; gap: 1.4rem; } }

/* The LED add-on is one price, so it gets a single wide card */
.post-content .pkg-cards--single { grid-template-columns: 1fr; max-width: 26rem; }

/* The Players logo is wide and fine-lettered, so it gets more height than the All Stars mark */
.nav-logo-img { height: 58px; }
.nav:not(.nav--on-video) .nav-logo-img { height: 50px; }
.nav-logo img { height: 54px; }
.footer-logo-img { height: 64px; }

/* Touch targets: every tappable control is at least 44px on a phone */
.btn-pill { min-height: 44px; }
.nav-toggle, .menu-toggle { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
@media (min-width: 1024px) { .nav-toggle { display: none; } }
@media (min-width: 769px) { .menu-toggle { display: none; } }