/* Teme: svaka mijenja samo tokene (boje, font, oblik dugmadi, zaglavlje). Bira se u Administracija → Izgled. */
.logo { height: 30px; width: auto; display: block; }

/* ---- Grafit: tamno zaglavlje, čelična paleta, plavi akcent ---- */
[data-theme="grafit"] { --font: "Inter", system-ui, sans-serif; --bg: #f3f4f6; --card: #fff; --text: #0f172a; --muted: #64748b; --line: #e5e7eb; --line-strong: #cbd5e1;
  --brand: #2563eb; --brand-d: #1d4ed8; --brand-soft: #e8efff; --brand-rgb: 37, 99, 235; --accent: #f59e0b; --on-brand: #fff;
  --hdr-bg: #0f172a; --hdr-text: #f8fafc; --grad: linear-gradient(135deg, #2563eb, #1e3a8a); --btn-r: 10px; --r: 14px;
  --hero-grad: radial-gradient(900px 380px at 90% -10%, #dbeafe 0%, transparent 60%); }
[data-theme="grafit"] .top { border-bottom-color: #1e293b; } [data-theme="grafit"] .top .btn.ghost { color: #f8fafc; border-color: #334155; } [data-theme="grafit"] .top-nav a.on { background: #1e293b; color: #93c5fd; }
[data-theme="grafit"] .menu-box { color: var(--text); }

/* ---- Indigo: pilule, bijela pozadina ---- */
[data-theme="indigo"] { --font: "Plus Jakarta Sans", system-ui, sans-serif; --bg: #fafafa; --card: #fff; --text: #18181b; --muted: #71717a; --line: #e4e4e7; --line-strong: #d4d4d8;
  --brand: #4f46e5; --brand-d: #4338ca; --brand-soft: #eef2ff; --brand-rgb: 79, 70, 229; --accent: #f97316; --on-brand: #fff;
  --grad: linear-gradient(135deg, #6366f1, #4338ca); --btn-r: 999px; --r: 20px;
  --hero-grad: radial-gradient(900px 380px at 90% -10%, #e0e7ff 0%, transparent 60%), radial-gradient(600px 300px at 0% 0%, #ffedd5 0%, transparent 55%); }
[data-theme="indigo"] input, [data-theme="indigo"] select, [data-theme="indigo"] textarea { border-radius: 14px; }
[data-theme="indigo"] .eyebrow, [data-theme="indigo"] .badge { border-radius: 999px; }

/* ---- Ponoć: tamna, zlatni akcent ---- */
[data-theme="ponoc"] { --font: "Manrope", system-ui, sans-serif; --bg: #0b0d12; --card: #151821; --text: #f1f3f8; --muted: #9aa3b5; --line: #242938; --line-strong: #323849;
  --brand: #f5b800; --brand-d: #d9a200; --brand-soft: #2b2410; --brand-rgb: 245, 184, 0; --accent: #60a5fa; --on-brand: #14120a;
  --ok: #4ade80; --ok-soft: #12301d; --warn: #fbbf24; --warn-soft: #33270f; --err: #f87171; --err-soft: #3a1717; --info: #93c5fd; --info-soft: #14233d;
  --hdr-bg: rgba(11, 13, 18, .85); --hdr-text: #f1f3f8; --grad: linear-gradient(135deg, #f5b800, #f97316); --btn-r: 12px; --r: 16px;
  --shadow: none; --shadow-l: 0 20px 50px rgba(0, 0, 0, .55); --hero-grad: radial-gradient(900px 380px at 90% -10%, #2b2410 0%, transparent 60%); }
[data-theme="ponoc"] .mock-receipt, [data-theme="ponoc"] .phone .mock-receipt { background: #fffdf7; } [data-theme="ponoc"] .btn.light { color: #14120a; }

/* ---- Okean ---- */
[data-theme="okean"] { --font: "DM Sans", system-ui, sans-serif; --bg: #f4f7fb; --card: #fff; --text: #0c1a33; --muted: #5b6b85; --line: #e1e8f2; --line-strong: #c9d5e6;
  --brand: #1d4ed8; --brand-d: #1e3a8a; --brand-soft: #e6eefc; --brand-rgb: 29, 78, 216; --accent: #0ea5e9; --on-brand: #fff;
  --grad: linear-gradient(135deg, #2563eb, #0ea5e9); --btn-r: 12px; --r: 18px;
  --hero-grad: radial-gradient(900px 380px at 90% -10%, #dbeafe 0%, transparent 60%), radial-gradient(600px 300px at 0% 0%, #e0f2fe 0%, transparent 55%); }

/* ---- Koralj ---- */
[data-theme="koralj"] { --font: "Sora", system-ui, sans-serif; --bg: #fbf7f3; --card: #fff; --text: #2a1f1a; --muted: #7c6a62; --line: #eee4dd; --line-strong: #dccdc3;
  --brand: #e0533f; --brand-d: #b83c2b; --brand-soft: #fdeae6; --brand-rgb: 224, 83, 63; --accent: #f5b400; --on-brand: #fff;
  --grad: linear-gradient(135deg, #f2694f, #c73f2d); --btn-r: 14px; --r: 22px;
  --hero-grad: radial-gradient(900px 380px at 90% -10%, #ffe1da 0%, transparent 60%), radial-gradient(600px 300px at 0% 0%, #fff3d6 0%, transparent 55%); }

/* ---- Mono: crno-bijelo, oštre ivice, bez sjena ---- */
[data-theme="mono"] { --font: "Space Grotesk", system-ui, sans-serif; --bg: #fff; --card: #fff; --text: #111; --muted: #666; --line: #e5e5e5; --line-strong: #111;
  --brand: #111; --brand-d: #000; --brand-soft: #f2f2f2; --brand-rgb: 17, 17, 17; --accent: #111; --on-brand: #fff;
  --ok: #111; --ok-soft: #f2f2f2; --warn: #111; --warn-soft: #f2f2f2; --info: #111; --info-soft: #f2f2f2;
  --grad: #111; --btn-r: 4px; --r: 6px; --shadow: none; --shadow-l: none; --hero-grad: none; }
[data-theme="mono"] .card, [data-theme="mono"] .list, [data-theme="mono"] .feat, [data-theme="mono"] .tile, [data-theme="mono"] .flow li, [data-theme="mono"] .kpi, [data-theme="mono"] .scan, [data-theme="mono"] .hero, [data-theme="mono"] .split, [data-theme="mono"] .band { border-color: #111; box-shadow: none; }
[data-theme="mono"] .btn.primary, [data-theme="mono"] .scan-main, [data-theme="mono"] .cta, [data-theme="mono"] .cta-band, [data-theme="mono"] .flow-ic { box-shadow: none; }
[data-theme="mono"] .btn { border-color: #111; } [data-theme="mono"] .btn.ghost { border-color: #ccc; }
[data-theme="mono"] .eyebrow, [data-theme="mono"] .badge, [data-theme="mono"] .chip { border-radius: 3px; } [data-theme="mono"] .mc-save, [data-theme="mono"] .save { background: #111; color: #fff; }
[data-theme="mono"] .hero h1 .accent { color: #111; text-decoration: underline; text-decoration-thickness: 4px; text-underline-offset: 6px; }
[data-theme="mono"] .top-nav a.on { background: #111; color: #fff; }

/* ---- Šljiva ---- */
[data-theme="sljiva"] { --font: "Outfit", system-ui, sans-serif; --bg: #f7f5fa; --card: #fff; --text: #1e1526; --muted: #6f647a; --line: #e9e3ef; --line-strong: #d6cddf;
  --brand: #7c2d8e; --brand-d: #5b1f69; --brand-soft: #f3e8f6; --brand-rgb: 124, 45, 142; --accent: #ec4899; --on-brand: #fff;
  --grad: linear-gradient(135deg, #9333ea, #db2777); --btn-r: 14px; --r: 22px;
  --hero-grad: radial-gradient(900px 380px at 90% -10%, #f3e8ff 0%, transparent 60%), radial-gradient(600px 300px at 0% 0%, #fce7f3 0%, transparent 55%); }

/* ---- Terakota ---- */
[data-theme="terakota"] { --font: "Urbanist", system-ui, sans-serif; --bg: #f6f1ea; --card: #fffdfa; --text: #2b211a; --muted: #7a6a5e; --line: #e9dfd3; --line-strong: #d6c6b5;
  --brand: #b5542d; --brand-d: #8f3f1f; --brand-soft: #f7e6dc; --brand-rgb: 181, 84, 45; --accent: #c99a2e; --on-brand: #fff;
  --grad: linear-gradient(135deg, #c8653a, #8f3f1f); --btn-r: 12px; --r: 18px;
  --hero-grad: radial-gradient(900px 380px at 90% -10%, #f7e6dc 0%, transparent 60%); }

/* ---- Čelik: antracit brend, narandžasti akcent ---- */
[data-theme="celik"] { --font: "Inter", system-ui, sans-serif; --bg: #f5f6f8; --card: #fff; --text: #111827; --muted: #6b7280; --line: #e5e7eb; --line-strong: #cfd4dc;
  --brand: #1f2937; --brand-d: #111827; --brand-soft: #e9ebef; --brand-rgb: 31, 41, 55; --accent: #f97316; --on-brand: #fff;
  --hdr-bg: #fff; --grad: linear-gradient(135deg, #374151, #111827); --btn-r: 8px; --r: 12px;
  --hero-grad: radial-gradient(900px 380px at 90% -10%, #e9ebef 0%, transparent 60%), radial-gradient(600px 300px at 0% 0%, #ffedd5 0%, transparent 55%); }
[data-theme="celik"] .hero h1 .accent, [data-theme="celik"] .band b, [data-theme="celik"] .tile-price { color: #ea580c; }
[data-theme="celik"] .badge.ok, [data-theme="celik"] .mc-save, [data-theme="celik"] .save { background: #ffedd5; color: #c2410c; }

/* ---- Zalazak: gradijent magenta → narandžasta, staklo ---- */
[data-theme="zalazak"] { --font: "Poppins", system-ui, sans-serif; --bg: #fff7f9; --card: #fff; --text: #241326; --muted: #7a6478; --line: #f3e3ea; --line-strong: #e6cfd9;
  --brand: #db2777; --brand-d: #be185d; --brand-soft: #fce7f3; --brand-rgb: 219, 39, 119; --accent: #f97316; --on-brand: #fff;
  --hdr-bg: rgba(255, 255, 255, .7); --grad: linear-gradient(135deg, #ec4899, #f97316); --btn-r: 999px; --r: 22px;
  --hero-grad: radial-gradient(900px 380px at 90% -10%, #fce7f3 0%, transparent 60%), radial-gradient(600px 300px at 0% 0%, #ffedd5 0%, transparent 55%); }
[data-theme="zalazak"] .btn.primary { background: var(--grad); border-color: transparent; } [data-theme="zalazak"] .hero h1 .accent { background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ---- Noćno plava: tamna, cijan akcent ---- */
[data-theme="noc"] { --font: "Manrope", system-ui, sans-serif; --bg: #0a1220; --card: #111c2e; --text: #e6edf7; --muted: #8ea0bb; --line: #1e2b40; --line-strong: #2b3b55;
  --brand: #22d3ee; --brand-d: #06b6d4; --brand-soft: #0e2a36; --brand-rgb: 34, 211, 238; --accent: #a78bfa; --on-brand: #06202a;
  --ok: #4ade80; --ok-soft: #10301f; --warn: #fbbf24; --warn-soft: #33270f; --err: #f87171; --err-soft: #3a1717; --info: #93c5fd; --info-soft: #14233d;
  --hdr-bg: rgba(10, 18, 32, .85); --hdr-text: #e6edf7; --grad: linear-gradient(135deg, #22d3ee, #6366f1); --btn-r: 12px; --r: 16px;
  --shadow: none; --shadow-l: 0 20px 50px rgba(0, 0, 0, .55); --hero-grad: radial-gradient(900px 380px at 90% -10%, #0e2a36 0%, transparent 60%); }
[data-theme="noc"] .mock-receipt, [data-theme="noc"] .phone .mock-receipt { background: #fffdf7; } [data-theme="noc"] .btn.light { color: #06202a; }

/* ---- Rubin ---- */
[data-theme="rubin"] { --font: "Plus Jakarta Sans", system-ui, sans-serif; --bg: #f6f6f7; --card: #fff; --text: #1a1416; --muted: #6f6468; --line: #e8e4e6; --line-strong: #d3cbce;
  --brand: #b91c1c; --brand-d: #7f1d1d; --brand-soft: #fdecec; --brand-rgb: 185, 28, 28; --accent: #f59e0b; --on-brand: #fff;
  --grad: linear-gradient(135deg, #dc2626, #7f1d1d); --btn-r: 10px; --r: 14px;
  --hero-grad: radial-gradient(900px 380px at 90% -10%, #fee2e2 0%, transparent 60%); }

/* tamne teme: tamni Google/Leaflet oblačići ostaju svijetli (čitljivo) */
[data-theme="ponoc"] .gm-pop, [data-theme="noc"] .gm-pop { color: #111c19; }