/* ═══════════════════════════════════════════════════════
   ZAPATEKNO — Shared Dark Theme
   Site-wide: espresso bg, sandy gold, terracotta, amber
   Applied to: index.html, all lyric pages, about page
═══════════════════════════════════════════════════════ */

:root {
   --zap-black:    #0b0604;
   --zap-deep:     #140a05;
   --zap-panel:    #1c1008;
   --zap-sand:     #c2a96c;
   --zap-flesh:    #d4936a;
   --zap-terra:    #b05a3a;
   --zap-amber:    #e8a050;
   --zap-ember:    #ff5f1f;
   --zap-wine:     #6b1a2a;
   --zap-text:     #b7a490;
   --zap-text-dim: rgba(183,164,144,0.42);
}

/* ── Base ── */
html { scroll-behavior: smooth; }
body {
   background: var(--zap-black) !important;
   color: var(--zap-text) !important;
   font-family: 'Montserrat', sans-serif;
}
a { text-decoration: none; color: inherit; }
::selection { background: rgba(194,169,108,0.3); color: #fff; }
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--zap-deep); }
::-webkit-scrollbar-thumb { background: var(--zap-sand); border-radius: 3px; }

/* ── Sections ── */
.main, .discography, .news, .contact,
section.main, section.discography, section.news, section.contact {
   background: var(--zap-black) !important;
}
.bg-secondary { background: var(--zap-deep) !important; }
.footer { background: var(--zap-deep) !important; }

/* ── Template nav override — dark glass bar ── */
.header.default,
.header.switched-header {
   background: rgba(11,6,4,0.88) !important;
   backdrop-filter: blur(18px) !important;
   -webkit-backdrop-filter: blur(18px) !important;
   border-bottom: 1px solid rgba(194,169,108,0.12) !important;
   box-shadow: none !important;
}
/* Logo */
.header .logo h2,
.header .left-part .logo h2 {
   color: var(--zap-sand) !important;
   text-shadow: 0 0 10px rgba(194,169,108,0.5), 0 0 28px rgba(232,160,80,0.25) !important;
   transition: text-shadow 0.4s, letter-spacing 0.4s !important;
}
.header .logo:hover h2 {
   text-shadow: 0 0 22px rgba(194,169,108,0.9), 0 0 55px rgba(232,160,80,0.5) !important;
   letter-spacing: 0.18em !important;
}
/* Nav links */
.header .main-menu li a,
.header.default .main-menu li a,
.header.switched-header .main-menu li a {
   color: var(--zap-text-dim) !important;
   font-size: 0.68rem !important;
   letter-spacing: 0.18em !important;
   text-transform: uppercase !important;
   transition: color 0.3s, text-shadow 0.3s !important;
   position: relative;
   padding-bottom: 3px;
}
.header .main-menu li a::after {
   content: '';
   position: absolute;
   left: 0; bottom: 0;
   width: 0; height: 1px;
   background: linear-gradient(to right, var(--zap-terra), var(--zap-amber));
   box-shadow: 0 0 8px var(--zap-amber);
   transition: width 0.4s ease;
}
.header .main-menu li a:hover::after { width: 100%; }
.header .main-menu li a:hover,
.header .main-menu li a.active {
   color: var(--zap-amber) !important;
   text-shadow: 0 0 12px rgba(232,160,80,0.6) !important;
   opacity: 1 !important;
}
/* Hamburger lines — sand color */
.mobile-but .lines,
.mobile-but .lines::before,
.mobile-but .lines::after {
   background: var(--zap-sand) !important;
}

/* ── Section headings ── */
.section-title,
.block-title h1,
.block-title h2 {
   color: var(--zap-sand) !important;
   text-shadow: 0 0 18px rgba(194,169,108,0.28) !important;
   transition: text-shadow 0.5s, letter-spacing 0.5s !important;
}
.section-title:hover { text-shadow: 0 0 35px rgba(194,169,108,0.65) !important; }

/* Sub-headings / lead text */
.text-brown,
.block-content p,
.news-list p,
.lead {
   color: var(--zap-text) !important;
   opacity: 1 !important;
}

/* ── Discography cards ── */
.block-album-card {
   background: transparent !important;
}
.block-album-card img {
   border: 2px solid rgba(194,169,108,0.2) !important;
   box-shadow: 0 4px 24px rgba(11,6,4,0.6) !important;
   transition: border-color 0.4s, box-shadow 0.4s, transform 0.35s !important;
}
.block-album-card a:hover img {
   border-color: rgba(194,169,108,0.55) !important;
   box-shadow: 0 0 28px rgba(194,169,108,0.25), 0 8px 40px rgba(11,6,4,0.7) !important;
   transform: translateY(-4px);
   opacity: 1 !important;
}
.album-meta {
   color: var(--zap-text-dim) !important;
   letter-spacing: 0.05em;
}

/* ── Buttons ── */
.btn-primary,
.stream-btn,
.zapatekno-theme .btn-primary,
.zapatekno-theme .stream-btn {
   background: transparent !important;
   border: 1px solid rgba(194,169,108,0.38) !important;
   color: var(--zap-sand) !important;
   box-shadow: none !important;
   border-radius: 1px !important;
   font-size: 0.68rem !important;
   font-weight: 600 !important;
   letter-spacing: 0.16em !important;
   text-transform: uppercase !important;
   padding: 0.65rem 1.5rem !important;
   transition: all 0.35s ease !important;
   position: relative; overflow: hidden;
}
.btn-primary::before,
.stream-btn::before {
   content: '';
   position: absolute; inset: 0;
   background: var(--zap-sand);
   transform: translateX(-101%);
   transition: transform 0.35s cubic-bezier(0.77,0,0.18,1);
   z-index: 0;
}
.btn-primary:hover::before,
.stream-btn:hover::before { transform: translateX(0); }
.btn-primary:hover,
.stream-btn:hover,
.zapatekno-theme .btn-primary:hover,
.zapatekno-theme .stream-btn:hover {
   color: var(--zap-black) !important;
   border-color: var(--zap-sand) !important;
   box-shadow: 0 0 24px rgba(194,169,108,0.42), 0 0 50px rgba(194,169,108,0.14) !important;
   background: transparent !important;
}
.btn-primary span,
.stream-btn span { position: relative; z-index: 1; }

/* ── Block-top (back to top) ── */
.block-top {
   background: rgba(194,169,108,0.15) !important;
   border: 1px solid rgba(194,169,108,0.3) !important;
   color: var(--zap-sand) !important;
}
.block-top:hover {
   background: var(--zap-sand) !important;
   color: var(--zap-black) !important;
}

/* ── Social icons ── */
.block-social a {
   color: var(--zap-text-dim) !important;
   transition: color 0.3s, text-shadow 0.3s !important;
}
.block-social a:hover {
   color: var(--zap-amber) !important;
   text-shadow: 0 0 12px rgba(232,160,80,0.5) !important;
}

/* ── Footer text ── */
.footer small,
.footer .small,
.footer a {
   color: rgba(183,164,144,0.25) !important;
}
.footer a:hover { color: var(--zap-sand) !important; }

/* ── Neon divider rule ── */
hr.neon-rule,
hr {
   border-color: rgba(194,169,108,0.12) !important;
}

/* ── News / blog list ── */
.news-list li { border-bottom: 1px solid rgba(194,169,108,0.08) !important; }
.news-list a { color: var(--zap-amber) !important; }
.news-list a:hover { color: var(--zap-sand) !important; }

/* ══════════════════════════════════════════════
   LYRIC PAGE — dark styling
══════════════════════════════════════════════ */
.lyric-page .song-title {
   color: var(--zap-sand) !important;
   text-shadow: 0 0 18px rgba(194,169,108,0.3) !important;
   font-weight: 700;
}
.lyric-page .lyrics-body {
   color: var(--zap-text) !important;
   font-size: 1rem;
   line-height: 2.1;
}
.lyric-page .lyrics-body p { color: var(--zap-text) !important; }
.lyric-page .lyrics-body strong { color: var(--zap-sand) !important; }
.lyric-page .cover-art {
   border: 2px solid rgba(194,169,108,0.25) !important;
   box-shadow: 0 8px 40px rgba(11,6,4,0.7) !important;
}
/* Release date text */
.lyric-page .text-muted,
.lyric-page .lyric-release-date,
.lyric-page [style*="color: #7D6B5D"] {
   color: var(--zap-text-dim) !important;
}