/*
Theme Name: Cover 6 — Red Mockup
Author: Cover 6
Description: Custom one-page band theme matching the approved Cover 6 black, white and deep-red mockup.
Version: 2.0.0
License: GPL-2.0-or-later
Text Domain: cover6
*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Rye&display=swap');

:root{
 --bg:#050505;--black:#000;--panel:#0b0b0b;--panel2:#111;
 --white:#f4f2ed;--muted:#c9c7c2;--red:#8b0f16;--red2:#b3131d;
 --line:#3a1518;--max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.site-header{position:sticky;top:0;z-index:999;background:rgba(0,0,0,.96);border-bottom:1px solid #1d1d1d}
.header-inner{height:86px;max-width:var(--max);margin:auto;padding:10px 28px;display:flex;align-items:center;gap:30px}
.site-branding{flex:0 0 auto}.cover6-default-logo,.custom-logo{display:block;max-height:64px;width:auto}
.main-nav{margin-left:auto}.main-nav ul{display:flex;align-items:center;gap:34px;list-style:none;padding:0;margin:0}
.main-nav a{font-family:Oswald,Arial,sans-serif;text-transform:uppercase;letter-spacing:2px;font-size:14px;font-weight:500}
.main-nav a:hover,.main-nav .current-menu-item a{color:var(--red2)}
.social-links{display:flex;gap:17px;margin-left:14px;font-family:Arial,sans-serif;font-weight:800}
.social-links a{width:26px;height:26px;border:1px solid transparent;border-radius:50%;display:grid;place-items:center;font-size:14px}
.social-links a:hover{border-color:var(--red2);color:var(--red2)}
.menu-toggle{display:none;margin-left:auto;background:transparent;border:1px solid #444;color:#fff;padding:8px 11px;font-family:Oswald,sans-serif;letter-spacing:1px}

.hero{min-height:570px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center;text-align:center}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.15) 50%,rgba(0,0,0,.48)),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.65))}
.hero-content{position:relative;z-index:1;padding:70px 22px 55px;max-width:1050px}
.hero-wordmark{display:block;width:min(820px,88vw);height:auto;margin:0 auto;filter:drop-shadow(2px 3px 1px rgba(0,0,0,.72))}
.hero-tagline{font-family:Oswald,Arial,sans-serif;text-transform:uppercase;letter-spacing:5px;font-size:clamp(15px,2vw,23px);font-weight:500;margin-top:26px}
.hero-tagline:before,.hero-tagline:after{content:"★";color:var(--red2);margin:0 22px;font-size:.72em}
.btn{display:inline-block;margin-top:25px;padding:12px 30px;border:1px solid var(--red2);background:rgba(0,0,0,.35);color:#fff;text-transform:uppercase;font-family:Oswald,Arial,sans-serif;letter-spacing:2px;font-weight:600;transition:.2s}
.btn:hover{background:var(--red2);border-color:var(--red2)}
.section{padding:62px 26px}.section-inner{max-width:var(--max);margin:auto}
.section-title{font-family:Rye,Georgia,serif;text-transform:uppercase;text-align:center;font-size:clamp(27px,3vw,42px);line-height:1.15;margin:0 0 30px}
.section-title:after{content:"";display:block;width:92px;height:2px;background:var(--red2);margin:14px auto 0}
.about{background:var(--panel)}
.about-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:58px;align-items:center}
.about-image{min-height:390px;background:center/cover no-repeat;filter:grayscale(1) contrast(1.12)}
.about-copy .section-title{text-align:left;margin-bottom:20px}.about-copy .section-title:after{margin-left:0}
.about-copy p{color:var(--muted);font-size:17px;max-width:570px}
.shows{background:var(--panel2);border-top:1px solid #191919;border-bottom:1px solid #191919}
.show-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #333;border-bottom:1px solid #333}
.show{padding:28px 25px;border-right:1px solid #333;min-height:245px}.show:last-child{border-right:0}
.show-date{font-family:Oswald,sans-serif;color:var(--red2);font-size:16px;letter-spacing:2px;font-weight:700}
.show-day{font-family:Oswald,sans-serif;font-size:54px;line-height:.9;font-weight:700}
.show-venue{font-weight:700;font-size:18px;margin-top:15px}.show-location,.show-time{color:var(--muted);font-size:14px}
.music-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px;align-items:center}
.music-copy .section-title{text-align:left}.music-copy .section-title:after{margin-left:0}
.music-copy p{color:var(--muted);font-size:17px}.video-placeholder{aspect-ratio:16/9;background-size:cover;background-position:center;display:grid;place-items:center;border:1px solid #2b2b2b;position:relative}
.video-placeholder:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.15)}
.play{position:relative;z-index:1;width:78px;height:78px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:27px;padding-left:4px;background:rgba(0,0,0,.3)}
.booking{background:linear-gradient(rgba(0,0,0,.74),rgba(0,0,0,.82)),url('assets/hero.jpg') center/cover}
.booking-inner{text-align:center;max-width:850px;margin:auto}.booking-kicker{font-family:Oswald,sans-serif;color:var(--red2);text-transform:uppercase;letter-spacing:4px;font-size:18px}.booking h2{font-family:Rye,Georgia,serif;font-size:clamp(42px,6vw,70px);margin:5px 0 10px}.booking p{font-family:Oswald,sans-serif;letter-spacing:1px}
.contact{background:var(--panel)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px}.contact-copy p{color:var(--muted)}.contact-details{margin-top:28px}.contact-details strong{color:#fff}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-form .full{grid-column:1/-1}
.contact-form input,.contact-form textarea{width:100%;background:#080808;border:1px solid #3c3c3c;color:#fff;padding:13px 14px}.contact-form textarea{min-height:145px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--red2)}
.contact-form .btn{cursor:pointer}.form-notice{grid-column:1/-1;padding:12px 15px;background:#12090a;border-left:3px solid var(--red2);color:#ddd}
.site-footer{border-top:1px solid var(--line);text-align:center;padding:25px 20px;color:#999;font:13px Oswald,Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:980px){
 .header-inner{height:74px;padding:8px 18px}.main-nav{display:none;position:absolute;left:0;right:0;top:74px;background:#050505;border-bottom:1px solid #333}.main-nav.open{display:block}.main-nav ul{display:block}.main-nav li{border-top:1px solid #222}.main-nav a{display:block;padding:15px 20px}.menu-toggle{display:block}.social-links{display:none}
 .hero{min-height:520px}.about-grid,.music-grid,.contact-grid{grid-template-columns:1fr}.about-image{min-height:330px}.show-grid{grid-template-columns:1fr 1fr}.show:nth-child(2){border-right:0}.show:nth-child(n+3){border-top:1px solid #333}.show:nth-child(3){border-right:1px solid #333}
}
@media(max-width:580px){
 .section{padding:48px 17px}.hero{min-height:500px}.hero-title{font-size:60px}.hero-tagline{letter-spacing:2px}.hero-tagline:before,.hero-tagline:after{margin:0 9px}.show-grid{grid-template-columns:1fr}.show{border-right:0!important;border-top:1px solid #333}.show:first-child{border-top:0}.contact-form{grid-template-columns:1fr}.contact-form .full{grid-column:auto}.about-image{min-height:250px}.cover6-default-logo,.custom-logo{max-height:50px}
}

.show-day:empty{display:none}.show-date{white-space:nowrap}

.about-photo{background-size:cover;background-position:center;}

.show-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #333;border-bottom:1px solid #333}
.show{padding:22px 20px;min-height:150px;border-right:1px solid #333;border-bottom:1px solid #333}
.show:nth-child(4n){border-right:0}
.show-date{color:var(--red2);font:700 16px Oswald,Arial,sans-serif;letter-spacing:1px}
.show-venue{font-weight:700;font-size:17px;margin-top:8px}
.show-location{color:var(--muted);font-size:14px}
.booking{background-position:center;background-size:cover}
@media(max-width:900px){
 .show-grid{grid-template-columns:repeat(2,1fr)}
 .show:nth-child(4n){border-right:1px solid #333}
 .show:nth-child(2n){border-right:0}
}
@media(max-width:560px){
 .show-grid{grid-template-columns:1fr}
 .show{border-right:0!important}
}