/*
Theme Name: The Originators
Theme URI: https://theoriginators.nl/
Author: The Originators
Description: A white, minimal band homepage with Go Soul lettering and subtle colour accents. Styled inner pages, press-kit downloads and WooCommerce shop.
Version: 2.18
Requires PHP: 7.4
Tags: one-column, custom-menu, e-commerce
Requires at least: 6.0
Text Domain: originators
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif}.site{background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif}.site a,.site a:visited{color:#111;opacity:1}.container{width:min(calc(100% - 48px),1000px);margin:auto}.brand{display:block;width:min(100%,850px);margin:22px auto 14px;text-decoration:none}.band-title{margin:0;line-height:1}.wordmark{display:block;width:100%;height:auto}.main-nav{display:flex;justify-content:center;gap:34px;margin:0;padding:0 0 10px}.main-nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:11px;min-height:44px;display:flex;align-items:center}.main-nav a:hover{text-decoration:underline;text-underline-offset:6px}.hero{display:flex;justify-content:center;margin:0 auto;max-width:710px}.band-photo{width:100%;height:auto;display:block}.actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(100%,800px);gap:10px;margin:10px auto 34px}.action{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:10px;min-height:88px;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.14em;color:#000!important;background:#fff}.icon{width:46px;height:46px;border:2px solid #000;border-radius:50%;display:grid;place-items:center;color:#000}.icon svg{width:22px;height:22px;fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon .filled{fill:#000;stroke:none}.action:hover .icon{outline:2px solid #000;outline-offset:3px}.info-section{padding:32px 0;border-top:1px solid #d8d8d8;scroll-margin-top:18px}.info-section h2{font-size:30px;line-height:1.15;margin:0 0 12px;letter-spacing:-.025em;color:#111}.info-section p{font-size:16px;line-height:1.65;max-width:720px;margin:10px 0;color:#111}.button-link{display:inline-block;padding:12px 18px;border:2px solid #000;background:#fff;color:#000!important;text-decoration:none;font-size:12px;font-weight:700;margin-top:8px;min-height:44px}.button-link:hover{background:#000;color:#fff!important}.album-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}.album-art{display:block;width:100%;height:auto}.eyebrow{text-transform:uppercase;font-size:11px!important;font-weight:700;letter-spacing:.12em}.album-section h2{font-size:32px}.live-label{font-weight:400}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.contact-grid strong{font-size:12px;text-transform:uppercase}.contact-grid a{overflow-wrap:anywhere}.skip-link{position:absolute;top:-100px;left:10px;background:#fff;padding:12px;z-index:9}.skip-link:focus{top:10px}a:focus-visible{outline:3px solid #24737b;outline-offset:5px}.inner-page{padding:32px 0}.entry-content{line-height:1.6}.entry-content img{max-width:100%;height:auto}.band-bio p:first-child{font-weight:500}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:600px){.container{width:calc(100% - 24px)}.brand{margin:18px auto 10px}.main-nav{gap:0;justify-content:space-between;padding:0 4px 4px}.main-nav a{font-size:10px;letter-spacing:.1em}.hero{width:100%;margin:0 auto}.actions{gap:0;margin:10px auto 24px}.action{font-size:10px;letter-spacing:.04em;gap:8px;min-height:76px}.icon{width:40px;height:40px}.icon svg{width:20px;height:20px}.info-section{padding:25px 4px}.info-section p{font-size:15px}.album-layout{grid-template-columns:1fr;gap:18px}.album-art{max-width:460px}.album-section h2{font-size:28px}.contact-grid{grid-template-columns:1fr;gap:8px}}

/* ---------- 2.6: inner pages, footer, shop ---------- */
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.button-row .button-link{margin-top:0}
.bio-heading{font-size:13px;text-transform:uppercase;letter-spacing:.12em;margin:22px 0 4px;color:#111}
.band-bio p:first-child{font-weight:400}
.band-bio + .button-link{margin-top:14px}

/* Header on inner pages */
.site-header{border-bottom:1px solid #d8d8d8;background:#fff}
.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}
.header-brand{display:block;width:230px;flex:0 0 auto}
.header-nav{display:flex;align-items:center;gap:22px}
.header-nav .menu,.footer-nav .menu,.social-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.header-nav .menu{gap:22px}
.header-nav a,.footer-nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:11px;color:#111}
.header-nav .menu a{min-height:44px;display:flex;align-items:center}
.header-nav a:hover,.footer-nav a:hover{text-decoration:underline;text-underline-offset:6px}
.header-nav .current-menu-item>a,.header-nav .current_page_item>a{text-decoration:underline;text-underline-offset:6px}
.cart-link{display:flex;align-items:center;gap:6px;min-height:44px}
.cart-link svg{width:20px;height:20px;fill:none;stroke:#111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cart-link svg .filled{fill:#111}
.cart-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#111;color:#fff;font-size:10px;letter-spacing:0}

/* Page content */
.inner-page{padding:36px 0 48px}
.page-title,.woocommerce-products-header__title{font-size:36px;line-height:1.1;letter-spacing:-.025em;margin:0 0 24px}
.entry-content{font-size:16px;line-height:1.65;max-width:820px}
.entry-content h2{font-size:24px;line-height:1.2;margin:36px 0 10px;padding-top:24px;border-top:1px solid #d8d8d8}
.entry-content h2:first-child{margin-top:0;padding-top:0;border-top:0}
.entry-content h3{font-size:18px;margin:24px 0 8px}
.entry-content a{color:#111;text-underline-offset:3px}
.entry-content img{max-width:100%;height:auto}
.entry-content a img{display:block;max-width:min(100%,360px);transition:opacity .15s}
.entry-content a:hover img{opacity:.8}
.entry-content figure{margin:16px 0}
.entry-content ul,.entry-content ol{padding-left:1.2em}
.entry-content .wp-block-button__link,.entry-content .wp-block-file__button,.entry-content input[type=submit],.entry-content button{display:inline-block;padding:12px 18px;border:2px solid #000;border-radius:0;background:#fff;color:#000;text-decoration:none;font-size:12px;font-weight:700;cursor:pointer}
.entry-content .wp-block-button__link:hover,.entry-content .wp-block-file__button:hover,.entry-content input[type=submit]:hover,.entry-content button:hover{background:#000;color:#fff}
.entry-content .wp-block-file{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0;margin:0;border-bottom:1px solid #e6e6e6}
.entry-content .wp-block-file:not(.wp-element-button){font-size:15px}
.entry-content iframe,.entry-content video{max-width:100%}
.entry-content table{border-collapse:collapse;width:100%}
.entry-content td,.entry-content th{border-bottom:1px solid #e6e6e6;padding:8px;text-align:left}
.entry-content input:not([type=submit]):not([type=checkbox]):not([type=radio]),.entry-content textarea,.entry-content select{width:100%;max-width:520px;padding:10px;border:1px solid #999;font:inherit}

/* Footer */
.site-footer{border-top:1px solid #d8d8d8;margin-top:12px;padding:28px 0 32px}
.footer-inner{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.footer-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#111;font-size:12px;font-weight:700;letter-spacing:.12em}
.record-logo{width:72px;height:72px;object-fit:contain}
.social-links{gap:12px;justify-content:center}
.social-links a{display:block;text-decoration:none}
.social-links .icon{width:44px;height:44px}
.social-links .icon svg{width:20px;height:20px;fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.social-links .icon .filled{fill:#000;stroke:none}
.social-links a:hover .icon{background:#000}
.social-links a:hover .icon svg{stroke:#fff}
.social-links a:hover .icon .filled{fill:#fff}
.footer-nav .menu{gap:8px 22px;justify-content:center}
.copyright{margin:0;font-size:12px;color:#555}

/* WooCommerce: match the black-and-white buttons */
.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce-page .wc-block-components-button{border:2px solid #000!important;border-radius:0!important;background:#fff!important;color:#000!important;font-size:12px!important;font-weight:700!important;padding:12px 18px!important}
.woocommerce .button:hover,.woocommerce button.button:hover,.woocommerce a.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce-page .wc-block-components-button:hover{background:#000!important;color:#fff!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px!important;line-height:1.3;color:#111}
.woocommerce ul.products li.product a{text-decoration:none;color:#111}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:#111!important;font-weight:700}
.woocommerce span.onsale{background:#111!important;border-radius:0!important;min-height:0!important;line-height:1.6!important;padding:4px 8px!important}
.woocommerce .woocommerce-breadcrumb{font-size:12px;letter-spacing:.06em;color:#555}
.woocommerce .woocommerce-breadcrumb a{color:#111}
.woocommerce-message,.woocommerce-info{border-top-color:#111!important}
.woocommerce-message::before,.woocommerce-info::before{color:#111!important}
.woocommerce div.product .product_title{font-size:30px;letter-spacing:-.02em}
.woocommerce .quantity .qty{padding:10px;border:1px solid #999}

@media(max-width:780px){
.site-header-inner{flex-direction:column;gap:6px;padding:14px 0 4px}
.header-brand{width:200px}
.header-nav{gap:14px;flex-wrap:wrap;justify-content:center}
.header-nav .menu{gap:2px 16px;justify-content:center}
.header-nav a{font-size:10px;letter-spacing:.1em}
.page-title,.woocommerce-products-header__title{font-size:28px}
.inner-page{padding:24px 0 36px}
}
@media(max-width:600px){
.record-logo{width:62px;height:62px}
.main-nav a{font-size:9.5px;letter-spacing:.06em}
.button-row .button-link{flex:1 1 auto;text-align:center}
}

/* ---------- 2.8: video, Bandcamp player, photos ---------- */
.video-embed{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden;cursor:pointer}
.video-embed img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92;transition:opacity .15s}
.video-embed:hover img{opacity:1}
.video-embed .play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:#fff;border:2px solid #000;display:grid;place-items:center;transition:transform .15s}
.video-embed:hover .play,.video-embed:focus-visible .play{transform:scale(1.08)}
.video-embed .play svg{width:30px;height:30px;fill:#000;margin-left:4px}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-note{font-size:12px!important;color:#555!important;margin:8px 0 0!important}
.video-note a{color:#111}
.bandcamp-player{margin-top:26px}
.bandcamp-player iframe{display:block;width:100%;height:120px;border:0}
.photos-content .wp-block-gallery{margin:0}
.photos-content .wp-block-gallery,.photos-content .gallery{gap:8px!important}
.photos-content img{display:block;width:100%;height:auto}
.photos-content > p:empty{display:none}
.photos-section .button-row{margin-top:16px}
@media(max-width:600px){
.video-embed .play{width:60px;height:60px;margin:-30px 0 0 -30px}
.main-nav{flex-wrap:wrap;justify-content:center;gap:0 14px}
}

/* ---------- 2.9: gigs ---------- */
.gig-list{list-style:none;margin:0 0 8px;padding:0;max-width:820px}
.gig{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid #e6e6e6}
.gig-date{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.gig-place strong{display:block;font-size:16px}
.gig-city{display:block;font-size:14px;color:#555}
.gig .gig-tickets{margin-top:0}
.past-gigs{margin-top:18px;max-width:820px}
.past-gigs summary{cursor:pointer;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:10px 0;min-height:44px}
.past-gigs .gig{color:#555;padding:9px 0}
.past-gigs .gig-place strong{font-size:15px;font-weight:600}
.bit-wrap{max-width:820px;margin-bottom:8px}
@media(max-width:600px){
.gig{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}
.gig-date{grid-column:1/-1}
}

/* ---------- 2.15: record logo as round button ---------- */
.icon.icon-logo{border:0;overflow:hidden;width:52px;height:52px;margin:-3px 0}
.icon.icon-logo img{display:block;width:100%;height:100%}
.action:hover .icon.icon-logo{outline:none}
.action:hover .icon.icon-logo img,.action:focus-visible .icon.icon-logo img{animation:spin33 1.8s linear infinite}
@keyframes spin33{to{transform:rotate(360deg)}}
@media(max-width:600px){.icon.icon-logo{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.action:hover .icon.icon-logo img{animation:none}}

/* ---------- 2.16/2.17: tagline, line-up and records ---------- */
.tagline{display:flex;align-items:center;justify-content:center;gap:12px;margin:-2px 0 18px;text-align:center;text-wrap:balance}
.tagline-plain,.tagline-dots{font-size:18px;font-weight:400;letter-spacing:.01em;opacity:.85}
.tagline-dots::before,.tagline-dots::after{content:"";flex:0 0 26px;height:6px;background:radial-gradient(circle at 3px 3px,#e7a229 2.6px,transparent 3px),radial-gradient(circle at 13px 3px,#d85835 2.6px,transparent 3px),radial-gradient(circle at 23px 3px,#24737b 2.6px,transparent 3px)}
.tagline-stripes{gap:14px;margin:-4px 0 6px;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.tagline-stripes::before,.tagline-stripes::after{content:"";flex:0 0 26px;height:11px;background:linear-gradient(#e7a229 0 3px,transparent 3px 4px,#d85835 4px 7px,transparent 7px 8px,#24737b 8px 11px);border-radius:2px}
@media(max-width:600px){.tagline-plain,.tagline-dots{font-size:15px;margin-bottom:12px}.tagline-stripes{font-size:11px;letter-spacing:.14em;gap:10px}.tagline-stripes::before,.tagline-stripes::after{flex-basis:18px}}
.more-band{display:grid;gap:4px;margin-top:18px;max-width:720px}
.more{border-top:1px solid #e6e6e6}
.more:last-child{border-bottom:1px solid #e6e6e6}
.more summary{cursor:pointer;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:13px 0;min-height:44px}
.lineup,.records{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:6px}
.lineup{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px 24px}
.lineup li{display:flex;flex-direction:column}
.lineup strong{font-size:15px}
.lineup span{font-size:13px;color:#555}
.records li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:baseline;font-size:15px}
.rec-year{font-size:12px;font-weight:700;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.rec-title a{color:inherit;text-underline-offset:3px}
.rec-format{font-size:13px;color:#555}

/* ---------- 2.18: Bandcamp click-to-play ---------- */
.bc-facade{display:flex;align-items:center;gap:18px;width:100%;min-height:120px;padding:20px 24px;border:2px solid #000;background:#fff;color:#111;text-decoration:none;cursor:pointer}
.bc-facade:hover{background:#111;color:#fff}
.bc-play{flex:0 0 auto;width:56px;height:56px;border-radius:50%;border:2px solid currentColor;display:grid;place-items:center}
.bc-play svg{width:22px;height:22px;fill:currentColor;margin-left:3px}
.bc-text{display:grid;gap:2px}
.bc-text strong{font-size:17px}
.bc-text small{font-size:12px;opacity:.7}