/* BBC Suite — Single Band Template */
.bbc-band-wrapper { background-color:#111111; color:#ffffff; width:100%; }
.bbc-band-container { max-width:1200px; margin:0 auto; padding:0 24px 60px; }

/* ── HERO ──────────────────────────────────────────────────── */
.bbc-band-hero { position:relative; width:100%; min-height:380px; background-color:#1a0000; background-size:cover; background-position:center top; display:flex; align-items:flex-end; overflow:hidden; }
.bbc-band-hero-overlay { position:absolute; inset:0; background:linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.85) 100%); z-index:1; }
.bbc-band-hero-content { position:relative; z-index:2; padding:40px 32px; width:100%; }
.bbc-band-hero-title { font-size:clamp(2.8rem,7vw,5rem); font-weight:700; color:#ffffff !important; text-shadow:2px 2px 16px rgba(0,0,0,0.9); margin:0 0 8px; line-height:1.1; }
.bbc-band-hero-genres { font-size:1rem; color:rgba(255,255,255,0.7) !important; letter-spacing:0.08em; text-transform:uppercase; }

/* ── SECTIONS ──────────────────────────────────────────────── */
.bbc-band-section { padding:40px 0 0; }
.bbc-band-section-title { font-size:1.6rem; font-weight:700; color:#ffffff !important; margin:0 0 24px; padding-bottom:10px; border-bottom:2px solid #cc3333; display:inline-block; }

/* ── DESCRIPTION + IMAGE ROW ───────────────────────────────── */
.bbc-band-desc-row { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; }
.bbc-band-description, .bbc-band-description p { font-size:1.05rem; color:#cccccc !important; line-height:1.8; margin:0 0 1em; }
.bbc-band-desc-image { display:flex; justify-content:center; }
.bbc-band-desc-image-wrap { width:100%; border-radius:8px; overflow:hidden; box-shadow:0 4px 24px rgba(0,0,0,0.6); }
.bbc-band-hero-img { display:block; width:100%; height:auto; }

@media (max-width:900px) {
    .bbc-band-desc-row { grid-template-columns:1fr; gap:24px; }
    .bbc-band-desc-image { order:-1; }
    .bbc-band-desc-image-wrap { max-width:480px; margin:0 auto; }
}

/* ── GALLERY ───────────────────────────────────────────────── */
.bbc-band-gallery { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:10px; }
.bbc-band-gallery-item { display:block; border-radius:6px; overflow:hidden; aspect-ratio:1; }
.bbc-band-gallery-img { display:block; width:100%; height:100%; object-fit:cover; transition:transform 0.3s ease, opacity 0.3s ease; }
.bbc-band-gallery-item:hover .bbc-band-gallery-img { transform:scale(1.05); opacity:0.85; }

/* ── SCHEDULE ──────────────────────────────────────────────── */
.bbc-band-schedule { display:flex; flex-direction:column; gap:12px; }
.bbc-band-schedule-item { display:flex; align-items:center; gap:16px; background:#1c1c1c; border:1px solid rgba(255,255,255,0.1); border-radius:8px; overflow:hidden; text-decoration:none; color:#ffffff; transition:border-color 0.2s, background 0.2s; padding-right:20px; }
.bbc-band-schedule-item:hover { border-color:#cc3333; background:#222222; color:#ffffff; text-decoration:none; }
.bbc-band-schedule-thumb { flex:0 0 100px; width:100px; height:80px; overflow:hidden; }
.bbc-band-schedule-thumb img { display:block; width:100%; height:100%; object-fit:cover; }
.bbc-band-schedule-info { flex:1; padding:12px 0; }
.bbc-band-schedule-title { font-size:1.05rem; font-weight:700; color:#ffffff !important; margin-bottom:4px; }
.bbc-band-schedule-date { font-size:0.88rem; color:#cc3333 !important; font-weight:600; margin-bottom:2px; }
.bbc-band-schedule-time { font-size:0.85rem; color:rgba(255,255,255,0.65) !important; }
.bbc-band-schedule-arrow { font-size:1.4rem; color:#cc3333; flex:0 0 auto; }
.bbc-band-no-events { color:rgba(255,255,255,0.5) !important; font-style:italic; font-size:1rem; }

/* ── RESPONSIVE ────────────────────────────────────────────── */
@media (max-width:900px) {
    .bbc-band-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .bbc-band-hero { min-height:280px; }
}
@media (max-width:600px) {
    .bbc-band-container { padding:0 16px 40px; }
    .bbc-band-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .bbc-band-hero-content { padding:24px 16px; }
    .bbc-band-schedule-thumb { flex:0 0 72px; width:72px; height:64px; }
}