/* Stare stranice (o-meni, setovi, matrice, pjesmarice, kontakt, privacy, terms) u PARTITURI, novom svijetlom dizajnu
   (2026-11-03, Goran: "redizajniraj sajt u potpunosti, drugi totalno nacin"). Par tamno.css (SCENA, sacuvan): stranice
   imaju svoje promjenljive boje (dvije porodice: --bg/--bg-card/--text-2 i --bg/--surf/--muted), ovdje se postave na
   bijeli papir i crna slova. Bira ga obavjestenja_data/prodavnica/stare_stranice_css.php. Ucitava se ZADNJI u <head>. */
:root {
  --bg: #ffffff; --bg-card: #ffffff; --bg-soft: #f3f2ee; --bg-panel: #f3f2ee; --surf: #ffffff;
  --text: #0d0d0d; --text-2: #2c2c2c; --text-3: #5b5b5b; --muted: #5b5b5b;
  --border: #e0ded8; --border-2: #cfcdc7;
  --accent: #c73f26; --acc2: #c73f26; --accent-bg: rgba(199, 63, 38, .08); --accent-border: rgba(199, 63, 38, .45);
  --prem: #c73f26; --prem-bg: rgba(199, 63, 38, .08); --prem-bd: rgba(199, 63, 38, .45);
}
html, body { background: #fff !important; color: var(--text); }
body { background-image: none !important; font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important; -webkit-font-smoothing: antialiased; }
::selection { background: #c73f26; color: #fff; }

h1, h2, h3, .page-title, .header-title, .logo, .set-model, .song-name, .pjesma-name, .meta-num, .cs-num, .kontakt-num {
  font-family: "Inter Tight", "Inter", system-ui, sans-serif !important; letter-spacing: -.03em; }
.page-title, .header-title { font-size: clamp(42px, 10vw, 84px) !important; line-height: .94 !important; letter-spacing: -.05em !important; font-weight: 800 !important; color: #0d0d0d !important; text-wrap: balance; }
.page-title::before { content: ""; display: block; width: 44px; height: 6px; margin: 0 0 22px; background: #c73f26; }
.page-title { margin: .6rem 0 1.8rem !important; }
.page-body h2 { color: #0d0d0d !important; font-size: clamp(24px, 5vw, 34px) !important; letter-spacing: -.035em; }
.page-body p, .page-body li, .page-intro { color: #2c2c2c !important; }
.page-body a, .page-body a:visited { color: #c73f26 !important; }
.page-body a.kbtn, .page-body a.kbtn:visited, .kbtn { color: #fff !important; }

/* zaglavlje: bijelo staklo, crna crta, potpis kao u prodavnici */
.site-header { background: rgba(255, 255, 255, .94) !important; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid #0d0d0d !important; }
.logo, .header-title { color: #0d0d0d !important; }
.logo span { color: #c73f26 !important; }
.btn-back, .back-link { color: #0d0d0d !important; border-color: #0d0d0d !important; border-radius: 2px !important; }
.back-link svg { stroke: #0d0d0d !important; }
.btn-back:hover, .back-link:hover { color: #fff !important; background: #0d0d0d !important; border-color: #0d0d0d !important; }
.back-link:hover svg { stroke: #fff !important; }

/* kartice: ostri uglovi, crna linija, crvena glava */
.set-card, .pjesma-card, .kontakt-grid > *, .contact-strip, .footer-note { border-color: var(--border-2) !important; border-radius: 0 !important; box-shadow: none !important; }
.set-card, .pjesma-card { border-top: 4px solid #c73f26 !important; }
.set-head:hover, .song:hover { background: #f3f2ee !important; }
.song-tonalitet, .song-ton { background: #0d0d0d !important; color: #fff !important; border-color: #0d0d0d !important; border-radius: 2px !important; }
.meta-bar, .search-wrap { background: transparent !important; border-color: var(--border) !important; }
.search-input, .model-select, input, select, textarea { background-color: #fff !important; color: #0d0d0d !important; border-color: #bdbab3 !important; border-radius: 2px !important; }
.search-input:focus, input:focus, select:focus { border-color: #0d0d0d !important; }
.filt-btn, .pc-btn, .kbtn { border-radius: 2px !important; }
.filt-btn.active, .pc-btn { background: #0d0d0d !important; border-color: #0d0d0d !important; color: #fff !important; }
.cs-num { color: #0d0d0d !important; font-size: 24px !important; }

.site-footer { border-top: 1px solid #0d0d0d !important; color: var(--muted) !important; }
.foot-links a { color: #0d0d0d !important; }
.foot-links a:hover { color: #c73f26 !important; }
.set-chevron { color: #5b5b5b !important; }

/* ------------------------------------------------------------------ prozorcic dobrodoslice / obavjestenja -- */
/* obav-popup.js nosi svoj stari kremasti stil (zaobljeno, Bricolage); u svijetlom izgledu (2026-11-03): bijel, ostri uglovi,
   tanke crne linije i fontovi sajta (Inter Tight / Inter). "html #obavPop" je jaci od "#obavPop" iz skripte. */
html #obavPop { background: rgba(13, 13, 13, .5); }
html #obavPop .op-card { background: #fff; border-radius: 2px; box-shadow: 0 30px 70px -18px rgba(0, 0, 0, .55), 0 0 0 1px #0d0d0d; }
html #obavPop .op-keys { background-color: #fff; border-bottom-color: #0d0d0d; }
html #obavPop :is(.op-t, .op-mail, .op-ok, .op-btn, .op-note, .op-opt, .op-tag, .op-cij small, .op-min, .op-ne, .op-eye, .op-x, .op-opt i, .op-srv p) { font-family: Inter, system-ui, sans-serif; }
html #obavPop :is(.op-h, .op-opt b, .op-cij b) { font-family: 'Inter Tight', system-ui, sans-serif; color: #0d0d0d; }
html #obavPop .op-h { font-weight: 800; letter-spacing: -.035em; }
html #obavPop :is(.op-t, .op-ok, .op-srv p, .op-opt span.op-d, .op-ne) { color: #2c2c2c; }
html #obavPop :is(.op-note, .op-cij small) { color: #6b6b6b; }
html #obavPop :is(.op-x, .op-mail, .op-btn, .op-opt, .op-tag, .op-min, .op-cij, .op-ic, .op-ne, .op-err, .op-pl) { border-radius: 2px; }
html #obavPop :is(.op-pic, .op-vid) { border-radius: 0; }
html #obavPop :is(.op-x:hover, .op-ne:hover) { background: #f2f2f2; color: #0d0d0d; }
html #obavPop .op-mail { border-color: #0d0d0d; }
html #obavPop .op-line { border-color: #0d0d0d; color: #0d0d0d; }
html #obavPop .op-line:hover { background: #0d0d0d; color: #fff; }
html #obavPop .op-opt { border: 1.5px solid #d6d6d6; }
html #obavPop .op-opt:hover, html #obavPop .op-opt.op-bira { border-color: #c73f26; box-shadow: none; }
html #obavPop .op-opt::after { border-radius: 2px; background: #0d0d0d; }
html #obavPop .op-cij { background: #f4f4f4; border: 0; border-left: 3px solid #c73f26; }