/*
Theme Name: New Street Band
Theme URI: https://newstreetband.cz/
Author: New Street Band
Description: Moderní jednostránková šablona pro New Street Band. Obsah lze upravovat přes Vzhled → Přizpůsobit.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: newstreetband
*/
:root{--bg:#f6f3ed;--ink:#111;--muted:#6a6864;--line:#d9d3ca;--dark:#0b0b0c;--accent:#e5b85c;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Inter",Arial,sans-serif}img{max-width:100%;display:block}a{color:inherit}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;background:rgba(10,10,11,.82);backdrop-filter:blur(12px);color:white;border-bottom:1px solid rgba(255,255,255,.12);transition:background .2s ease}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:42px;height:42px;border:1px solid white;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px;letter-spacing:.08em;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-text{font-family:"Oswald",Arial,sans-serif;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.nav{display:flex;gap:28px}.nav a{text-decoration:none;font-size:14px}.nav a:hover{opacity:.7}.nav-toggle{display:none;background:none;border:0;color:white;font-size:26px;cursor:pointer}.hero{min-height:92vh;position:relative;display:flex;align-items:flex-end;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.2) 64%),linear-gradient(0deg,rgba(0,0,0,.5),transparent 50%);z-index:1}.hero-content{position:relative;z-index:2;color:white;max-width:850px;padding:150px max(28px,calc((100vw - var(--max))/2)) 84px}.hero-content:before{content:"";display:block;width:72px;height:2px;background:var(--accent);margin-bottom:22px}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:700;color:#7b746a}.eyebrow{color:#f1d18f}.hero h1,.section h2{font-family:"Oswald",Arial,sans-serif;font-weight:600;letter-spacing:-.02em;text-transform:uppercase}.hero h1{font-size:clamp(56px,8vw,112px);line-height:.9;margin:14px 0 20px;max-width:820px}.hero-lead{font-size:20px;max-width:650px;line-height:1.6;color:rgba(255,255,255,.86)}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-block;padding:14px 20px;border-radius:999px;text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.btn-primary{background:white;color:#111}.btn-ghost{border:1px solid rgba(255,255,255,.6);color:white}.section{max-width:var(--max);margin:auto;padding:96px 28px}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:start}.section h2{font-size:clamp(40px,5vw,70px);line-height:1.05;margin:14px 0 0}.intro-copy{font-size:18px;line-height:1.8;color:#353330}.intro-copy p:first-child{margin-top:4px}.dark{max-width:none;background:var(--dark);color:white;padding-left:max(28px,calc((100vw - var(--max))/2));padding-right:max(28px,calc((100vw - var(--max))/2))}.section-kicker.light{color:#b7b0a6}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.section-head h2{max-width:760px}.section-head p{max-width:440px;color:#a7a4a0;line-height:1.6}.events{border-top:1px solid #343434}.event{display:grid;grid-template-columns:110px 1fr;gap:30px;padding:26px 0;border-bottom:1px solid #343434;align-items:center}.date{display:flex;gap:6px;align-items:baseline}.date strong{font-size:40px}.date span{font-size:18px;color:#a8a5a1}.event h3{margin:0 0 6px;font-size:22px;font-family:"Oswald",Arial,sans-serif;font-weight:600}.event p{margin:0;color:#aaa}.gallery-head p{color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:260px;gap:12px}.gallery-item{border:0;padding:0;background:#ddd;overflow:hidden;cursor:zoom-in;border-radius:10px}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}.gallery-item:hover img{transform:scale(1.03);filter:brightness(.9)}.gallery-item.wide{grid-column:span 2}.contact{padding-top:20px}.contact-card{background:#111;color:white;border-radius:28px;padding:56px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px}.contact-card h2{margin-top:12px}.contact-card p{color:#bdb9b3;line-height:1.7}.contact-links{display:flex;flex-direction:column;justify-content:center;gap:14px}.contact-links a{font-size:24px;text-decoration:none;border-bottom:1px solid #3b3b3b;padding-bottom:12px;font-family:"Oswald",Arial,sans-serif;font-weight:500}.contact-links a:hover{color:var(--accent)}footer{max-width:var(--max);margin:auto;padding:28px;display:flex;justify-content:space-between;color:#777;font-size:14px}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:100;display:none;align-items:center;justify-content:center;padding:40px}.lightbox.open{display:flex}.lightbox img{max-width:min(92vw,1400px);max-height:88vh;object-fit:contain}.lightbox button{position:absolute;background:rgba(255,255,255,.08);color:white;border:1px solid rgba(255,255,255,.25);width:48px;height:48px;border-radius:50%;font-size:30px;cursor:pointer}.lightbox-close{top:22px;right:22px}.lightbox-prev{left:22px;top:50%}.lightbox-next{right:22px;top:50%}.gallery-item:focus-visible,.btn:focus-visible,.nav a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:800px){.nav-toggle{display:block}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:#111;padding:24px 28px;flex-direction:column}.nav.open{display:flex}.hero{min-height:82vh}.hero-content{padding-bottom:54px}.hero h1{font-size:56px}.intro-grid,.contact-card{grid-template-columns:1fr;gap:28px}.section{padding:72px 20px}.dark{padding-left:20px;padding-right:20px}.section-head{display:block}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:190px}.gallery-item.wide{grid-column:span 2}.event{grid-template-columns:80px 1fr}.contact-card{padding:34px 24px}.contact-links a{font-size:19px}.lightbox-prev,.lightbox-next{top:auto;bottom:20px}.lightbox-prev{left:calc(50% - 58px)}.lightbox-next{right:calc(50% - 58px)}}