/*
Theme Name: Spektra Modern
Theme URI: https://spektraband.com
Author: Spektra Website Project
Description: Modern dark-background responsive band website with white calendar with booking, calendar and performance sections.
Version: 1.1.0
Requires PHP: 7.4
Text Domain: spektra-modern
*/
:root{--ink:#171b29;--muted:#606675;--accent:#e63973;--blue:#3b67d9;--line:#e9eaf0;--white:#fff}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(1160px,92%);margin:auto}.site-header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:96px;gap:24px}.brand img{max-height:74px;width:auto}.brand-text{font-size:34px;font-weight:900;letter-spacing:3px}.nav{display:flex;align-items:center;gap:26px}.nav a{font-weight:700;font-size:14px}.btn,.nav .menu-item:last-child a{display:inline-block;padding:13px 24px;border-radius:40px;background:var(--accent);color:white;font-weight:800;letter-spacing:.03em}.btn.alt{background:var(--ink)}.btn.outline{background:white;color:var(--ink);border:1px solid var(--line)}.hero{background:linear-gradient(125deg,#fff 45%,#fff3f7 100%);padding:105px 0 95px}.eyebrow{text-transform:uppercase;letter-spacing:3px;color:var(--accent);font-weight:800;font-size:12px}.hero h1{font-size:clamp(48px,6vw,82px);line-height:1.05;letter-spacing:-3px;max-width:850px;margin:18px 0}.hero p{max-width:680px;font-size:20px;color:var(--muted)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.section{padding:90px 0}.section.soft{background:#f8f9fc}.section h2{font-size:clamp(32px,4vw,48px);line-height:1.15;letter-spacing:-1px;margin:8px 0 20px}.intro{font-size:19px;color:var(--muted);max-width:760px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 10px 30px rgba(20,30,60,.035)}.card h3{font-size:23px;margin:8px 0}.card p{color:var(--muted)}.card .date{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--accent);font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature{border-radius:20px;background:linear-gradient(140deg,#f7d3e0,#dfe7ff);min-height:350px;display:flex;align-items:center;justify-content:center;padding:36px;text-align:center}.feature strong{font-size:clamp(34px,5vw,65px);line-height:1.1;letter-spacing:-2px}.quote{font-size:19px;font-style:italic}.quote-by{font-weight:bold;font-size:14px}.cta{background:#f7f8fc;text-align:center;padding:85px 0}.cta p{color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding:36px 0;background:white}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.page-content{padding:65px 0;min-height:55vh}.page-content h1{font-size:48px}.entry-content{max-width:850px}.mobile-toggle{display:none;background:none;border:0;font-size:28px}.wp-block-button__link{background:var(--accent)}input,textarea,select{max-width:100%;padding:13px;border:1px solid #ccd0da;border-radius:8px}button,input[type=submit]{cursor:pointer} @media(max-width:800px){.mobile-toggle{display:block}.nav{display:none;position:absolute;top:96px;left:0;right:0;background:white;padding:20px 5%;box-shadow:0 12px 24px #0001;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.hero{padding:75px 0}.hero h1{letter-spacing:-1px}.cards{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:30px}.section{padding:60px 0}}

/* Spektra dark design; calendar stays white. */
:root{--ink:#f7f7fa;--muted:#c3c5cf;--line:#34343b}
body{background:#08080a;color:#f7f7fa}
.site-header,.site-footer{background:#09090b;border-color:#303038}
.nav a,.brand-text{color:#fff}
.hero{background:linear-gradient(125deg,#050507 35%,#20101b 100%)}
.section.soft,.cta{background:#151519}
.card{background:#1c1c22;border-color:#393943;box-shadow:none}
.card p{color:#c3c5cf}
.feature{background:linear-gradient(140deg,#2e1322,#172248)}
.btn.alt{background:#33333b;color:#fff}
.btn.outline{background:transparent;color:#fff;border-color:#777783}
.page-content{background:#0c0c0f}
.entry-content a:not(.btn){color:#ff7da7}
.mobile-toggle{color:#fff}
@media(max-width:800px){.nav{background:#111116;box-shadow:0 12px 24px #0008}}
/* White performance calendar page, including The Events Calendar plugin. */
body.page-calendar .page-content,body.page-calendar .entry-content,
body.tribe-events-page-template .page-content,
body.post-type-archive-tribe_events .page-content,
body.page-calendar #tribe-events-pg-template,
body.tribe-events-page-template #tribe-events-pg-template,
body.post-type-archive-tribe_events #tribe-events-pg-template{background:#fff;color:#202127}
body.page-calendar .page-content,body.tribe-events-page-template .page-content,body.post-type-archive-tribe_events .page-content{min-height:65vh}
body.page-calendar .entry-content,body.page-calendar .entry-content *,
body.tribe-events-page-template .tribe-events,body.post-type-archive-tribe_events .tribe-events{--tec-color-text-primary:#202127;--tec-color-text-secondary:#525560;--tec-color-background:#fff;--tec-color-background-events:#fff;--tec-color-border-default:#dcdde3}
body.page-calendar .entry-content a:not(.btn),body.tribe-events-page-template .tribe-events a,body.post-type-archive-tribe_events .tribe-events a{color:#a71950}
body.page-calendar .entry-content h1,body.page-calendar .entry-content h2,body.page-calendar .entry-content h3{color:#16171b}
body.page-calendar .entry-content .tribe-events,body.tribe-events-page-template .tribe-events,body.post-type-archive-tribe_events .tribe-events{background:#fff;color:#202127}

/* Existing Media Library performance photography */
.hero{background-position:center;background-size:cover;background-repeat:no-repeat}
.feature{padding:0;overflow:hidden;background:#101015}.feature-photo{width:100%;height:100%;min-height:350px;object-fit:cover;display:block}
.spektra-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.spektra-gallery figure{margin:0;overflow:hidden;border-radius:12px;background:#191919;aspect-ratio:4/3}
.spektra-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.spektra-gallery img:hover{transform:scale(1.04)}
@media(max-width:800px){.spektra-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.spektra-gallery{grid-template-columns:1fr}}