/* Tema za bazu Cjenik 2026 u dizajnu redizajna: tinta / crvena / papir, Barlow. Učitava se poslije cjenik-2026.css. */
:root { --bg: #f4f5f6; --surface: #ffffff; --border: #d0d3d5; --border-strong: #202224; --text: #202224; --muted: #626568;
  --primary: #b62440; --primary-hover: #8f1b32; --accent: #b62440; --link: #8f1b32; --light-bg: #202224; --light-text: #f4f5f6; --light-muted: #c9ccce; }
body { background: var(--bg); color: var(--text); font: 16px/1.6 Arial, Helvetica, sans-serif; letter-spacing: 0; }
body::before { display: none; }
a { color: var(--link); } a:hover { color: var(--text); }
h1, h2, h3 { font-family: Barlow, 'Arial Narrow', sans-serif; letter-spacing: -0.02em; }
h1 { font-weight: 600; } h2 { font-weight: 600; } h3 { font-weight: 600; }
.lp-hero, .lp-section, .lp-light { background: transparent; }
.lp-light { background: var(--light-bg); color: var(--light-text); }
.lp-light h2, .lp-light h3 { color: var(--light-text); } .lp-light p, .lp-light li { color: var(--light-muted); }
.lp-btn, .al-actions button, .art-cta a { border-radius: 0 !important; }
.lp-btn { background: var(--primary); color: #fff; border: 1px solid var(--primary); }
.lp-btn:hover { background: var(--primary-hover); border-color: var(--primary-hover); color: #fff; }
.lp-btn-secondary, .lp-btn.secondary { background: transparent; color: var(--text); border: 1px solid var(--text); }
.lp-card, .al-panel, .art-key, .al-results, .lp-faq details { background: var(--surface); border: 1px solid var(--border); border-radius: 0; box-shadow: none; }
input, select, textarea { background: #fff; color: var(--text); border: 1px solid #93958a; border-radius: 0; }
.lp-sources { border-top: 1px solid var(--border); }
.site-header { font-family: Arial, Helvetica, sans-serif; }
.footer h2 { font-family: Barlow, 'Arial Narrow', sans-serif; }
.footer p { margin-bottom: 0; }
.footer .eyebrow { display: block; }
/* gumbi zadržavaju bijeli tekst, podnožje Kodijeve boje */
.lp-btn, .lp-btn-primary, .lp-btn-sm, .lp-btn-primary:hover, .lp-btn-sm:hover { color: #fff !important; }
.al-actions button, .al-cta .lp-btn { color: #fff !important; }
.lp-btn-outline, .lp-btn-outline:hover { color: #202224 !important; background: #fff !important; }
.lp-light .lp-btn-outline { color: #f4f5f6 !important; background: transparent !important; border-color: #f4f5f6 !important; }
.lp-light, .lp-light * { color: #f4f5f6; } .lp-light .lp-lead, .lp-light .lp-text, .lp-light p, .lp-light li, .lp-light blockquote { color: #c9ccce !important; }
.footer, .footer * { color: #f5f5f2; } .footer a { color: #f5f5f2; } .footer .eyebrow { color: #bec0b5; } .footer .legal-note { color: #aeb0a4; }
.round-link, .round-link span { color: #fff !important; }
.site-header a { color: #202224; }
/* zaostali bijeli tekst iz tamne teme */
main th, main .hub-card strong, main .art-rel strong, main .source-key strong, main .article-table th { color: #202224 !important; }
main .article-table th { background: #e9ebed !important; }
.al-ghost, button.al-ghost { color: #202224 !important; background: #fff !important; border: 1px solid #202224 !important; }
main select, main select.al-input, .lp-form select { color: #202224 !important; background: #fff !important; }
.hub-card, .art-rel, .source-key, .hub-news { background: #ffffff; border: 1px solid #d0d3d5; color: #202224; }
/* istaknuta kartica alata: tamna (ink) podloga, svijetli tekst */
.hub-tool, .hub-tool:hover { background: #202224 !important; color: #f4f5f6 !important; border-color: #202224 !important; }
.hub-tool h2, .hub-tool h3, .hub-tool p, .hub-tool strong { color: #f4f5f6 !important; }
.hub-tool .hub-tag { color: #ff9fb0 !important; }
.hub-tool .hub-go { color: #fff !important; text-decoration: underline; text-underline-offset: 4px; }
.hub-tool:hover { border-color: #b62440 !important; }
/* sklopivi vodiči na /cjenik: Kodijev summary (flex, 24px span) ih je slagao u jedan red */
.cj-vodic details > summary { display: block; min-height: 0; }
.cj-vodic details > summary span { font-size: inherit; }
.cj-vodic details > summary .cj-teaser { font-size: 0.95rem; white-space: normal; }
@media (max-width: 760px) { main .article-table { display: block; max-width: 100%; overflow-x: auto; } }
/* sklopivi vodiči na /cjenik: Kodijev summary (flex, 24px span) ih je slagao u jedan red */
.cj-vodic summary { display: block; min-height: 0; font-size: inherit; }
.cj-vodic summary span { font-size: inherit; }
.cj-vodic summary .cj-teaser { font-size: 0.95rem; white-space: normal; }
@media (max-width: 760px) { main .article-table { display: block; max-width: 100%; overflow-x: auto; } }
/* poveznice u tekstu podcrtane (razlikuju se od teksta i bez boje) */
main :is(p, li, label, figcaption, td, dd) a:not([class]) { text-decoration: underline; text-underline-offset: 3px; }
/* Kodijeve klase koje cjenik-2026.css slučajno pogađa */
.site-header p, .footer p { margin: 0; }
/* 6.11.2026. popravci iz render-lint provjere */
.skip, .skip:hover, .skip:focus { color: #fff; }
.mobile-menu nav a, .mobile-menu nav a:hover { color: #fff; }
.cj-demo-editor :is(a, button, input, select, textarea):focus-visible, .lp-light :is(a, button, input, select, textarea, summary):focus-visible, .footer :is(a, button, summary):focus-visible, .round-link:focus-visible { outline: 3px solid #ff9fb0; outline-offset: 3px; }
/* Službeni izvori: .lp-sources (popis) je ranije poništio .lp-section (margina i gutter) pa je blok stajao na rubu */
.lp-izvori { padding-inline: clamp(1rem, 4vw, 2rem); }
.lp-izvori > .lp-sources { border-top: 0; }
.lp-micro { color: #55585b; }