/* Additions for the WordPress pages (base.css is the prototype's CSS). */

/* compact first screen when the video slider is off */
.hero--plain{background:radial-gradient(120% 160% at 85% 20%,#3a2766 0%,var(--ink) 60%);color:#fff}
.hero__plain{padding-top:44px;padding-bottom:44px}
.hero__plain h1{color:#fff;font-size:clamp(28px,3.4vw,44px);max-width:24ch}
.hero__plain p{margin:12px 0 0;color:#d9d1ea;max-width:62ch;font-size:17px}

/* inner pages */
.page{padding-bottom:56px}
.page__h1{font-size:clamp(28px,3.2vw,40px);margin:0}
.section--tight{padding-top:8px}
.crumbs{padding:18px 0 22px;font-size:14px;color:var(--muted)}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"›";margin-right:6px;color:#b4abc4}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--brand)}
.notice{background:#fff8d6;border:1.5px solid #f0d56a;border-radius:var(--radius);padding:12px 16px;margin:0 0 24px;font-weight:600}
.prose{max-width:760px;font-size:17px;line-height:1.65}
.prose h2{font-size:26px;margin:1.6em 0 .6em}
.prose h3{font-size:20px;margin:1.4em 0 .5em}
.prose a{color:var(--brand)}
.prose img{border-radius:var(--radius)}
.seo-text{margin-top:40px;max-width:820px;color:var(--text);line-height:1.65}
.past-link{margin:32px 0 0}

/* placeholders when a poster/photo is not uploaded yet */
.card__pic--empty{background:linear-gradient(160deg,#3a2766,var(--ink))}
.card__ph,.tour__ph{display:grid;place-items:center;aspect-ratio:355/495;padding:20px;text-align:center;color:#fff;font-weight:800;font-size:20px;line-height:1.2;background:linear-gradient(160deg,#3a2766,var(--ink));border-radius:inherit}
.tour__ph{border-radius:var(--radius)}
.artist__ph{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:linear-gradient(160deg,#3a2766,var(--ink));color:#fff;font-size:56px;font-weight:800;border:4px solid #fff;box-shadow:0 0 0 1px var(--line)}
.artists--grid{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));overflow:visible}

/* event page */
.ev{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:44px;align-items:start}
.ev__pic img{width:100%;height:auto;border-radius:var(--radius);box-shadow:0 24px 50px -24px rgba(34,22,58,.5)}
.ev__ph{border-radius:var(--radius)}
.ev__lead{margin:14px 0 0;font-size:18px;color:var(--muted);max-width:60ch}
.ev__facts{margin:26px 0 0;display:grid;gap:0;border-top:1px solid var(--line)}
.ev__facts div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.ev__facts dt{color:var(--muted);font-weight:600}
.ev__facts dd{margin:0;font-weight:700;color:var(--ink)}
.ev__facts dd a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.ev__facts dd span{display:block;font-weight:500;color:var(--muted);font-size:15px}
.ev__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.ev__actions .btn{min-height:52px;padding:12px 28px;font-size:16px}
.btn--ink{color:var(--ink)}
.ev__tour{margin:22px 0 0;color:var(--muted)}
.ev__content{margin-top:44px}

/* tour page */
.tour--page{margin-top:4px}
.tour--page .page__h1{margin:6px 0 0}
.stop__city a{color:inherit;text-decoration:none}
.stop__city a:hover{color:var(--brand)}
.stop--past{opacity:.55}
.stop__done{font-weight:700;color:var(--muted);font-size:14px}

/* artist page */
.artist-page{display:grid;grid-template-columns:200px minmax(0,1fr);gap:36px;align-items:start}
.artist-page__img{border-radius:50%;width:200px;height:200px;object-fit:cover}
.artist-page .prose{margin-top:16px}

/* generic posts */
.posts{display:grid;gap:28px;margin-top:24px}
.post-item h2{font-size:24px}
.post-item h2 a{text-decoration:none}
.post-item__date{color:var(--muted);margin:6px 0 10px}

/* city list links on archive pages navigate (no in-place filtering) */
.afisha-tools .chip--range{text-decoration:none}

@media (max-width:860px){
  .ev{grid-template-columns:1fr;gap:24px}
  .ev__pic{max-width:300px}
  .artist-page{grid-template-columns:1fr;gap:16px}
  .artist-page__img{width:140px;height:140px}
}
@media (max-width:600px){
  .ev__facts div{grid-template-columns:90px minmax(0,1fr)}
  .ev__actions .btn{flex:1 1 100%}
}