/* ============================================
   ASSASSIN'S CREED: PALAPA — Page-specific styles
   Layered on top of style.css + theme file
   ============================================ */

/* ─── Countdown ──────────────────────────────── */
#countdown{padding:4rem clamp(1.2rem,4vw,3rem) 5rem;text-align:center}
.countdown-grid{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;max-width:720px;margin:0 auto}
.cd-box{min-width:108px;padding:1.3rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-bottom:3px solid var(--accent)}
.cd-num{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(1.8rem,4vw,2.5rem);color:var(--accent)}
.cd-label{font-size:.78rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-top:.4rem;font-weight:600}
.countdown-date{margin-top:1.5rem;color:var(--text-secondary);font-size:.95rem}
.countdown-date strong{color:var(--accent-bright)}

/* ─── Concept trailer ─────────────────────────── */
.trailer-frame{
  position:relative;max-width:900px;margin:0 auto;overflow:hidden;
  aspect-ratio:16/9;cursor:pointer;
  background:linear-gradient(135deg,#0C0805,#6B5222 45%,#B8933F 78%,#7A1F1F);
  border:1px solid var(--border);
}
.trailer-play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:80px;height:80px;border-radius:50%;
  background:rgba(0,0,0,.4);
  border:2px solid #fff;
  display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;color:#fff;
  transition:background .2s;
}
.trailer-frame:hover .trailer-play{background:var(--accent);border-color:var(--accent)}
.trailer-caption{
  position:absolute;left:1.5rem;bottom:1.2rem;
  font-family:'Barlow',sans-serif;font-weight:700;font-size:.85rem;
  letter-spacing:1.5px;text-transform:uppercase;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.7);
}

/* ─── Gallery ──────────────────────────────────── */
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;max-width:1100px;margin:0 auto}
.gallery-item{
  position:relative;aspect-ratio:4/3;overflow:hidden;
  border:1px solid var(--border);
  display:flex;align-items:flex-end;padding:1rem;
  background-size:cover;background-position:center;
}
.gallery-item span{position:relative;z-index:2;color:#fff;font-family:'Barlow',sans-serif;font-weight:600;font-size:.88rem;text-shadow:0 2px 6px rgba(0,0,0,.8)}
.gallery-item::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.7) 100%)}
.gallery-credits{text-align:center;font-size:.78rem;color:var(--text-muted);max-width:900px;margin:1.6rem auto 0;line-height:1.7}

/* ─── Platforms ────────────────────────────────── */
.platform-row{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;max-width:800px;margin:0 auto}
.platform-badge{
  display:flex;align-items:center;gap:.7rem;
  padding:1rem 1.6rem;
  background:var(--bg-card);border:1px solid var(--border);
  font-family:'Barlow',sans-serif;font-weight:600;font-size:.95rem;color:var(--text-primary);
}
.platform-badge .p-icon{font-size:1.3rem}
.platform-badge.tba{opacity:.6;font-style:italic}

/* ─── Leaks (Leak Credibility Meter) ──────────── */
.editions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;max-width:1050px;margin:0 auto}
.edition-card{padding:2rem;text-align:center;background:var(--bg-card);border:1px solid var(--border);border-top:3px solid transparent}
.edition-card.featured{border-top-color:var(--accent)}
.edition-tag{display:inline-block;font-family:'Barlow',sans-serif;font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-bright);margin-bottom:.6rem;font-weight:700}
.edition-name{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.25rem;margin-bottom:.6rem;color:var(--text-primary);text-transform:uppercase}
.edition-price{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.7rem;color:var(--accent);margin-bottom:1rem}
.edition-price small{font-family:'Barlow',sans-serif;font-size:.8rem;color:var(--text-muted);font-weight:500;text-transform:none}
.edition-features{list-style:none;text-align:left;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.55rem}
.edition-features li{font-size:.92rem;color:var(--text-secondary);display:flex;gap:.55rem}
.edition-features li::before{content:'✓';color:var(--accent-bright);font-weight:700}
.edition-btn{
  width:100%;padding:.75rem;border:1px solid var(--border);
  background:transparent;color:var(--text-primary);font-weight:700;cursor:pointer;
  font-family:'Barlow',sans-serif;transition:all .2s;
}
.edition-card.featured .edition-btn{background:var(--accent);color:var(--bg-body);border-color:transparent}
.edition-btn:hover{border-color:var(--accent);color:var(--accent)}

/* ─── Fan disclaimer ───────────────────────────── */
.fan-disclaimer{
  text-align:center;font-size:.8rem;color:var(--text-muted);
  padding:1.2rem clamp(1.2rem,4vw,3rem);
  border-top:1px solid var(--border);
}

@media(max-width:520px){
  .cd-box{min-width:76px;padding:1rem .6rem}
  .trailer-play{width:60px;height:60px;font-size:1.1rem}
}