/*
Theme Name: Soundtrack Soda Block Theme V3
Theme URI: https://soundtracksodaco.com/
Author: Soundtrack Soda Co.
Description: Editable responsive block theme for Soundtrack Soda Co., styled after the supplied alt/emo venue-inspired mockup.
Version: 0.3.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: soundtrack-soda
*/

:root{
  --ss-black:#060606;--ss-ink:#121212;--ss-cream:#f1ece5;--ss-pink:#ef5ca8;
  --ss-yellow:#f6c52f;--ss-purple:#7b4bd2;--ss-white:#fff;--ss-muted:#c7c0bb;
  --ss-max:1180px;--ss-radius:12px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--ss-black);color:#fff}
a{text-underline-offset:.15em}.wp-site-blocks{overflow:hidden}
.ss-display{font-family:Impact,"Arial Narrow","Franklin Gothic Condensed",sans-serif;text-transform:uppercase;letter-spacing:.01em;line-height:.94}
.ss-kicker{font-size:.77rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ss-script{font-family:"Brush Script MT","Segoe Script",cursive;color:var(--ss-pink);font-weight:400;text-transform:none}

/* Header */
.ss-header{background:#050505;border-bottom:1px solid #202020;position:relative;z-index:50}
.ss-header-inner{max-width:var(--ss-max)!important;margin:auto;padding:14px 24px!important;gap:24px}
.ss-brand{min-width:210px;min-height:74px;display:flex;align-items:center}
.ss-brand:before{content:"";display:block;width:200px;height:78px;background:url('assets/images/logo.png') left center/contain no-repeat}
.ss-brand .wp-block-site-title{display:none}
.ss-nav{font-family:"Arial Narrow",Arial,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.86rem}
.ss-nav a{text-decoration:none}.ss-nav a:hover{color:var(--ss-pink)}
.ss-order .wp-block-button__link{background:transparent!important;color:var(--ss-pink)!important;border:1px solid var(--ss-pink)!important;border-radius:0!important;padding:.7rem 1rem!important}

/* Hero */
.ss-hero{background:#050505;position:relative;overflow:hidden}
.ss-hero-media{margin:0!important;max-width:none!important;width:100%!important}
.ss-hero-media img{display:block;width:100%!important;height:auto!important;max-width:none!important;object-fit:contain!important}
.ss-hero-seo{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.ss-hero-seo h1,.ss-hero-seo p{margin:0!important}
/* Benefit rail */
.ss-benefits{background:#080808;border-top:1px solid #222;border-bottom:1px solid #222}
.ss-benefits .wp-block-columns{max-width:var(--ss-max)!important;margin:auto;padding:12px 24px}
.ss-benefit{min-height:58px;display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid #3a3a3a}
.ss-benefits .wp-block-column:last-child .ss-benefit{border-right:0}
.ss-benefit-icon{font-size:1.8rem;color:var(--ss-pink);margin:0}.ss-benefit:nth-child(even) .ss-benefit-icon{color:var(--ss-yellow)}
.ss-benefit p:last-child{margin:0;text-transform:uppercase;font-size:.78rem;font-weight:700;line-height:1.2}

/* Menu cards */
.ss-light{background:var(--ss-cream);color:#111;padding:52px 24px}
.ss-section-wrap{max-width:var(--ss-max)!important;margin:auto}
.ss-section-top{align-items:flex-end!important;gap:20px}.ss-section-title{font-size:clamp(2rem,4vw,3.5rem);margin:0;position:relative}
.ss-section-title:after{content:"";position:absolute;height:6px;background:var(--ss-yellow);left:28%;right:-2%;bottom:-8px;transform:rotate(-1deg);border-radius:999px}
.ss-explore a{color:var(--ss-pink);text-decoration:none;font-weight:800}
.ss-card-grid{margin-top:30px!important;gap:14px!important}
.ss-card{min-height:285px;border-radius:12px;overflow:hidden;position:relative;background-size:cover!important;background-position:center!important;box-shadow:0 14px 35px rgba(0,0,0,.16)}
.ss-card.sodas{background-image:url('assets/images/soda-card.jpg')}.ss-card.refreshers{background-image:url('assets/images/refresher-card.jpg')}.ss-card.energy{background-image:url('assets/images/energy-card.jpg')}.ss-card.seasonal{background-image:url('assets/images/seasonal-card.jpg')}
.ss-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.35) 100%)}
.ss-card-label{position:absolute;z-index:2;left:14px;right:14px;bottom:14px;background:#050505;color:#fff;padding:14px 10px;text-align:center;transform:rotate(-1deg);font-family:Impact,"Arial Narrow",sans-serif;font-size:1.8rem;text-transform:uppercase;letter-spacing:.02em}
.ss-card-label a{color:#fff;text-decoration:none}.ss-card-note{display:block;color:var(--ss-yellow);font-size:.56rem;letter-spacing:.13em;font-family:Arial,sans-serif;margin-top:3px}

/* Story */
.ss-story{background:#090909;color:#fff;padding:0}.ss-story-inner{max-width:var(--ss-max)!important;margin:auto;gap:0!important}
.ss-story-photo{min-height:390px;background:url('assets/images/lounge.jpg') center/cover no-repeat;position:relative}
.ss-story-photo:after{content:"Good drinks.\A Good music.\A Good people.";white-space:pre;position:absolute;inset:auto 30px 35px 30px;color:var(--ss-pink);font-family:"Brush Script MT",cursive;font-size:2.6rem;line-height:1.05;text-shadow:0 2px 12px #000}
.ss-story-copy{padding:46px!important}.ss-story-copy h2{font-size:3rem;color:var(--ss-pink);margin-top:0}.ss-story-copy p{line-height:1.55}
.ss-story-store{padding:38px!important;display:flex;align-items:center;justify-content:center}.ss-polaroid-shell{background:#fff;padding:12px 12px 42px;transform:rotate(4deg);box-shadow:0 18px 38px rgba(0,0,0,.4);width:min(100%,250px)}
.ss-polaroid-img{height:225px;background:url('assets/images/storefront.jpg') center/cover no-repeat}.ss-polaroid-caption{color:#111;text-align:center;font-family:"Brush Script MT",cursive;font-size:1.55rem;margin-top:9px}

/* Event + newsletter */
.ss-event{background:var(--ss-pink);color:#111;padding:24px}.ss-event-inner{max-width:var(--ss-max)!important;margin:auto;gap:24px!important}.ss-event h2{font-size:2.6rem;margin:0}.ss-date{background:#070707;color:#fff;padding:12px 18px;text-align:center;min-width:95px}.ss-date small{color:var(--ss-pink);font-weight:800;letter-spacing:.1em}.ss-date strong{display:block;font-size:2.3rem;line-height:1}
.ss-btn .wp-block-button__link{border-radius:0!important;background:#080808!important;color:#fff!important;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.ss-newsletter{background:#070707;color:#fff;border-bottom:1px solid #2b2b2b;padding:20px 24px}.ss-news-inner{max-width:var(--ss-max)!important;margin:auto}.ss-newsletter h3{font-size:2rem;margin:0}.ss-newsletter .ss-note{color:#aaa;font-size:.85rem}

/* Footer */
.ss-footer{background:#090909;color:#fff;padding:38px 24px}.ss-footer-inner{max-width:var(--ss-max)!important;margin:auto}.ss-footer h4{color:var(--ss-pink);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.ss-footer a{color:#fff;text-decoration:none}.ss-footer a:hover{color:var(--ss-pink)}.ss-footer-brand{min-height:90px}.ss-footer-brand:before{content:"";display:block;width:170px;height:92px;background:url('assets/images/logo.png') left center/contain no-repeat}.ss-copyright{text-align:center;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#ccc;margin-top:28px}

/* Generic pages */
.ss-page-shell{background:var(--ss-cream);color:#111;min-height:60vh;padding:50px 24px}.ss-page-shell>.wp-block-group{max-width:980px!important;margin:auto}

@media(max-width:900px){
  .ss-header-inner{flex-wrap:wrap}.ss-brand{min-width:165px}.ss-brand:before{width:160px;height:64px}.ss-order{display:none}
  .ss-card-grid{display:grid!important;grid-template-columns:1fr 1fr}.ss-card-grid>.wp-block-column{width:auto!important}.ss-card{min-height:250px}
  .ss-story-inner{display:block!important}.ss-story-photo{min-height:360px}.ss-story-copy{padding:34px 24px!important}.ss-story-store{padding:28px 24px 48px!important}
  .ss-event-inner{flex-wrap:wrap!important}.ss-benefit{border-right:0;border-bottom:1px solid #222}
}
@media(max-width:600px){
  .ss-header-inner{padding:10px 16px!important}.ss-brand:before{width:140px;height:54px}.ss-nav .wp-block-navigation__responsive-container-open{display:flex}.ss-nav .wp-block-navigation__container{display:none}
  .ss-benefits .wp-block-columns{display:grid!important;grid-template-columns:1fr 1fr;padding:6px 16px}.ss-benefit{min-height:56px;border-bottom:1px solid #222}.ss-benefit p:last-child{font-size:.67rem}
  .ss-light{padding:38px 16px}.ss-card-grid{grid-template-columns:1fr 1fr;gap:10px!important}.ss-card{min-height:190px}.ss-card-label{font-size:1.25rem;left:8px;right:8px;bottom:8px;padding:10px 6px}
  .ss-story-photo{min-height:280px}.ss-story-photo:after{font-size:2rem;left:22px;bottom:25px}.ss-story-copy h2{font-size:2.5rem}.ss-event{padding:22px 16px}.ss-event h2{font-size:2.2rem}.ss-footer{padding:32px 16px}
}

/* V3 front-end hardening */
body .wp-site-blocks{padding-top:0;padding-bottom:0}
body .alignfull{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;width:100vw!important;max-width:100vw!important}
body .ss-section-wrap,body .ss-header-inner,body .ss-footer-inner,body .ss-event-inner,body .ss-news-inner{width:min(100% - 32px,var(--ss-max))!important}
body .ss-card{display:block!important}
body .ss-card-label{display:block!important}
body .ss-event{background:var(--ss-pink)!important;color:#111!important}
body .ss-light{background:var(--ss-cream)!important;color:#111!important}
body .ss-display{font-family:Impact,'Arial Narrow','Franklin Gothic Condensed',sans-serif!important;font-stretch:condensed!important}
@media(max-width:600px){
  .ss-hero-media img{width:100%!important;height:auto!important;object-fit:contain!important}
}