/*
Theme Name: Old School Music Editable
Theme URI: https://oldschool.com.hr/
Author: ChatGPT
Description: Tamna muzička WordPress block tema za Old School Band. Sadržaj ostaje u postojećim stranicama i objavama, a naslovnica, header, footer i sekcije uređuju se kroz Izgled → Editor bez Elementora.
Version: 1.1.0
Requires at least: 6.2
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: oldschool-music-editable
*/

html { scroll-behavior: smooth; }
body {
  background:#070707;
  background-image:
    radial-gradient(circle at 15% 0%, rgba(220, 34, 38, .24), transparent 30vw),
    radial-gradient(circle at 85% 12%, rgba(224, 181, 79, .13), transparent 28vw),
    linear-gradient(180deg, #0a0a0b 0%, #111 42%, #080808 100%);
}
a { text-decoration-thickness: 1px; text-underline-offset: .18em; }
.wp-site-blocks { overflow-x: hidden; }
.os-glass { background: rgba(18,18,18,.74); backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,.09); }
.os-shadow { box-shadow: 0 24px 80px rgba(0,0,0,.5); }
.os-card { transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.os-card:hover { transform: translateY(-4px); border-color: #d21f26 !important; background: rgba(255,255,255,.07) !important; }
.os-button a, a.os-button { transition: transform .18s ease, box-shadow .18s ease; }
.os-button a:hover, a.os-button:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(210,31,38,.35); }
.os-kicker { letter-spacing: .14em; text-transform: uppercase; }
.os-separator { height: 4px; width: 92px; background: linear-gradient(90deg, #d21f26, #e0b54f); border-radius: 999px; }
.os-hero { position: relative; isolation: isolate; overflow:hidden; }
.os-hero:before {
  content:""; position:absolute; inset:0; z-index:-2;
  background:
    linear-gradient(115deg, rgba(0,0,0,.88), rgba(0,0,0,.56) 45%, rgba(0,0,0,.88)),
    radial-gradient(circle at 12% 18%, rgba(210,31,38,.45), transparent 34%),
    radial-gradient(circle at 82% 16%, rgba(224,181,79,.22), transparent 31%);
}
.os-hero:after {
  content:"♫ ♪ ♫"; position:absolute; right:4vw; top:7%; z-index:-1;
  color: rgba(255,255,255,.055); font-size: clamp(5rem, 18vw, 18rem); font-weight:900; letter-spacing:.02em;
  transform: rotate(-8deg);
}
.os-wave {
  min-height:70px; border-radius:22px; position:relative; overflow:hidden;
  background: repeating-linear-gradient(90deg, rgba(224,181,79,.18) 0 6px, transparent 6px 18px), rgba(255,255,255,.035);
}
.os-wave:before { content:""; position:absolute; inset:18px 20px; background: linear-gradient(90deg, transparent, rgba(210,31,38,.8), transparent); border-radius:999px; filter: blur(10px); }
.os-badge { display:inline-flex; gap:.5em; align-items:center; border:1px solid rgba(224,181,79,.35); border-radius:999px; padding:.45rem .75rem; background:rgba(224,181,79,.09); }
.os-posts .wp-block-post { padding: 22px; border:1px solid rgba(255,255,255,.1); border-radius:22px; background:rgba(255,255,255,.035); }
.os-posts .wp-block-post-title a { text-decoration: none; }
.os-sticky-header { position: sticky; top:0; z-index:999; }
.os-widget-area:empty { display:none; }
.wp-block-navigation__submenu-container { border-radius: 14px; overflow:hidden; }
@media (max-width: 800px) {
  .os-hide-mobile { display:none !important; }
  .os-hero { padding-top: 70px !important; padding-bottom: 70px !important; }
}