DIREKTNO jer .nbhf-white * gađa p s !important; i .elementor-text-editor NE postoji (Elementor 3.x). */
.nbhf-hero .nbhf-lead p{color:#c5d6ff !important;font-size:1.2rem !important}
/* CARD body: 0.95rem / 400 / siva #414A5C (mockup) */
.nbhf-card .elementor-widget-text-editor,
.nbhf-card .elementor-text-editor,
.nbhf-card .elementor-text-editor p{font-size:.95rem !important;font-weight:400 !important;color:var(--text) !important}
/* NAŠ DUH panel naslov = 1.7rem (samo taj vpanel u S2 'O udruženju') */
.nbhf-about .nbhf-vpanel .nbhf-h3 .elementor-heading-title{font-size:1.7rem !important}
/* FORUM eventcard naslov = 1.6rem */
.nbhf-eventcard h3{font-size:1.6rem}
/* CONTENT WIDTH: mockup container = 1180 max + 24px gutter = 1132 inner.
Elementor Content Width=1180 (bez guttera) → dodaj 24px da dobiješ 1132 + mobilni razmak. */
.nbhf-section > .e-con-boxed > .e-con-inner,
.nbhf-tight > .e-con-boxed > .e-con-inner{padding-left:24px !important;padding-right:24px !important}
/* HERO h1: 'mostove' light-blue akcenat ( u naslovu) + max-width 560 (lom u 4 reda kao mockup) */
.nbhf-h1 em,.nbhf-hero h1 em{color:#d0e5ff !important;font-style:normal}
.nbhf-h1 .elementor-heading-title{max-width:560px}
@media(max-width:767px){.nbhf-h1 .elementor-heading-title{max-width:none}}
.nbhf-hero .nbhf-lead p{max-width:46ch}
/* ============================================================
v4 MOCKUP-FAITHFUL LAYER (2026-06-26) — autoritet = mockup assets/style.css
HTML-widget komponente koriste TAČNE mockup klase + TAČAN mockup CSS.
Native widgeti dobijaju bridževe na verifikovani Elementor DOM. 0 mrtvih selektora.
============================================================ */
/* ---- eyebrow u HTML widgetima (.eyebrow); native koristi .nbhf-eyebrow ---- */
.elementor[data-elementor-type] .eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-display);font-weight:700;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--navy);margin-bottom:14px}
.elementor[data-elementor-type] .eyebrow::before{content:"";width:26px;height:2px;background:var(--navy);display:inline-block}
/* ---- BTN sistem za HTML-widget dugmad (.btn .btn-X) ---- */
.elementor[data-elementor-type] .btn{display:inline-flex;align-items:center;gap:.55em;cursor:pointer;font-family:var(--ff-display);font-weight:700;font-size:.98rem;padding:.85em 1.5em;border-radius:999px;border:2px solid transparent;transition:.18s ease;white-space:nowrap;letter-spacing:.01em;text-decoration:none}
.elementor[data-elementor-type] .btn svg{width:18px;height:18px}
.elementor[data-elementor-type] .btn-primary{background:var(--navy);color:#fff !important;border-color:var(--navy)}
.elementor[data-elementor-type] .btn-primary:hover{background:var(--navy-700);transform:translateY(-2px);box-shadow:var(--shadow)}
.elementor[data-elementor-type] .btn-outline{background:transparent;color:var(--navy) !important;border-color:#c9d6ef}
.elementor[data-elementor-type] .btn-outline:hover{border-color:var(--navy);background:var(--blue-50)}
.elementor[data-elementor-type] .btn-white{background:#fff;color:var(--navy) !important;border-color:#fff}
.elementor[data-elementor-type] .btn-white:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.elementor[data-elementor-type] .btn-ghost-light{background:transparent;color:#fff !important;border-color:rgba(255,255,255,.45)}
.elementor[data-elementor-type] .btn-ghost-light:hover{border-color:#fff;background:rgba(255,255,255,.1)}
/* ---- NATIVE dugmad: widget wrapper bez paddinga (14.45px 25.5px) I bez bordera (2px iz .nbhf-btn linije)
— oba su gurala dugme udesno (+25.5 i +2px). Mockup .btn nema wrapper; razmak = .nbhf-row gap. ---- */
.elementor[data-elementor-type] .elementor-widget-button{padding-left:0 !important;padding-right:0 !important;border:0 !important}
/* ---- NATIVE dugmad: hover (s !important da pregazi osnovni !important) ---- */
.nbhf-btn-primary:hover .elementor-button{background:var(--navy-700) !important;transform:translateY(-2px);box-shadow:var(--shadow)}
.nbhf-btn-white:hover .elementor-button{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.nbhf-btn-outline:hover .elementor-button{border-color:var(--navy) !important;background:var(--blue-50) !important}
.nbhf-btn-ghost:hover .elementor-button{border-color:#fff !important;background:rgba(255,255,255,.1) !important}
/* NATIVE strelica = tačan Feather arrow preko CSS mask (boja = currentColor dugmeta) */
.nbhf-arr .elementor-button-text{display:inline-flex;align-items:center;gap:.55em}
.nbhf-arr .elementor-button-text::after{content:"";width:18px;height:18px;flex:0 0 auto;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
/* ---- CARD ikona = inline SVG (mockup .card .ico) ---- */
.nbhf-ico{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;background:var(--blue-50);color:var(--navy);margin:0 0 18px}
.nbhf-ico svg{width:26px;height:26px;stroke:currentColor;color:var(--navy)}
.nbhf-card .elementor-widget-html{margin-bottom:0}
/* card tag = Inter (mockup .card .tag nema font-family → body Inter); pregazi heading-bridge Archivo */
.elementor[data-elementor-type] .nbhf-tag .elementor-heading-title{font-family:var(--ff-body) !important}
/* ---- PANELI (native) = mockup .vm .v / .vm .m. Gađa DIREKTNO (mrtvi .elementor-text-editor) ---- */
.nbhf-vpanel,.nbhf-mpanel{height:auto !important;position:relative;overflow:hidden}
.nbhf-vpanel p,.nbhf-vpanel .elementor-widget-text-editor p{color:#dce7ff !important}
.nbhf-mpanel p,.nbhf-mpanel .elementor-widget-text-editor p{color:var(--text) !important}
.nbhf-vpanel .elementor-heading-title{color:#fff !important}
.nbhf-mpanel .elementor-heading-title{color:var(--ink) !important}
.nbhf-vpanel .nbhf-kicker .elementor-heading-title{color:var(--blue-light) !important}
.nbhf-mpanel .nbhf-kicker .elementor-heading-title{color:var(--navy) !important}
/* dots dekoracija (mockup .vm .dots) — vpanel bijele, mpanel navy */
.nbhf-vpanel::after,.nbhf-mpanel::after{content:"";position:absolute;right:-30px;bottom:-30px;width:160px;height:160px;opacity:.18;background-image:radial-gradient(currentColor 2px,transparent 2.2px);background-size:18px 18px;pointer-events:none}
.nbhf-vpanel::after{color:#fff} .nbhf-mpanel::after{color:var(--navy)}
/* ---- EYEBROW crtica: ide na .elementor-heading-title (NE widget) jer Elementor flex-container
blokifikuje widget inline-flex→flex(puna širina) → crtica se odvoji od teksta pri centriranju ---- */
.nbhf-eyebrow::before{display:none !important}
.nbhf-eyebrow .elementor-heading-title{display:inline-flex;align-items:center;gap:8px}
.nbhf-eyebrow .elementor-heading-title::before{content:"";width:26px;height:2px;background:var(--navy);flex:0 0 auto}
.nbhf-eyebrow.light .elementor-heading-title::before{background:var(--blue-light)}
/* CENTRIRANJE eyebrow-a: Elementor blokificira widget inline-flex→flex, a text-align:center se
IGNORIŠE na flex itemima → treba justify-content:center u centriranim sekcijama (.nbhf-center). */
.nbhf-center .nbhf-eyebrow{justify-content:center !important}
/* ---- HERO STATS (mockup .hero-stats) ---- */
.hero-stats{display:flex;gap:34px;margin-top:46px;flex-wrap:wrap}
.hero-stats .num{font-family:var(--ff-display);font-weight:800;font-size:2rem;color:#fff;line-height:1}
.hero-stats .lbl{font-size:.85rem;color:#9fb6ee;margin-top:6px;max-width:16ch}
/* ---- HERO SOCIAL (LinkedIn + Instagram, na tamnoj hero) — 2026-06-28 (Amina) ---- */
.hero-social{display:flex;gap:10px;margin-top:24px}
.hero-social a{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(208,229,255,.25);display:grid;place-items:center;transition:.18s}
.hero-social a:hover{background:rgba(255,255,255,.18);border-color:rgba(208,229,255,.5)}
.hero-social svg{width:18px;height:18px;color:#fff}
/* ---- HERO CARD (mockup .hero-card) ---- */
.hero-card{position:relative;background:rgba(255,255,255,.06);border:1px solid rgba(208,229,255,.22);border-radius:22px;padding:30px;backdrop-filter:blur(6px);box-shadow:var(--shadow-lg);max-width:460px;margin-left:auto}
.hero-card .map{display:block;margin:0 auto 18px;width:130px;opacity:.95;filter:brightness(0) invert(1)}
.hero-card h3{color:#fff !important;text-align:center;font-size:1.15rem;margin-bottom:6px}
.hero-card p{color:#c5d6ff;text-align:center;font-size:.92rem;margin:0}
.hero-card .pillarrow{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:18px}
.hero-card .pillarrow span{font-size:.72rem;background:rgba(208,229,255,.13);border:1px solid rgba(208,229,255,.2);color:#dbe7ff;padding:5px 10px;border-radius:999px}
/* ---- TAGCHIPS (mockup .tagchips) ---- */
.tagchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.tagchips span{font-size:.82rem;font-weight:600;color:var(--navy);background:var(--blue-50);border:1px solid var(--blue-100);padding:6px 13px;border-radius:999px}
/* ---- PHOTO band (mockup .photo) — SCOPED na Elementor sadržaj!
WP avatari imaju klasu "photo" (hCard) → bez scope-a min-height:280px naduva admin-bar avatar. ---- */
.elementor[data-elementor-type] .photo{position:relative;border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,#0a3ab0,#021a6e);min-height:280px;border:1px solid rgba(208,229,255,.18)}
.elementor[data-elementor-type] .photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.elementor[data-elementor-type] .photo .cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:38px 18px 15px;color:#fff;font-weight:600;font-size:.9rem;line-height:1.3;background:linear-gradient(transparent,rgba(1,16,63,.92))}
/* WP admin-bar avatar (samo ulogovani admin) — defanzivni reset protiv naduvavanja */
#wpadminbar img.avatar{width:26px !important;height:26px !important;min-height:0 !important;max-width:none !important;border-radius:50% !important;border:0 !important;background:none !important;position:static !important;inset:auto !important;object-fit:initial !important}
/* ---- SESSIONS (mockup .session) ---- */
.sessions{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.session{display:flex;gap:14px;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(208,229,255,.16);border-radius:12px;padding:14px 16px}
.session .n{font-family:var(--ff-display);font-weight:800;color:var(--blue-light);font-size:1.1rem;flex:0 0 auto;width:30px}
.session b{color:#fff;font-weight:600;font-size:.98rem}
/* ---- EVENTCARD (mockup .eventcard) ---- */
.eventcard{background:linear-gradient(160deg,#073bb8,#021a6e);border:1px solid rgba(208,229,255,.2);border-radius:20px;padding:32px;box-shadow:var(--shadow-lg)}
.eventcard .tag{display:inline-block;background:var(--gold);color:#3a2a00;font-family:var(--ff-display);font-weight:800;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:999px;margin-bottom:16px}
.eventcard h3{color:#fff !important;font-size:1.6rem;margin-bottom:6px}
.eventcard .when{color:#ffd884;font-weight:700;margin-bottom:18px}
.eventcard ul{list-style:none;margin:0 0 22px;padding:0}
.eventcard li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;color:#cfdcff;font-size:.95rem;border-bottom:1px dashed rgba(208,229,255,.16)}
.eventcard li svg{width:18px;height:18px;color:var(--blue-light);flex:0 0 auto;margin-top:3px}
/* ---- SPONSORS (mockup .logo-chip / .tier-label / .logo-row) ---- */
.logo-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.logo-chip{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 24px;font-family:var(--ff-display);font-weight:700;color:#36405a;font-size:1rem;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:8px;min-height:64px}
.logo-chip small{display:block;font-family:var(--ff-body);font-weight:500;font-size:.72rem;color:var(--muted)}
.tier-label{font-family:var(--ff-display);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;color:var(--muted);text-align:center;margin:34px 0 16px}
/* ---- CTA (native) = mockup .cta (h2 max-width 20ch, lead 52ch #c5d6ff) ---- */
.nbhf-cta .elementor-heading-title{max-width:20ch;margin-left:auto;margin-right:auto}
.nbhf-cta .nbhf-lead{max-width:52ch;margin-left:auto;margin-right:auto}
.nbhf-cta .nbhf-lead p{color:#c5d6ff !important}
/* ---- NEWSLETTER (mockup .newsletter 2 kolone) ---- */
.newsletter{background:var(--blue-50);border:1px solid var(--blue-100);border-radius:22px;padding:44px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}
.newsletter h3{font-family:var(--ff-display);color:var(--ink);font-size:1.6rem;margin:0 0 6px;letter-spacing:-.01em}
.newsletter .muted{color:var(--muted);margin:0}
.nl-form{display:flex;gap:10px;flex-wrap:wrap}
.nl-form input{flex:1;min-width:180px;padding:14px 18px;border-radius:999px;border:1px solid #c9d6ef;font:inherit;background:#fff}
.nl-form input:focus{outline:2px solid var(--navy);border-color:var(--navy)}
/* ---- responsive (mockup @media 960/560) ---- */
@media(max-width:1024px){.newsletter{grid-template-columns:1fr}}
@media(max-width:767px){.hero-stats{gap:24px}.newsletter,.eventcard{padding:28px}}
/* ============================================================
v5 VERTIKALNI RITAM (2026-06-26) — mockup margine umjesto Elementor uniform gap.
Stack-kolone: gap:0 (grid gapovi ostaju). Spacing = margin-bottom prethodnog (mockup vrijednosti).
Elementor resetuje widget margin → !important. Margine se u flexu DODAJU na gap (zato gap:0).
============================================================ */
.nbhf-hero-grid>.e-con,.nbhf-about>.e-con,.nbhf-feature-grid>.e-con,
.nbhf-center:not(.nbhf-row),.nbhf-vpanel,.nbhf-mpanel{gap:0 !important}
/* button widget: pun reset paddinga+bordera (vertikala ide preko margina) */
.elementor[data-elementor-type] .elementor-widget-button{padding:0 !important;border:0 !important}
/* interni margin-top HTML komponenti = 0 (spacing nosi prethodni element, da nema double-counta) */
.hero-stats,.sessions,.tagchips{margin-top:0 !important}
/* margine (tačne mockup vrijednosti) */
.nbhf-eyebrow{margin-bottom:14px !important}
.nbhf-h1{margin-bottom:32px !important}
.nbhf-h2{margin-bottom:22px !important}
.nbhf-kicker{margin-bottom:10px !important}
.nbhf-vpanel .nbhf-h3,.nbhf-mpanel .nbhf-h3{margin-bottom:14px !important}
.nbhf-lead{margin-bottom:16px !important}
.nbhf-hero .nbhf-lead{margin-bottom:30px !important}
.nbhf-cta .nbhf-lead{margin-bottom:28px !important}
.nbhf-feature .nbhf-lead{margin-bottom:24px !important}
.nbhf-hero .nbhf-row{margin-bottom:46px !important}
.nbhf-hero .elementor-widget-html:first-child{margin-bottom:20px !important} /* badge→h1 24 */
.nbhf-about .elementor-widget-text-editor{margin-bottom:16px !important}
.nbhf-about .elementor-widget-html{margin-bottom:24px !important} /* tagchips→button */
.nbhf-feature-grid .elementor-widget-html{margin-bottom:28px !important} /* sessions→button */
.nbhf-feature .photo{margin-bottom:32px !important} /* photoband→eyebrow 52 (32+gap20) */
.nbhf-center.nbhf-maxw{margin-bottom:30px !important} /* header→grid 50 (oblasti/vizija) */
.nbhf-tight .nbhf-center.nbhf-maxw{margin-bottom:-20px !important;max-width:680px} /* sponzori header→tier 34; mockup maxw 680 (h2 u 2 reda) */
.nbhf-tight .elementor-widget-html{margin-bottom:14px !important} /* sponzori tiers→button 34 */
/* ============================================================
v6 CHECKER-FOUND FIXES (2026-06-26) — automatski našao checker.py
============================================================ */
/* eyebrow centriranje: Elementor blokificira widget inline-flex→flex; text-align:center se ignoriše na flex itemu */
.nbhf-center .nbhf-eyebrow{justify-content:center !important}
/* body tekst boja: Kadence postavlja sivu (#7a7a7a) na text-editor → vrati --text */
.elementor[data-elementor-type] .elementor-widget-text-editor p{color:var(--text)}
/* leadovi na tamnim sekcijama (.nbhf-white * ih radi bijelim — vrati mockup boje) */
.nbhf-hero .nbhf-lead p{color:#c5d6ff !important}
.nbhf-feature .nbhf-lead p{color:#bcd0ff !important}
.nbhf-cta .nbhf-lead p{color:#c5d6ff !important}
.nbhf-vpanel .elementor-widget-text-editor p{color:#dce7ff !important}
/* CTA lead širina: max-width:52ch nije hvatao na widgetu */
.nbhf-cta .nbhf-lead{max-width:52ch !important;margin-left:auto !important;margin-right:auto !important}
/* KARTICA interni razmak: Elementor gap=20 nepomjeriv → negativne margine (gap+margin = mockup ico18/tag10/h3 8) */
.nbhf-card .elementor-widget-html{margin-bottom:-2px !important}
.nbhf-tag{margin-bottom:-10px !important}
.nbhf-card .nbhf-h3{margin-bottom:-12px !important}
/* sponzori header→tier 34 (widget margin-top stabilnije od neg. margine na flex itemu) */
.nbhf-tight .nbhf-center.nbhf-maxw{margin-bottom:0 !important}
.nbhf-tight .elementor-widget-html{margin-top:-42px !important} /* header→tier 34 (file-state baseline 76, 1:1) */
/* CTA h2→lead 17 */
.nbhf-cta .nbhf-h2{margin-bottom:17px !important}
/* panel kicker→naslov 10 (file-state gap≈6 + mb4) */
.nbhf-vpanel .nbhf-kicker,.nbhf-mpanel .nbhf-kicker{margin-bottom:4px !important}
/* zadnje 2 (do apsolutne 0): newsletter input crn tekst + vizija header 680 (jedini maxw-bez-lead-a, :has) */
.nl-form input{color:#000 !important}
.nbhf-section .nbhf-center.nbhf-maxw:not(:has(.nbhf-lead)){max-width:680px}
/* ============================================================
v7 O-NAMA PAGE LAYER (2026-06-26) — subpage hero + breadcrumb + vlist + split rhythm
Dijeli sav postojeci sistem; ovdje samo NOVE komponente za podstranice.
============================================================ */
/* ---- PAGE HERO (subpages): koristi .nbhf-section plumbing + ovaj override (padding 70, navy, dots) ---- */
.nbhf-page-hero{padding-top:70px !important;padding-bottom:70px !important;
background:radial-gradient(120% 160% at 90% -20%,#07309e,var(--navy) 45%,var(--navy-deep));color:#fff;position:relative;overflow:hidden}
.nbhf-page-hero::before{content:"";position:absolute;inset:0;opacity:.4;pointer-events:none;
background-image:radial-gradient(rgba(208,229,255,.3) 1.3px,transparent 1.4px);background-size:24px 24px;
-webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent)}
.nbhf-page-hero>*{position:relative;z-index:1}
.nbhf-page-hero .elementor-heading-title{color:#fff !important}
/* page-hero vertikalni ritam: gap:0 — VAŽNO: boxed drzi widget-gap na .e-con-inner (NE .e-con-boxed!).
(full kontejner=gap na .e-con; boxed=gap na .e-con-inner — zato home/full radio bez ovog.) */
.nbhf-page-hero .e-con-boxed,.nbhf-page-hero .e-con-boxed>.e-con-inner{gap:0 !important}
.nbhf-page-hero .nbhf-breadcrumb{margin-bottom:14px !important}
.nbhf-page-hero .nbhf-h1{margin-bottom:14px !important}
.nbhf-page-hero .nbhf-h1 .elementor-heading-title{max-width:none} /* override home 560 */
.nbhf-page-hero .nbhf-lead{margin-bottom:0 !important}
/* page-hero lead (mockup .page-hero p): #c5d6ff, 1.12rem, max 60ch */
.nbhf-page-hero .nbhf-lead p{color:#c5d6ff !important;font-size:1.12rem !important;max-width:60ch;margin-top:0 !important}
/* breadcrumb (mockup .breadcrumb): Inter .85rem #9fb6ee 600; link #c5d6ff */
.nbhf-breadcrumb p{font-family:var(--ff-body) !important;font-size:.85rem !important;color:#9fb6ee !important;font-weight:600 !important;letter-spacing:0;text-transform:none;margin:0}
/* link u breadcrumb-u: Kadence ga renderuje Roboto 500 → vrati Inter 600 (a-tag NE nasljeđuje od p) */
.nbhf-breadcrumb a{font-family:var(--ff-body) !important;font-weight:600 !important;font-size:.85rem !important;color:#c5d6ff !important;text-decoration:none}
/* ---- SPLIT kolone: gap:0 (vertikala = global margine, kao .nbhf-about) ---- */
.nbhf-split>.e-con{gap:0 !important}
/* ---- VLIST NATIVE (djelatnosti): grid kontejner + flex item (sicusni HTML ikona + NATIVE tekst editabilan) ---- */
.nbhf-vlist{display:grid !important;gap:14px}
.nbhf-vitem{display:flex !important;flex-direction:row !important;gap:14px !important;align-items:flex-start}
.nbhf-vitem .elementor-widget-html{flex:0 0 auto} /* ikona: fiksna sirina */
.nbhf-vitem .elementor-widget-text-editor{flex:1 1 0;min-width:0} /* tekst: puni ostatak + wrap */
.elementor[data-elementor-type] .vico{flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:var(--blue-50);color:var(--navy);display:grid;place-items:center}
.elementor[data-elementor-type] .vico svg{width:20px;height:20px;stroke:currentColor;color:var(--navy)}
.nbhf-vtext p{margin:0 !important;color:var(--text);font-weight:400}
.nbhf-vtext strong{font-family:var(--ff-display);color:var(--ink);font-weight:700}
/* ---- centrirani fineprint (mockup p.muted center .92rem) ---- */
.nbhf-note p{text-align:center !important;font-size:.92rem !important;color:var(--muted) !important;margin:0}
/* ---- S3 header (eyebrow+h2 bez lead-a): mockup maxw 700 (override :has 680) ---- */
.nbhf-maxw700{max-width:700px !important}
/* ---- S5 kartica "Jezik rada": p→tagchips = 14 (mockup tagchips mt14; Elementor gap 20).
SCOPED na chips-widget (:has) → ne dira ostale card-p (inace skrati grid pa note gap padne). ---- */
.nbhf-card .elementor-widget-html:has(.tagchips){margin-top:-6px !important}
/* ============================================================
v8 NAŠ TIM PAGE LAYER (2026-06-26) — lhead (lijevi header) + person/avatar + card_url
============================================================ */
/* ---- LHEAD: lijevi eyebrow+h2 u gap:0 kontejneru (boxed-inner dodaje 20px → eyebrow→h2 bi bilo 34; gap:0 vraća 14).
h2 je full-width unutar lhead → box-centar = C (tekst lijevo), kao mockup. ---- */
.nbhf-lhead{gap:0 !important}
/* ---- PERSON (tim): avatar(HTML inicijali) + ime(native h4) + uloga(native p), centrirano, gap:0 ---- */
.nbhf-person{gap:0 !important;text-align:center}
.nbhf-person .nbhf-avatar{width:100%;margin-bottom:14px;position:relative;overflow:hidden}
/* avatar dot-motiv (mockup .person .avatar::after) */
.nbhf-avatar::after{content:"";position:absolute;inset:0;opacity:.25;pointer-events:none;
background-image:radial-gradient(var(--navy) 1.2px,transparent 1.3px);background-size:16px 16px;
-webkit-mask-image:radial-gradient(60% 60% at 50% 120%,#000,transparent);mask-image:radial-gradient(60% 60% at 50% 120%,#000,transparent)}
.nbhf-avatar span{position:relative;z-index:1}
/* ime h4 = 16px/700/Archivo/ink; uloga p = 13px/400/Inter/muted; ime→uloga = 3 */
.nbhf-pname .elementor-heading-title{font-size:1.02rem !important;font-weight:700 !important;color:var(--ink) !important;margin:0}
.nbhf-pname{margin-bottom:3px !important}
.nbhf-prole p{font-size:.84rem !important;font-weight:400 !important;color:var(--muted) !important;margin:0;line-height:1.4}
/* ---- CARD_URL (organizacije): h3 + (desc 15px + url 14px u jednom text-editoru), desc→url = 0 ---- */
.nbhf-card .nbhf-cardtext p{margin:0 !important}
.nbhf-card .nbhf-cardtext .cardurl{font-size:.88rem !important;color:var(--text) !important}
/* ---- NOTE u tim-sekciji: people→note = 34 (boxed gap 20 + mt 14); link navy + Inter 400 (Kadence a=Roboto 500) ---- */
.nbhf-note-mt{margin-top:14px !important}
.nbhf-note a{color:var(--navy) !important;text-decoration:none;font-family:var(--ff-body) !important;font-weight:400 !important}
/* ============================================================
v9 FORUM PAGE LAYER (2026-06-26) — ph-label + mb8 + maxw680 + mlink + galerija note
============================================================ */
/* ---- PH-LABEL (mockup .photo .ph-label) — placeholder u .photo.light; .photo centrira sadržaj ---- */
.elementor[data-elementor-type] .photo{display:grid;place-items:center}
.elementor[data-elementor-type] .photo.light{background:linear-gradient(135deg,#dfeaff,#f2f6ff);border-color:var(--blue-100)}
.elementor[data-elementor-type] .photo .ph-label{position:relative;z-index:1;color:#bcd0ff;font-size:.86rem;font-weight:600;text-align:center;padding:0 20px}
.elementor[data-elementor-type] .photo.light .ph-label{color:var(--navy)}
.elementor[data-elementor-type] .photo .ph-label svg{width:30px;height:30px;display:block;margin:0 auto 8px;opacity:.8}
/* ---- h2 mb8 (govornici header: h2→lead = 8 umjesto 22) ---- */
.nbhf-mb8{margin-bottom:8px !important}
/* ---- maxw680 (sesije centrirani header S lead-om; :has daje 680 samo bez lead-a) ---- */
.nbhf-maxw680{max-width:680px !important}
/* ---- MLINK (skupovi): muted p + navy Inter link ---- */
.nbhf-mlink p{color:var(--muted) !important}
.nbhf-mlink a{color:var(--navy) !important;font-family:var(--ff-body) !important;font-weight:400 !important;text-decoration:none}
/* ---- GALERIJA note: grid→note ≈ 24 (boxed gap 20 + mt 4) ---- */
.nbhf-note-gal{margin-top:4px !important}
/* ============================================================
v10 ČLANOVI I SPONZORI LAYER (2026-06-27) — form-card + CF7 + vlist-clan + divider
============================================================ */
/* ---- VLIST u #clan (poslije lead-a): prvi item = lead mb16 + vlist mt8 = 24 ---- */
.nbhf-vlist-clan{margin-top:8px !important}
/* ---- FORM-CARD: u splitu pa je gap:0 (NE 20!) → margine POZITIVNE; h3→p=4, p→forma=8; box-shadow uvijek ---- */
.nbhf-formcard{box-shadow:var(--shadow)}
.nbhf-formcard .nbhf-h3{margin-bottom:4px !important}
.nbhf-formnote p{font-size:.9rem !important;color:var(--text) !important;margin:0}
.nbhf-formcard .nbhf-formnote{margin-bottom:8px !important}
/* ---- CF7 forma (.nbhf-form): neutrališi skriveni fieldset (Kadence mu da 20px margine) + response div ---- */
.nbhf-form .wpcf7,.nbhf-form .wpcf7-form{margin:0 !important}
.nbhf-form .wpcf7-form fieldset,.nbhf-form .hidden-fields-container{margin:0 !important;padding:0 !important;border:0 !important}
/* form-p line-height:0 ubija line-box razmak između inline-block polja (i BR-ova); kontrole vrate normalan lh.
Tako su SVI razmaci = samo margine (mb12), uključujući submit (koji nema span.wrap pa je hvatao extra lh). */
.nbhf-form .wpcf7-form > p{margin:0 !important;line-height:0 !important}
.nbhf-form .wpcf7-form-control{width:100% !important;line-height:1.4 !important;vertical-align:top}
.nbhf-form .wpcf7-form-control:not(.wpcf7-submit){margin-bottom:12px !important}
/* CF7 response poruka: skrivena dok je prazna, prikaže se + stilizuje na submit (success zeleno / error crveno).
(RANIJE bila display:none → korisnik nije imao feedback. :not(:empty) = prikaži kad ima poruku.) */
.nbhf-form .wpcf7-response-output{display:none;margin:16px 0 0 !important;padding:11px 16px;border-radius:11px;border:1px solid #cdd8ee;background:var(--blue-50);color:var(--ink);font-size:.92rem;line-height:1.45}
.nbhf-form .wpcf7-response-output:not(:empty){display:block}
.nbhf-form .wpcf7-mail-sent-ok{background:#eafaf0 !important;border-color:#9ad9b4 !important;color:#15683a !important}
.nbhf-form .wpcf7-validation-errors,.nbhf-form .wpcf7-mail-sent-ng,.nbhf-form .wpcf7-spam-blocked,.nbhf-form .wpcf7-aborted{background:#fdecec !important;border-color:#eab4b4 !important;color:#b3261e !important}
/* greške po polju */
.nbhf-form .wpcf7-not-valid-tip{color:#b3261e !important;font-size:.84rem;margin-top:4px;display:block}
.nbhf-form .wpcf7-form-control.wpcf7-not-valid{border-color:#e09a9a !important}
.nbhf-form .wpcf7-spinner{display:none !important}
/* submit: Kadence inverituje (navy tekst/blue-light bg) → forsiraj navy bg + bijeli tekst + razmak 12 */
.nbhf-form .wpcf7-submit{background:var(--navy) !important;color:#fff !important;border:0 !important;border-radius:999px !important;font-family:var(--ff-display) !important;font-weight:700 !important;font-size:1rem !important;padding:13px 26px !important;width:100% !important;margin:0 !important;cursor:pointer}
.nbhf-form .wpcf7-submit:hover{background:var(--navy-700) !important}
/* ---- DIVIDER (mockup hr.divider): full-width 1px linija, sekcija bez paddinga ---- */
.nbhf-dividersec{padding-top:0 !important;padding-bottom:0 !important}
.nbhf-divider{height:1px;background:var(--line);border:0;margin:0}
/* ============================================================
v11 KONTAKT LAYER (2026-06-27) — social ikone (vidljive) + vlist link
============================================================ */
/* social ikone — mockup .social je bijele ikone (za tamni footer) → NEVIDLJIVE na svijetloj kontakt sekciji.
nbhf-social = vidljive, on-brand: navy ikone na svijetlim kutijama, hover → navy kutija + bijela ikona. */
.nbhf-social{display:flex;gap:10px;margin-top:8px}
.nbhf-social a{width:38px;height:38px;border-radius:10px;background:var(--blue-50);border:1px solid var(--blue-100);display:grid;place-items:center;transition:.18s}
.nbhf-social a:hover{background:var(--navy);border-color:var(--navy)}
.nbhf-social svg{width:18px;height:18px;color:var(--navy)}
.nbhf-social a:hover svg{color:#fff}
/* vlist link (npr. email u kontakt-podacima): navy Inter 400 (Kadence a=Roboto 500) */
.nbhf-vtext a{color:var(--navy) !important;font-family:var(--ff-body) !important;font-weight:400 !important;text-decoration:none}
/* pravi Google Maps embed (zamjena placeholdera) — zaobljen okvir kao .photo */
.nbhf-map{border-radius:var(--radius);overflow:hidden;border:1px solid var(--blue-100);line-height:0}
.nbhf-map iframe{display:block;width:100%;height:360px;border:0}
/* ============================================================
v12 NEWSLETTER CF7 (2026-06-28) — inline pill forma (mockup .nl-form)
Shortcode widget s klasom .nbhf-nlform zamjenjuje .nl-form placeholder.
============================================================ */
.nbhf-nlform .wpcf7,.nbhf-nlform form.wpcf7-form{margin:0}
/* email + dugme u red (mockup .nl-form: flex gap 10) */
.nbhf-nlform .wpcf7-form>p{display:flex;gap:10px;flex-wrap:nowrap;align-items:center;margin:0;line-height:1.4}
.nbhf-nlform .wpcf7-form-control-wrap{flex:1 1 auto;min-width:0}
/* na malom telefonu stack (email pun + dugme pun ispod) */
@media(max-width:480px){.nbhf-nlform .wpcf7-form>p{flex-wrap:wrap}.nbhf-nlform .wpcf7-submit{width:100%}}
.nbhf-nlform input.wpcf7-email{width:100%;padding:14px 18px;border-radius:999px;border:1px solid #c9d6ef;font:inherit;background:#fff;color:var(--ink)}
.nbhf-nlform input.wpcf7-email:focus{outline:2px solid var(--navy);border-color:var(--navy)}
.nbhf-nlform .wpcf7-submit{flex:0 0 auto;width:auto;background:var(--navy) !important;color:#fff !important;border:0;border-radius:999px;font-family:var(--ff-display);font-weight:700;font-size:.98rem;padding:14px 26px;cursor:pointer}
.nbhf-nlform .wpcf7-submit:hover{background:var(--navy-700) !important}
.nbhf-nlform .wpcf7-spinner{display:none !important}
/* validacija po polju (lomi u novi red) */
.nbhf-nlform .wpcf7-not-valid-tip{flex-basis:100%;color:#b3261e !important;font-size:.84rem;margin:0}
.nbhf-nlform input.wpcf7-not-valid{border-color:#e09a9a !important}
/* response poruka (skrivena dok prazna, success zeleno / error crveno) */
.nbhf-nlform .wpcf7-response-output{display:none;margin:12px 0 0 !important;padding:10px 16px;border-radius:11px;border:1px solid #cdd8ee;background:#fff;color:var(--ink);font-size:.9rem;line-height:1.45}
.nbhf-nlform .wpcf7-response-output:not(:empty){display:block}
.nbhf-nlform .wpcf7-mail-sent-ok{background:#eafaf0 !important;border-color:#9ad9b4 !important;color:#15683a !important}
.nbhf-nlform .wpcf7-mail-sent-ng,.nbhf-nlform .wpcf7-validation-errors,.nbhf-nlform .wpcf7-spam-blocked,.nbhf-nlform .wpcf7-aborted{background:#fdecec !important;border-color:#eab4b4 !important;color:#b3261e !important}
/* newsletter NA ELEMENTOR boxed-containeru: klasa .newsletter na container,
djeca = HTML widget (tekst) lijevo + Shortcode forma desno. Grid ide na .e-con-inner (ne .e-con-boxed). */
.newsletter{padding:0 !important;display:block !important;background:transparent !important;border:0 !important}
.newsletter>.e-con-inner{display:grid !important;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center !important;background:var(--blue-50);border:1px solid var(--blue-100);border-radius:22px;padding:44px;max-width:1132px !important;margin-left:auto;margin-right:auto}
.newsletter .eyebrow{margin-bottom:12px}
.newsletter h3{font-family:var(--ff-display);color:var(--ink) !important;font-size:1.6rem;margin:0 0 6px;letter-spacing:-.01em;line-height:1.15}
.newsletter .muted{color:var(--muted) !important;margin:0}
.newsletter .elementor-widget-shortcode{margin:0}
@media(max-width:1024px){.newsletter>.e-con-inner{grid-template-columns:1fr !important;gap:24px}}
@media(max-width:767px){.newsletter>.e-con-inner{padding:28px !important}}
/* ============================================================
v13 MOBILNI QA FIX (2026-06-28)
============================================================ */
@media(max-width:767px){
/* gridovi: osiguraj grid + 1 kolona + AUTO redovi (Elementor zna preuzeti display; auto-rows spriječi prelijevanje) */
.elementor[data-elementor-type] .nbhf-grid4,.elementor[data-elementor-type] .nbhf-grid3,
.elementor[data-elementor-type] .nbhf-grid2,.elementor[data-elementor-type] .people{display:grid !important;grid-template-columns:1fr !important;grid-auto-rows:auto !important}
/* person: forsiraj stack (avatar -> ime -> uloga), djeca pun-width (override Elementor mobilne postavke) */
.nbhf-person{display:flex !important;flex-direction:column !important;align-items:center !important;height:auto !important}
.nbhf-person>.elementor-element{width:100% !important;align-self:stretch !important;flex:0 0 auto !important}
/* tim avatar mobil: VELIK pun-width, FIKSNA visina (aspect-ratio zna zakazati na mobilu -> ime upadne) */
.nbhf-person .nbhf-avatar{width:100% !important;max-width:none !important;aspect-ratio:auto !important;height:340px !important;min-height:340px !important;margin:0 0 14px !important}
}
/* ==== NATIVE LOGO SEKCIJE (2026-07-07) — zamjena HTML logo blokova native widgetima
(gen_logo_sections_native.py) da klijent sam mijenja logoe kroz Elementor.
Wall: gap 0 — vertikalni razmaci dolaze iz tier margina (34/16), ne iz container gapa.
Row: gotcha #B — kontejner mora eksplicitno row + gap 14 (stari inline stil HTML bloka). ==== */
.nbhf-logowall{gap:0 !important;padding:0 !important}
/* home: native WALL preuzima margine koje je stari HTML widget imao (l519/541: -42 header→tier, +14 tier→button) */
.nbhf-tight .nbhf-logowall{margin:-42px 0 14px !important}
.nbhf-logo-row{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;gap:14px !important;justify-content:center !important;padding:0 !important}
.nbhf-logo-row>.elementor-widget{width:auto;max-width:100%;margin:0}
/* tier naslov kao heading widget: inner p NE nasljeđuje s wrappera (globalni .elementor-heading-title
nosi ink !important + letter-spacing -.02em + lh 1.1) — mirror pravilo kao kod .nbhf-eyebrow */
.nbhf-tier .elementor-heading-title,.tier-label .elementor-heading-title{font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;color:var(--muted) !important;line-height:1.6;margin:0}
.nbhf-logowall .tier-label{margin:34px 0 16px !important}
/* image chip: bazno img pravilo (naslovnica; f25=44px i f26=46px override-uju u svojim layerima) */
.nbhf-chip img{height:44px;width:auto;max-width:160px;object-fit:contain;display:block}
.nbhf-chip.org img{height:56px;max-width:220px}
/* robusnost: ako Elementor markup NIJE optimized (doda .elementor-widget-container),
wrapper postaje transparentan → img je direktan child chipa u OBA slučaja (belt&braces) */
.nbhf-chip .elementor-widget-container{display:contents}
/* tekstualni "Uskoro" chip = heading widget u chip kutiji */
.nbhf-chip .elementor-heading-title{font-weight:700;font-size:1rem;color:#36405a !important;letter-spacing:normal;line-height:inherit;margin:0}
.nbhf-chip-soon{opacity:.55}
/* AMBASADE (home "Pod pokroviteljstvom"): iste dimenzije kartice + logoi poravnati po visini.
Svedska slika ima 6 redova teksta (5 jezika) pa je prirodno sira → fiksna sirina izjednacava sve tri.
Cilja po "amb-" u nazivu slike; mobilni = puna sirina (stack). :has podrzan u svim modernim browserima. */
.nbhf-tight .nbhf-chip:has(img[src*="amb-"]){width:220px !important;align-items:center !important}
.nbhf-tight .nbhf-chip:has(img[src*="amb-"]) img{height:44px !important;max-width:180px !important;margin:0 auto !important}
@media(max-width:767px){.nbhf-tight .nbhf-chip:has(img[src*="amb-"]){width:100% !important}}
/* ==== NATIVE AVATAR FOTKA (nbhf-av) — Image widget umjesto HTML inicijala (Naš tim UO, 2026-07-09)
Isti okvir kao .nbhf-avatar (aspect 1, radius 18, gradient bg, dot-motiv), img cover. Obrazac = f25-av. ==== */
.nbhf-person .nbhf-av{aspect-ratio:1;border-radius:18px;background:linear-gradient(150deg,var(--blue-100),#fff);border:1px solid var(--line);margin:0 0 14px !important;position:relative;overflow:hidden;width:100%}
.nbhf-person .nbhf-av::after{content:"";position:absolute;inset:0;opacity:.25;pointer-events:none;background-image:radial-gradient(var(--navy) 1.2px,transparent 1.3px);background-size:16px 16px;-webkit-mask-image:radial-gradient(60% 60% at 50% 120%,#000,transparent);mask-image:radial-gradient(60% 60% at 50% 120%,#000,transparent)}
.nbhf-person .nbhf-av img{position:relative;z-index:1;width:100% !important;height:100% !important;object-fit:cover;object-position:center top;display:block;border-radius:0 !important;max-width:none}
.nbhf-person .nbhf-av .elementor-widget-container{display:contents} /* belt&braces ako markup nije optimized (#Q) */
/* ==== NAŠ TIM SAVJETNICI — kartice (nbhf-name, jedna boja navy) + placeholder osnivačke skupštine (2026-07-09) ==== */
.nbhf-names{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:12px !important}
.nbhf-name{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;border-left:3px solid var(--navy);display:block}
.nbhf-name .nbhf-nname .elementor-heading-title{display:block;font-family:var(--ff-display);font-size:.98rem;color:var(--ink) !important;line-height:1.25;font-weight:700;letter-spacing:normal;margin:0}
.nbhf-name .nbhf-nrole p{color:var(--muted) !important;font-size:.84rem;margin:0 !important;line-height:1.4}
@media(max-width:1024px){.nbhf-names{grid-template-columns:repeat(2,1fr) !important}}
@media(max-width:767px){.nbhf-names{grid-template-columns:1fr !important}}
/* osnivačka skupština = NATIVE Image widget (Elementor default placeholder; Amina "Choose Image" → grupna fotka) */
.nbhf-founding-img{margin-bottom:26px}
.nbhf-founding-img img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);display:block}
/* ==== O NAMA "Gdje djelujemo" — flag chipovi (native Image + naziv; rade svugdje za razliku od emoji) 2026-07-09 ==== */
.nbhf-flags{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;gap:10px !important;margin-top:18px}
.nbhf-flag{display:inline-flex !important;flex-direction:row !important;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 15px 7px 9px;width:auto;box-shadow:var(--shadow-sm)}
.nbhf-flag-img{width:auto !important}
.nbhf-flag-img img{width:26px;height:auto;border-radius:3px;display:block;box-shadow:0 1px 2px rgba(1,16,63,.18)}
.nbhf-flag .nbhf-flag-name .elementor-heading-title{font-family:var(--ff-body);font-weight:600;font-size:.92rem;color:var(--ink) !important;margin:0;line-height:1.2;letter-spacing:normal}
/* ==== NASLOVNA carousel citata (native kartice + WPCode JS mehanizam; Elementor free nema testimonial carousel) 2026-07-09 ==== */
.nbhf-quotes{display:grid;position:relative;margin-top:38px}
.nbhf-quote{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .5s ease;pointer-events:none;text-align:center;max-width:800px;margin:0 auto;padding:0 20px}
.nbhf-quote.active{opacity:1;visibility:visible;pointer-events:auto}
.nbhf-quotes::before{content:"\201C";position:absolute;top:-34px;left:50%;transform:translateX(-50%);font-family:Georgia,serif;font-size:5rem;color:rgba(208,229,255,.28);line-height:1;pointer-events:none}
.nbhf-quote .nbhf-quote-text p{color:#dbe7ff !important;font-size:clamp(1.15rem,2vw,1.5rem) !important;line-height:1.55;font-style:italic;margin:0}
.nbhf-quote .nbhf-quote-author .elementor-heading-title{color:#9fb6ee !important;font-family:var(--ff-display);font-weight:700;font-size:.92rem;letter-spacing:.04em;margin:22px 0 0 !important;font-style:normal}
.nbhf-quote .nbhf-quote-author .elementor-heading-title::before{content:"— "}
/* kontrole (JS kreira .nbhf-quote-ctrl poslije .nbhf-quotes) */
.nbhf-quote-ctrl{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:32px}
.nbhf-quote-arw{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(208,229,255,.3);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.18s;padding:0;font-family:var(--ff-body)}
.nbhf-quote-arw:hover{background:rgba(255,255,255,.2);border-color:rgba(208,229,255,.6)}
.nbhf-quote-dots{display:flex;gap:9px}
.nbhf-quote-dot{width:9px;height:9px;border-radius:50%;background:rgba(208,229,255,.32);border:0;cursor:pointer;padding:0;transition:.18s}
.nbhf-quote-dot.active{background:#fff;transform:scale(1.25)}
/* ============================================================
FORUM 2026 — pink + ljubičasta tema
Dodaj NA KRAJ Kadence "Dodatni CSS" (poslije postojećeg nbhf bloka).
Scope: klasa "f26" na SVAKI section-container Forum 2026 stranice
(Elementor: Section → Advanced → CSS Classes → "f26 nbhf-section ...").
Koristi postojeće nbhf-* komponente; ovdje samo boje + nove (dani/teme).
============================================================ */
:root{
--f26-pink:#ff5b9e; --f26-pink-l:#ff8ec0; --f26-purple:#a15bff; --f26-purple-l:#c8a3ff;
--f26-indigo:#2a1d80; --f26-deep:#0e0b3d;
}
/* ---- SEKCIJE: vertikalni padding (Elementor container nema; nbhf-section ima, ostale ne) ---- */
.f26.nbhf-hero{padding:84px 0 92px}
.f26.nbhf-feature,.f26.nbhf-soft,.f26.nbhf-cta-purple,.f26.nbhf-cta{padding:92px 0}
@media(max-width:767px){.f26.nbhf-hero,.f26.nbhf-feature,.f26.nbhf-soft,.f26.nbhf-cta-purple,.f26.nbhf-cta{padding:64px 0}}
/* ---- HERO (pink→ljubičasta) ---- */
.f26.nbhf-hero{background:radial-gradient(120% 130% at 100% -10%,#6d3bd4 0%,var(--f26-indigo) 40%,var(--f26-deep) 100%);color:#efe9ff}
.f26.nbhf-hero .nbhf-lead{color:#d8ccff}
.f26.nbhf-hero .nbhf-h1{color:#fff}
.f26 .nbhf-badge{background:rgba(255,119,176,.16);border-color:rgba(255,119,176,.55);color:#ffd0e6}
.f26 .nbhf-badge b{color:#fff}
.f26-grad{background:linear-gradient(90deg,var(--f26-pink),var(--f26-purple-l));-webkit-background-clip:text;background-clip:text;color:transparent}
.f26 .nbhf-stat .num{background:linear-gradient(90deg,var(--f26-pink-l),#c3a3ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.f26 .nbhf-stat .lbl{color:#b9a8ee;white-space:nowrap}
/* ---- akcenti (eyebrow, dot-motiv u pink/ljubičasta) ---- */
.f26 .nbhf-eyebrow{color:#c22a86}
.f26.nbhf-soft{background:linear-gradient(180deg,#faf4ff,#fff)}
/* ---- NAJAVA (tamna feature u ljubičasta) + eventcard ---- */
.f26.nbhf-feature,.f26.nbhf-lede{background:radial-gradient(130% 130% at 0% 0%,var(--f26-indigo),var(--f26-deep) 60%);color:#e9e2ff}
.f26.nbhf-feature .nbhf-lead,.f26.nbhf-lede .nbhf-lead{color:#cfc2ff}
.f26 .nbhf-eventcard{background:linear-gradient(160deg,#7a3bd6,var(--f26-indigo))}
.f26 .nbhf-eventcard .tag{background:linear-gradient(90deg,var(--f26-pink),var(--f26-purple));color:#fff}
.f26 .nbhf-eventcard .when{color:#ffbfe0}
.f26 .nbhf-eventcard li svg,.f26 .nbhf-eventcard li i{color:var(--f26-pink-l)}
.f26-firstline{display:inline-flex;align-items:flex-start;gap:10px;margin-top:14px;
background:linear-gradient(90deg,rgba(255,91,158,.18),rgba(161,91,255,.18));
border:1px solid rgba(224,196,255,.3);border-radius:14px;padding:14px 20px;color:#fff;font-weight:600}
.f26-firstline svg{width:22px;height:22px;color:var(--f26-pink-l);flex:none}
/* ---- ŠTA VAS OČEKUJE (statcard u pink) + tagovi ---- */
.f26 .nbhf-statcard{text-align:center;border-color:#efe1fb;box-shadow:0 10px 30px -18px rgba(112,45,196,.35)}
.f26 .nbhf-statcard .num{background:linear-gradient(90deg,var(--f26-pink),#8b5bff);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:2.3rem}
.f26 .nbhf-tagchip{color:#7a2b7e;background:#fbeaf6;border-color:#f4d4ea;font-size:.9rem;padding:8px 16px}
/* ---- PROGRAM: dan-kartice (NOVO) ---- */
.f26-day{background:linear-gradient(165deg,#1a1560,var(--f26-deep));border:1px solid rgba(224,196,255,.18);
border-radius:20px;padding:30px;color:#e2daff;height:100%}
.f26-day .dnum{display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-display);font-weight:800;
font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--f26-pink-l);margin-bottom:6px}
.f26-day h3{color:#fff;font-size:1.4rem;margin:0 0 2px}
.f26-day .city{color:#c3a3ff;font-weight:600;font-size:.92rem;margin-bottom:16px}
.f26-day ul{list-style:none;margin:0;padding:0}
.f26-day li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;font-size:.94rem;border-bottom:1px dashed rgba(224,196,255,.14)}
.f26-day li:last-child{border-bottom:0}
.f26-day li svg,.f26-day li i{width:17px;height:17px;color:var(--f26-pink-l);flex:none;margin-top:4px}
.f26-day .teaser{font-size:.82rem;color:#a99adf;font-style:italic;margin:6px 0 0}
/* ---- TEMATSKE SESIJE (kartice u pink) ---- */
.f26-theme{background:#fff;border:1px solid #eee0fb;border-radius:16px;padding:28px;height:100%;transition:.2s;position:relative}
.f26-theme:hover{transform:translateY(-4px);box-shadow:0 26px 50px -26px rgba(112,45,196,.4);border-color:#e2c9f7}
.f26-theme .tnum{font-family:var(--ff-display);font-weight:800;font-size:.95rem;
background:linear-gradient(90deg,var(--f26-pink),#8b5bff);-webkit-background-clip:text;background-clip:text;color:transparent;display:block;margin-bottom:10px}
.f26-theme h3{margin:0 0 6px;color:var(--ink)}
.f26-theme p{font-size:.93rem;margin:0;color:var(--text)}
.f26-theme .new{display:inline-block;margin-left:8px;font-size:.62rem;font-weight:800;letter-spacing:.08em;
text-transform:uppercase;color:#fff;background:linear-gradient(90deg,var(--f26-pink),var(--f26-purple));padding:3px 9px;border-radius:999px;vertical-align:middle}
/* ---- PRIJAVA (CF7 forma na ljubičasta pozadina) ---- */
.f26.nbhf-cta-purple{background:radial-gradient(120% 150% at 0% 0%,#6d3bd4,var(--f26-indigo) 45%,var(--f26-deep));color:#fff}
.f26 .nbhf-form-card{background:rgba(255,255,255,.07);border:1px solid rgba(224,196,255,.25);border-radius:20px;padding:34px;backdrop-filter:blur(6px)}
.f26 .nbhf-form-card h3{color:#fff}
.f26 .nbhf-form .wpcf7-submit{background:linear-gradient(90deg,var(--f26-pink),var(--f26-purple)) !important;font-size:.98rem !important;line-height:1.65 !important;padding:calc(.85em + 2px) calc(1.5em + 2px) !important;border:0 !important}
.f26 .nbhf-form .wpcf7-submit:hover{background:linear-gradient(90deg,var(--f26-pink),var(--f26-purple)) !important;transform:translateY(-2px);box-shadow:0 18px 44px -14px rgba(255,91,158,.6)}
.f26 .nbhf-form .wpcf7-form-control:focus{border-color:var(--f26-pink);box-shadow:0 0 0 3px rgba(255,91,158,.22)}
.f26-btn-pink .elementor-button{background:linear-gradient(90deg,var(--f26-pink),var(--f26-purple));color:#fff;border:0}
.f26-btn-ghost-purple .elementor-button{background:transparent;color:#fff;border:2px solid rgba(224,196,255,.5)}
/* ---- BANER (logo-chip s pravim logom + tier u ljubičasta) ---- */
.f26 .nbhf-tier{color:var(--f26-purple)}
.f26 .nbhf-chip{padding:14px 20px;min-height:76px}
.f26 .nbhf-chip img{height:46px;width:auto;max-width:160px;object-fit:contain;display:block}
.f26 .nbhf-chip.org img{height:56px;max-width:220px}
.f26-orgline{text-align:center;font-family:var(--ff-display);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;color:#7a2b7e;margin:0 0 6px}
/* ---- CTA (f26 gradijent) ---- */
.f26.nbhf-cta{background:radial-gradient(120% 140% at 0% 0%,#6d3bd4,var(--f26-indigo) 45%,var(--f26-deep))}
/* ---- MOBILNI (Elementor: Mobile ≤767, uski ≤479) ---- */
@media(max-width:767px){
.f26 .nbhf-hcta{display:flex;gap:8px}
.f26 .nbhf-hcta .nbhf-btn{flex:1;justify-content:center}
}
@media(max-width:479px){
.f26 .nbhf-hcta{flex-direction:column}
.f26 .nbhf-hcta .nbhf-btn{width:100%}
.f26-theme .new{position:absolute;top:26px;right:22px;margin:0}
.f26-theme:has(.new) h3{padding-right:54px}
.f26 .nbhf-chip{width:100%} .f26 .nbhf-chip img{height:58px}
}
/* ---- ELEMENTOR LAZY-LOAD FIX ----
Elementor pravilo ".e-con:nth-of-type(n+4) * {background:none}" pregazi background
na sekcijama 4+ (program/teme/prijava/baner) dok se ne skroluju. !important vraća.
(Alternativa: Elementor → Podešavanja → isključi lazy-load pozadina.) */
.f26-day{background:linear-gradient(165deg,#1a1560,#0e0b3d) !important}
.f26-theme{background:#fff !important}
.f26 .nbhf-form-card{background:rgba(255,255,255,.07) !important}
.f26 .nbhf-chip{background:#fff !important}
.f26.nbhf-cta-purple{background:radial-gradient(120% 150% at 0% 0%,#6d3bd4,#2a1d80 45%,#0e0b3d) !important}
.f26.nbhf-feature{background:radial-gradient(130% 130% at 0% 0%,#2a1d80,#0e0b3d 60%) !important}
.f26.nbhf-soft{background:linear-gradient(180deg,#faf4ff,#fff) !important}
/* ---- v2 QA FIX (2026-07-02) ---- */
/* HERO dugmad U RED (Elementor container = flex-column po defaultu) */
.f26 .nbhf-hcta{display:flex;flex-direction:row;flex-wrap:wrap;gap:14px;align-items:center}
@media(max-width:767px){.f26 .nbhf-hcta{gap:8px}}
@media(max-width:479px){.f26 .nbhf-hcta{flex-direction:column}.f26 .nbhf-hcta .nbhf-btn{width:100%}}
/* EVENTCARD check-ikone: Kadence naduva svg bez width → ograniči na 18px */
.f26 .nbhf-eventcard svg{width:18px !important;height:18px !important;flex:0 0 auto;margin-top:3px}
/* DAY background: nadjačaj lazy-load specifičnošću (0,6,0 > lazy 0,5,0) — backup ako lazy-load ostane uključen */
.e-con.e-parent.e-flex.f26.nbhf-section .f26-day{background:linear-gradient(165deg,#1a1560,#0e0b3d) !important}
.e-con.e-parent.e-flex.f26.nbhf-soft{background:linear-gradient(180deg,#faf4ff,#fff) !important}
.e-con.e-parent.e-flex.f26.nbhf-cta-purple{background:radial-gradient(120% 150% at 0% 0%,#6d3bd4,#2a1d80 45%,#0e0b3d) !important}
/* v5: lazy pravilo je "background-IMAGE:none !important" na SVIM elementima sekcija 3+ (klasa
.e-lazyloaded se nikad ne doda jer nema Elementor bg slika) → longhand background-image
spec-override (0,7,0); longhand da NE resetuje background-clip:text na gradient tekstu */
.e-con.e-parent.e-flex.f26.nbhf-soft .f26-theme .tnum{background-image:linear-gradient(90deg,var(--f26-pink),#8b5bff) !important}
.e-con.e-parent.e-flex.f26.nbhf-soft .f26-theme .new{background-image:linear-gradient(90deg,var(--f26-pink),var(--f26-purple)) !important}
.e-con.e-parent.e-flex.f26.nbhf-cta-purple .nbhf-form .wpcf7-submit{background-image:linear-gradient(90deg,var(--f26-pink),var(--f26-purple)) !important}
.e-con.e-parent.e-flex.f26.nbhf-soft .f26-theme.f26-theme-soft{background-image:linear-gradient(160deg,#faf0ff,#fff) !important}
/* ---- v6 QA FIX (Jaskov vizuelni pregled) ----
1) gradient + 2px transparentni border → background se ponavlja ISPOD bordera
(origin je padding-box) = pink/ljubičaste crtice na ivicama → origin border-box.
I :hover — hover pravila postavljaju background SHORTHANDOM koji resetuje origin! */
.f26-btn-pink .elementor-button,.f26-btn-pink .elementor-button:hover,
.f26 .nbhf-form .wpcf7-submit,.f26 .nbhf-form .wpcf7-submit:hover{background-origin:border-box !important}
/* 2) split vertikalno centriranje: mockup najava + prijava imaju align-items:center
(bazni .nbhf-split je start) → kartica/forma centrirana spram teksta */
.f26.nbhf-feature .nbhf-split,.f26.nbhf-cta-purple .nbhf-split{align-items:center !important}
/* 3) CF7 polja: bazno v10 daje line-height:1.4 → mockup 1.65 (polje 54px, ne 50) */
.f26 .nbhf-form .wpcf7-form-control:not(.wpcf7-submit){line-height:1.65 !important}
/* ---- vM MOBILNI QA (2026-07-03, Jaskov pregled) ----
Gridovi sekcija su INLINE stilovi u HTML widgetima → override preko :has() */
@media(max-width:767px){
.f26 .nbhf-hcta{flex-wrap:nowrap;gap:8px}
.f26 .nbhf-hcta > .elementor-element{flex:1 1 0;min-width:0}
.f26 .nbhf-hcta .elementor-button{width:100%;justify-content:center;padding:.75em .6em !important;font-size:.82rem !important;white-space:normal;line-height:1.2}
.f26 div:has(> .nbhf-stat){display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:20px 16px !important}
.f26 div:has(> .nbhf-statcard){grid-template-columns:1fr !important}
.f26 div:has(> .f26-day){grid-template-columns:1fr !important}
.f26 div:has(> .f26-theme){grid-template-columns:1fr !important}
}
@media(min-width:768px) and (max-width:1024px){
.f26 div:has(> .nbhf-statcard){grid-template-columns:repeat(2,1fr) !important}
.f26 div:has(> .f26-day){grid-template-columns:1fr !important}
.f26 div:has(> .f26-theme){grid-template-columns:1fr !important}
}
@media(max-width:479px){
.f26 .nbhf-hcta{flex-direction:column;flex-wrap:wrap}
.f26 .nbhf-hcta > .elementor-element{flex:none;width:100%}
}
/* ============================================================
v3 QA FIX (2026-07-02) — checker-driven (63 odstupanja → 0)
Uzroci: (a) gutter 24px nose samo nbhf-section sekcije → f26 sekcije
bile 1180 umjesto 1132; (b) Kadence p{margin-top:20px} razbija ritam;
(c) v2 eyebrow/btn slojevi (!important) gaze f26 boje; (d) maxw680
wrapper nema margin:auto → headovi nisu centrirani.
============================================================ */
/* 1) GUTTER + widget-gap:0 na SVIM f26 sekcijama (vertikala = margine, kao mockup) */
.f26 > .e-con-boxed > .e-con-inner{padding-left:24px !important;padding-right:24px !important;gap:0 !important}
/* Kadence p margin-top:20 → text-editor p bez margina (spacing nose widget klase) */
.f26 .elementor-widget-text-editor p{margin:0 !important}
/* 2a) HERO pozadina: makni karlatornet overlay (bazni home ::after) — f26 ima Öresund fotku */
.f26.nbhf-hero::after{content:none !important}
/* Öresund fotka: bazno .nbhf-hero>* daje wrapperu position:relative → img (inset:0) popuni
wrapper visine 0 = nevidljiva. Wrapper static → containing block = hero sekcija. */
.f26.nbhf-hero > .elementor-widget-html:first-child{position:static !important;margin:0 !important;height:0;overflow:visible}
/* 2) HERO ritam (mockup .page-hero: h1 margin 0, lead mt14; bc14/badge22/hcta34/stats44) */
.f26.nbhf-hero .nbhf-breadcrumb{margin-bottom:14px !important}
.f26 .nbhf-badge{margin-bottom:22px}
.f26.nbhf-hero .nbhf-h1{margin:0 !important}
.f26.nbhf-hero .nbhf-lead{margin-bottom:0 !important}
.f26.nbhf-hero .nbhf-lead p{color:#d8ccff !important;font-size:1.12rem !important;max-width:56ch;margin:14px 0 0 !important}
.f26 .nbhf-hcta{margin-top:34px}
/* hero breadcrumb u f26 ljubičastoj (v7 sloj daje plavu) */
.f26.nbhf-hero .nbhf-breadcrumb p{color:#c9b8ff !important}
.f26.nbhf-hero .nbhf-breadcrumb a{color:#e5d9ff !important}
/* hero stat brojevi 2.1rem (bazni .nbhf-stat .num je 2rem) */
.f26 .nbhf-stat .num{font-size:2.1rem}
/* 3) DUGMAD: tipografija za f26 varijante (bazna ide samo na nbhf-btn-primary/ghost/…).
line-height:1.65 = mockup body lh (Elementor daje 1 → dugme 42px umjesto 57px);
pink border 2px TRANSPARENT (kao mockup .btn) da pink i ghost budu iste visine. */
.f26-btn-pink .elementor-button,.f26-btn-ghost-purple .elementor-button{display:inline-flex;align-items:center;gap:.5em;font-family:var(--ff-display) !important;font-weight:700;font-size:.98rem;line-height:1.65;padding:.85em 1.5em !important;border-radius:999px !important;transition:.18s}
.f26-btn-pink .elementor-button{border:0 !important;padding:calc(.85em + 2px) calc(1.5em + 2px) !important} /* border→padding: ista visina 57, nema paint-under-border artefakta na hoveru */
.f26-btn-ghost-purple .elementor-button{border:2px solid rgba(224,196,255,.5) !important}
/* HOVER: kit pravilo (.elementor-kit-555 .elementor-button:hover) mijenja bg-color+color → pregazi */
.f26-btn-pink .elementor-button:hover{color:#fff !important;background:linear-gradient(90deg,var(--f26-pink),var(--f26-purple)) !important;transform:translateY(-2px);box-shadow:0 18px 44px -14px rgba(255,91,158,.6)}
.f26-btn-ghost-purple .elementor-button:hover{color:#fff !important;background:rgba(255,255,255,.08) !important;border-color:#fff !important}
/* eventcard CTA (a.elementor-button u HTML widgetu): Kadence ga farba plavo → ghost-light */
.f26 .nbhf-eventcard a.elementor-button{display:inline-flex;justify-content:center;width:100%;background:transparent !important;color:#fff !important;border:2px solid rgba(255,255,255,.45) !important;border-radius:999px !important;font-family:var(--ff-display) !important;font-weight:700;font-size:.98rem;line-height:1.65;padding:.85em 1.5em !important}
.f26 .nbhf-eventcard a.elementor-button:hover{color:#fff !important;border-color:#fff !important;background:rgba(255,255,255,.1) !important}
/* 4) EYEBROW boje: pink na svijetlim (v2 sloj tjera navy) + light varijante po sekciji */
.f26 .nbhf-eyebrow .elementor-heading-title{color:#c22a86 !important}
.f26 .nbhf-eyebrow .elementor-heading-title::before{background:linear-gradient(90deg,#ff5b9e,#a15bff) !important}
.f26.nbhf-feature .nbhf-eyebrow.light .elementor-heading-title{color:#e5d9ff !important}
.f26.nbhf-feature .nbhf-eyebrow.light .elementor-heading-title::before{background:#e5d9ff !important}
.f26.nbhf-cta-purple .nbhf-eyebrow.light .elementor-heading-title{color:#ffbfe0 !important}
.f26.nbhf-cta-purple .nbhf-eyebrow.light .elementor-heading-title::before{background:#ffbfe0 !important}
/* 5) CENTRIRANI SECTION-HEAD: margin auto (maxw680/700 nema) + mockup donje margine */
.f26 .nbhf-center{margin-left:auto !important;margin-right:auto !important;margin-bottom:40px !important}
.f26 .nbhf-center > :last-child{margin-bottom:0 !important}
.f26.nbhf-section:has(.f26-day) .nbhf-center{margin-bottom:46px !important}
.f26.nbhf-soft:has(.f26-theme) .nbhf-center{margin-bottom:44px !important}
.f26.nbhf-section:has(.f26-orgline) .nbhf-center{margin-bottom:20px !important}
/* 6) NAJAVA: boje na tamnoj (v6 daje sivu/plavu) + firstline razmak */
.f26.nbhf-feature .nbhf-lead p{color:#cfc2ff !important}
.f26.nbhf-feature .elementor-widget-text-editor p{color:#cfc2ff}
.f26.nbhf-feature .nbhf-lead{margin-bottom:16px !important} /* v5 feature-pravilo daje 24 */
.f26-firstline{margin-top:30px}
/* 7) ŠTA VAS OČEKUJE: tagchip bez margina (mockup: samo flex gap 10) */
.f26 .nbhf-tagchip{margin:0}
/* 8) PROGRAM: fineprint note + teaser bez margine */
.f26 .nbhf-note{margin-top:26px !important}
.f26 .nbhf-note a{color:#a15bff !important;font-weight:600 !important;font-family:var(--ff-body) !important;font-size:inherit !important;text-decoration:none}
.f26-day .teaser{margin:0}
/* 9) TEME: margine kartica + soft varijanta (5. kartica "Program se popunjava") + link */
.f26-theme h3{margin:0 0 6px !important;line-height:1.08} /* Kadence h3 lh 1.5 → +10 po redu */
.f26-theme p{margin:0 !important}
.f26-theme p a{color:#a15bff !important;font-weight:600 !important;font-family:var(--ff-body) !important;text-decoration:none}
.f26-theme.f26-theme-soft,.e-con.e-parent.e-flex.f26.nbhf-soft .f26-theme.f26-theme-soft{background:linear-gradient(160deg,#faf0ff,#fff) !important;display:flex;flex-direction:column;justify-content:center}
.f26-theme.f26-theme-soft h3{margin:0 0 8px !important}
/* 10) PRIJAVA: lead boja/ritam + vlist (vico pink) + form-card */
.f26.nbhf-cta-purple .nbhf-lead p{color:#d8ccff !important}
.f26.nbhf-cta-purple .nbhf-lead{margin-bottom:0 !important}
.f26 .nbhf-vlist .vico{background:rgba(255,142,192,.16) !important;color:#ff8ec0 !important}
.f26 .nbhf-vlist .vico svg{color:#ff8ec0 !important}
.f26 .nbhf-vlist li{color:#fff}
.f26 .nbhf-vlist li b{font-family:var(--ff-display);color:#fff}
.f26 .nbhf-form-card h3{margin:0 0 6px !important}
.f26 .nbhf-form-card p{margin-top:0}
.f26 .nbhf-form-card .f26-note{font-size:.78rem;color:#b9a8ee !important;margin:14px 0 0 !important;text-align:center}
.f26 .nbhf-form .wpcf7-form-control:not(.wpcf7-submit){background:rgba(255,255,255,.94) !important;border-color:rgba(224,196,255,.3) !important}
/* 11) BANER: tier margine (mockup 34/16) + fineprint */
.f26 .nbhf-tier{margin:34px 0 16px !important}
.f26-soon{text-align:center;color:#717a8c;font-style:italic;font-size:.92rem;margin:8px 0 0 !important}
.f26-soon a{color:#a15bff !important;font-weight:600 !important;font-family:var(--ff-body) !important;text-decoration:none}
/* 12) NATIVE LOGO BANER (2026-07-07): heading/text widgeti umjesto HTML bloka */
.f26 .nbhf-tier .elementor-heading-title{color:var(--f26-purple) !important}
.f26-orgline .elementor-heading-title{font-weight:800;letter-spacing:.14em;font-size:.82rem;color:#7a2b7e !important;line-height:1.6;margin:0}
/* orgline→prvi red razmak (mockup: p margin-bottom 6px); native = na widgetu (flex item, bez collapse), scope .nbhf-logowall ne dira staru živu */
.f26 .nbhf-logowall .f26-orgline{margin:0 0 6px !important}
.f26 .f26-soon p{color:#717a8c !important}
/* AMBASADE f26 "Pod pokroviteljstvom": iste dimenzije kartice (kao home), croppana švedska; logo visina 46 (f26) */
.f26 .nbhf-chip:has(img[src*="amb-"]){width:220px !important;align-items:center !important}
.f26 .nbhf-chip:has(img[src*="amb-"]) img{height:46px !important;max-width:180px !important;margin:0 auto !important}
@media(max-width:767px){.f26 .nbhf-chip:has(img[src*="amb-"]){width:100% !important}}
/* ============================================================
FORUM 2025 — plava + tirkizna + narandžasta (boje brošure)
Dio KOMPLET fajla (ide POSLIJE f26 bloka). Scope: klasa "f25"
na svakoj sekciji. Sve sekcije imaju i nbhf-section (padding+
gutter) + e-no-lazyload (generator ih dodaje sam).
Ugrađene sve f26 lekcije (v1–v6) od starta.
============================================================ */
:root{--f25-orange:#f97316;--f25-teal:#0d9488;--f25-teal-l:#14b8a6;--f25-blue:#0a4bb0}
/* ---- PLUMBING (lekcije s f26) ---- */
.f25 > .e-con-boxed > .e-con-inner{padding-left:24px !important;padding-right:24px !important;gap:0 !important}
.f25 .elementor-widget-text-editor p{margin:0 !important}
.f25 .nbhf-center{margin-left:auto !important;margin-right:auto !important}
.f25 .nbhf-center > :last-child{margin-bottom:0 !important}
/* head donje margine (mockup vrijednosti po sekciji) */
.f25-hb18{margin-bottom:18px !important}.f25-hb34{margin-bottom:34px !important}
.f25-hb36{margin-bottom:36px !important}.f25-hb40{margin-bottom:40px !important}.f25-hb44{margin-bottom:44px !important}
/* lead margine u lijevo-poravnatim headovima */
.f25-mb10{margin-bottom:10px !important}.f25-mb30{margin-bottom:30px !important}.f25-mb38{margin-bottom:38px !important}
/* eyebrow: teal */
.f25 .nbhf-eyebrow .elementor-heading-title{color:var(--f25-teal) !important}
.f25 .nbhf-eyebrow .elementor-heading-title::before{background:var(--f25-teal-l) !important}
/* sekcijske pozadine */
.f25.nbhf-soft{background:linear-gradient(180deg,#effbfa,#fff)}
.f25.f25-orange-soft{background:linear-gradient(180deg,#fff7ed,#fff)}
.f25.f25-pt0{padding-top:0 !important}
/* ---- HERO ---- */
.f25.nbhf-hero{padding:84px 0 92px !important;background:radial-gradient(120% 130% at 88% -10%,#0e7d84 0%,#0a4bb0 42%,#021a6e 100%);color:#e8f6ff}
@media(max-width:767px){.f25.nbhf-hero{padding:64px 0 !important}}
.f25.nbhf-hero::after{content:none !important} /* bazni karlatornet overlay — f25 ima svoju masked fotku */
.f25.nbhf-hero > .elementor-widget-html:first-child{position:static !important;margin:0 !important;height:0;overflow:visible}
.f25.nbhf-hero .nbhf-breadcrumb{margin-bottom:14px !important}
.f25.nbhf-hero .nbhf-breadcrumb p{color:#a7d8e0 !important}
.f25.nbhf-hero .nbhf-breadcrumb a{color:#cfeff5 !important}
.f25 .nbhf-badge{margin-bottom:22px;background:rgba(249,115,22,.16);border-color:rgba(249,115,22,.5);color:#ffd7b0;font-family:var(--ff-display);font-weight:700;font-size:.82rem;letter-spacing:.05em;padding:8px 18px}
.f25 .nbhf-badge b{color:#fff}
.f25.nbhf-hero .nbhf-h1{margin:0 !important}
.f25.nbhf-hero .nbhf-h1 em,.f25.nbhf-hero h1 em{color:#7fe3d6 !important;font-style:normal}
.f25.nbhf-hero .nbhf-lead{margin-bottom:0 !important}
.f25.nbhf-hero .nbhf-lead p{color:#cfeaf3 !important;font-size:1.12rem !important;max-width:56ch;margin:14px 0 0 !important}
.f25 .nbhf-hcta{display:flex;flex-direction:row;flex-wrap:wrap;gap:14px;align-items:center;margin-top:34px}
@media(max-width:767px){.f25 .nbhf-hcta{gap:8px}}
@media(max-width:479px){.f25 .nbhf-hcta{flex-direction:column}.f25 .nbhf-hcta .nbhf-btn{width:100%}}
/* hero statovi (mockup .f25-hstats; mobil 2×2) */
.f25-hstats{display:flex;gap:38px;margin-top:44px;flex-wrap:wrap}
.f25-hstats>div{text-align:center}
.f25-hstats .num{font-family:var(--ff-display);font-weight:800;font-size:2.1rem;color:#7fe3d6;line-height:1}
.f25-hstats .lbl{font-size:.85rem;color:#a9cfe0;margin-top:6px;white-space:nowrap}
@media(max-width:767px){.f25-hstats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 16px}}
/* ---- DUGMAD ---- */
.f25-btn-teal .elementor-button{display:inline-flex;align-items:center;gap:.5em;font-family:var(--ff-display) !important;font-weight:700;font-size:.98rem;line-height:1.65;padding:calc(.85em + 2px) calc(1.5em + 2px) !important;border:0 !important;border-radius:999px !important;background:var(--f25-teal-l) !important;color:#fff !important;transition:.18s}
.f25-btn-teal .elementor-button:hover{background:var(--f25-teal) !important;color:#fff !important;transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(13,148,136,.6)}
/* bazni ghost/white nemaju line-height (42px umjesto 57) → f25 poravnanje visina */
.f25 .nbhf-btn-ghost .elementor-button,.f25 .nbhf-btn-white .elementor-button{line-height:1.65}
/* ---- RECAP: Karlatornet panel (HTML widget) ---- */
.f25-panel{background:linear-gradient(160deg,#0e7d84,#021a6e);border-radius:16px;padding:38px;position:relative;overflow:hidden;color:#dce7ff}
.f25-panel .kicker{font-family:var(--ff-display);font-weight:800;letter-spacing:.18em;font-size:.8rem;text-transform:uppercase;color:#7fe3d6;display:block;margin:0 0 10px}
.f25-panel h3{color:#fff;margin:0 0 12px;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.1;font-weight:700;letter-spacing:-.01em}
.f25-panel p{margin:0 !important;color:#dce7ff}
.f25-panel::after{content:"";position:absolute;right:-30px;bottom:-30px;width:160px;height:160px;opacity:.18;background-image:radial-gradient(#7fe3d6 2px,transparent 2.2px);background-size:18px 18px;pointer-events:none}
/* ---- REZULTATI ---- */
.f25-results{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:8px 0 0}
.f25-rcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;text-align:center;box-shadow:var(--shadow-sm)}
.f25-rcard .num{font-family:var(--ff-display);font-weight:800;font-size:2rem;line-height:1}
.f25-rcard:nth-child(1) .num{color:var(--f25-blue)}
.f25-rcard:nth-child(2) .num{color:var(--f25-orange)}
.f25-rcard:nth-child(3) .num{color:var(--f25-teal)}
.f25-rcard:nth-child(4) .num{color:var(--f25-blue)}
.f25-rcard .lbl{font-size:.86rem;color:var(--muted);margin-top:6px}
/* ---- VIDEO ---- */
.f25-video{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/9;box-shadow:var(--shadow-lg);border:1px solid var(--line);background:#000}
.f25-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* ---- TRI SESIJE ---- */
.f25-sesije{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.f25-ses{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;border-top:5px solid;height:100%}
.f25-ses.s-blue{border-top-color:var(--f25-blue)}
.f25-ses.s-orange{border-top-color:var(--f25-orange)}
.f25-ses.s-teal{border-top-color:var(--f25-teal-l)}
.f25-ses .tag{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:10px;font-family:var(--ff-body)}
.f25-ses.s-blue .tag{color:var(--f25-blue)}.f25-ses.s-orange .tag{color:var(--f25-orange)}.f25-ses.s-teal .tag{color:var(--f25-teal)}
.f25-ses h3{margin:0 0 8px;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.1;color:var(--ink)}
.f25-ses p{font-size:.94rem;margin:0 !important;color:var(--text)}
/* ---- SPECIJALNI GOSTI (fotke) ---- */
.f25-people{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.f25-person{text-align:center}
.f25-person .avatar{aspect-ratio:1;border-radius:18px;background:linear-gradient(150deg,#d7f0ec,#eafaf6);border:1px solid var(--line);display:grid;place-items:center;margin-bottom:14px;position:relative;overflow:hidden}
.f25-person .avatar::after{content:"";position:absolute;inset:0;opacity:.25;pointer-events:none;background-image:radial-gradient(var(--navy) 1.2px,transparent 1.3px);background-size:16px 16px;-webkit-mask-image:radial-gradient(60% 60% at 50% 120%,#000,transparent);mask-image:radial-gradient(60% 60% at 50% 120%,#000,transparent)}
.f25-person .avatar img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center top}
.f25-person.g-gold .avatar{background:linear-gradient(150deg,#ffe6cc,#fff)}
.f25-person h4{font-family:var(--ff-display);margin:0;font-size:1.02rem;color:var(--ink);font-weight:700}
.f25-person p{margin:3px 0 0 !important;font-size:.84rem;color:var(--muted);line-height:1.4}
/* ---- GOVORNICI: group headovi + name kartice ---- */
.f25-grouphead{font-family:var(--ff-display);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.86rem;margin:34px 0 14px;display:flex;align-items:center;gap:10px}
.f25-grouphead::before{content:"";width:22px;height:3px;border-radius:2px}
.f25-grouphead.h-blue{color:var(--f25-blue)}.f25-grouphead.h-blue::before{background:var(--f25-blue)}
.f25-grouphead.h-orange{color:var(--f25-orange)}.f25-grouphead.h-orange::before{background:var(--f25-orange)}
.f25-grouphead.h-teal{color:var(--f25-teal)}.f25-grouphead.h-teal::before{background:var(--f25-teal-l)}
.f25-names{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.f25-name{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;border-left:3px solid var(--f25-teal-l)}
.f25-name.n-orange{border-left-color:var(--f25-orange)}
.f25-name.n-blue{border-left-color:var(--f25-blue)}
.f25-name b{display:block;font-family:var(--ff-display);font-size:.98rem;color:var(--ink);line-height:1.25;font-weight:700}
.f25-name small{color:var(--muted);font-size:.82rem}
/* ---- GALERIJA ---- */
.f25-gal{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.f25-gal .photo{min-height:180px}
/* ---- BROŠURA ---- */
.f25-broc{display:flex;align-items:center;gap:22px;background:linear-gradient(120deg,#021a6e,#0a4bb0);border-radius:20px;padding:32px 36px;color:#fff;flex-wrap:wrap}
.f25-broc .ico{width:58px;height:58px;border-radius:14px;background:rgba(255,255,255,.12);display:grid;place-items:center;flex:0 0 auto}
.f25-broc .ico svg{width:28px;height:28px;color:#fff}
.f25-broc h3{color:#fff;margin:0 0 4px;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.1}
.f25-broc p{margin:0 !important;color:#c5d6ff;font-size:.94rem}
.f25-broc .btn{margin-left:auto}
/* ---- LOGOI (tierovi) ---- */
.f25 .nbhf-tier{margin:34px 0 16px !important}
.f25 .nbhf-chip{padding:14px 20px;min-height:76px}
.f25 .nbhf-chip img{height:44px;width:auto;max-width:160px;object-fit:contain;display:block}
/* native tier heading widget (2026-07-07): f25 kontekst ima p lh 1.65 (izmjereno), base pravilo daje 1.6 */
.f25 .nbhf-tier .elementor-heading-title{line-height:1.65}
/* === NATIVE F25 SADRŽAJ (2026-07-08): GOSTI (avatar fotka na Elementor image widgetu) === */
.f25 .f25-people{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:22px !important}
.f25 .f25-person{text-align:center;display:block}
.f25-person .f25-av{aspect-ratio:1;border-radius:18px;background:linear-gradient(150deg,#d7f0ec,#eafaf6);border:1px solid var(--line);margin:0 0 14px !important;position:relative;overflow:hidden;width:100%}
.f25-person.g-gold .f25-av{background:linear-gradient(150deg,#ffe6cc,#fff)}
.f25-person .f25-av::after{content:"";position:absolute;inset:0;opacity:.25;pointer-events:none;background-image:radial-gradient(var(--navy) 1.2px,transparent 1.3px);background-size:16px 16px;-webkit-mask-image:radial-gradient(60% 60% at 50% 120%,#000,transparent);mask-image:radial-gradient(60% 60% at 50% 120%,#000,transparent)}
.f25-person .f25-av img{position:relative;z-index:1;width:100% !important;height:100% !important;object-fit:cover;object-position:center top;display:block;border-radius:0 !important;max-width:none}
.f25 .f25-person .f25-pname .elementor-heading-title{font-family:var(--ff-display);font-size:1.02rem;color:var(--ink) !important;font-weight:700;line-height:1.2;margin:0}
.f25 .f25-person .f25-prole p{margin:3px 0 0 !important;font-size:.84rem;color:var(--muted) !important;line-height:1.4;text-align:center}
/* mobilni grid override (moj desktop !important gazi bazna media pravila → native treba svoj !important) */
@media(max-width:1024px){.f25 .f25-people{grid-template-columns:repeat(2,1fr) !important}}
@media(max-width:767px){.f25 .f25-people{grid-template-columns:1fr !important}}
/* GALERIJA native: f25-gal grid + foto slot (image widget absolute cover) + cap overlay */
.f25 .f25-gal{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:14px !important}
.f25 .f25-gal .photo{min-height:180px !important;display:block !important;position:relative}
/* image widget wrapper transparentan → img absolute pozicioniran na .photo slot (ne na wrapper koji je 0 visine) */
.f25-gal .photo .photo-img{display:contents}
.f25-gal .photo img{position:absolute !important;inset:0;width:100% !important;height:100% !important;object-fit:cover;z-index:0;max-width:none;border-radius:0 !important}
.f25-gal .photo .cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:38px 18px 15px;background:linear-gradient(transparent,rgba(1,16,63,.92))}
.f25-gal .photo .cap p{margin:0 !important;color:#fff !important;font-weight:600;font-size:.9rem;line-height:1.3;text-align:left}
@media(max-width:1024px){.f25 .f25-gal{grid-template-columns:repeat(2,1fr) !important}}
/* === NATIVE F25 GOVORNICI + TIM (2026-07-08): grouphead heading widget + name kartice (ime heading + uloga text) === */
/* grouphead = heading widget; margina na widget nivou (uzor .tier-label), crtica+flex na heading-title (uzor .nbhf-eyebrow) */
.f25 .f25-grouphead{margin:34px 0 14px !important}
.f25 .f25-grouphead .elementor-heading-title{display:flex;align-items:center;gap:10px;font-family:var(--ff-display);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.86rem;line-height:1.65;margin:0}
/* crtica BEZ flex:0 0 auto — mockup ::before se skuplja pod dugim naslovom na uskom ekranu (1:1) */
.f25 .f25-grouphead .elementor-heading-title::before{content:"";width:22px;height:3px;border-radius:2px}
.f25 .f25-grouphead.h-blue .elementor-heading-title{color:var(--f25-blue) !important}
.f25 .f25-grouphead.h-blue .elementor-heading-title::before{background:var(--f25-blue)}
.f25 .f25-grouphead.h-orange .elementor-heading-title{color:var(--f25-orange) !important}
.f25 .f25-grouphead.h-orange .elementor-heading-title::before{background:var(--f25-orange)}
.f25 .f25-grouphead.h-teal .elementor-heading-title{color:var(--f25-teal) !important}
.f25 .f25-grouphead.h-teal .elementor-heading-title::before{background:var(--f25-teal-l)}
/* names grid (Elementor container=flex → grid !important); #S mobilni MORA !important + .f25 scope */
.f25 .f25-names{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:12px !important}
/* name kartica: display:block (uzor .f25-person) → ime/uloga blok tok, margine nose razmak (0) */
.f25 .f25-name{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;border-left:3px solid var(--f25-teal-l);display:block}
.f25 .f25-name.n-orange{border-left-color:var(--f25-orange)}
.f25 .f25-name.n-blue{border-left-color:var(--f25-blue)}
.f25 .f25-name .f25-nname .elementor-heading-title{display:block;font-family:var(--ff-display);font-size:.98rem;color:var(--ink) !important;line-height:1.25;font-weight:700;letter-spacing:normal;margin:0}
/* uloga lh 28.05px = mockup strut: je inline pa nasljeđuje lh 1.65 × body 17px od .f25-name div-a
(native je block s vlastitim lh 21.6 → kartica niža 6.4px); 28.05 reprodukuje visinu za 1 i 2 reda */
.f25 .f25-name .f25-nrole p{color:var(--muted) !important;font-size:.82rem;margin:0 !important;line-height:28.05px}
@media(max-width:1024px){.f25 .f25-names{grid-template-columns:repeat(2,1fr) !important}}
@media(max-width:767px){.f25 .f25-names{grid-template-columns:1fr !important}}
/* ---- NOTE paragrafi (tačne mockup veličine/margine) ----
.f25 prefiks NUŽAN: plumbing pravilo (.f25 .elementor-widget-text-editor p{margin:0}) je (0,2,1) */
.f25 .f25-note-res p{text-align:center !important;font-size:.95rem !important;color:var(--muted) !important;margin:24px 0 0 !important}
.f25 .f25-note-spk p{text-align:left !important;font-size:.9rem !important;color:var(--muted) !important;margin:22px 0 0 !important}
.f25 .f25-note-logo p{text-align:center !important;font-size:.9rem !important;color:var(--muted) !important;margin:20px 0 0 !important}
/* ---- v2 QA (snap 1. prolaz: 6 odstupanja) ---- */
.f25.nbhf-hero .nbhf-h1{color:#fff} /* h1 je raw element u HTML widgetu → bazno ink */
.f25 p,.f25 li,.f25 small{line-height:1.65} /* Kadence 1.5 → mockup body 1.65 (visine kolona/kartica/nota) */
.f25 .nbhf-lead.f25-mb10{margin-bottom:0 !important} /* govornici: grouphead mt34 nosi razmak (mockup margin-collapse) */
.f25 .nbhf-center.f25-hb18{margin-bottom:0 !important} /* logoi: tier mt34 nosi razmak (mockup margin-collapse) */
.f25 .f25-gal .photo{min-height:180px !important} /* bazni .photo min-height 280 gazi galerijskih 180 */
/* CTA: Elementor .e-con-boxed{text-align:initial} PREKIDA nasljeđivanje centra sa sekcije
(nbhf-center headovi imaju svoj center pa rade; CTA h2/lead sjede direktno u boxed-u) */
.f25.nbhf-cta .e-con-boxed,.f25.nbhf-cta .e-con-inner{text-align:center}
/* ---- MOBILNI (mockup 960→1024, 560→767, 389→479) ---- */
@media(max-width:1024px){
.f25-results{grid-template-columns:repeat(2,1fr)}
.f25-sesije{grid-template-columns:1fr}
.f25-names{grid-template-columns:repeat(2,1fr)}
.f25-gal{grid-template-columns:repeat(2,1fr)}
.f25-people{grid-template-columns:repeat(2,1fr)}
.f25-broc .btn{margin-left:0}
}
@media(max-width:767px){
.f25-results,.f25-names,.f25-people{grid-template-columns:1fr}
}
/* ---- vM MOBILNI QA (2026-07-03) ---- */
/* VIDEO: ratio na DIV-u/padding-triku se ne prenosi u intrinzičnu visinu flex itema (wrapper 2px,
video "pojeden") → aspect-ratio ide na SAM WIDGET (flex item — flexbox to nativno podržava),
a video div ga ispuni. Verifikovano 390px+2514px. */
.f25 .elementor-widget-html:has(> .f25-video){aspect-ratio:16/9;width:100%;min-height:0}
.f25-video{height:100% !important;padding-bottom:0 !important;aspect-ratio:auto !important}
@media(max-width:767px){
.f25 .nbhf-hcta{flex-wrap:nowrap;gap:8px}
.f25 .nbhf-hcta > .elementor-element{flex:1 1 0;min-width:0}
.f25 .nbhf-hcta .elementor-button{width:100%;justify-content:center;padding:.75em .6em !important;font-size:.82rem !important;white-space:normal;line-height:1.2}
}
@media(max-width:479px){
.f25 .nbhf-hcta{flex-direction:column;flex-wrap:wrap}
.f25 .nbhf-hcta > .elementor-element{flex:none;width:100%}
}
/* === GALERIJA (Elementor Gallery widget) — preview limit + "vidi sve" (2026-07-09) ===
Elementor lightbox grupiše SVE slike (isti slideshow ID) → skrivene u gridu su i dalje u lightboxu.
Desktop 12 + dugme "Pogledaj sve"; tablet 8 + dugme; mobil 4 + "+X" overlay na 4. slici.
Prati HTML widget (.f25-gal-all dugme + script: postavlja data-more i veže dugme na lightbox) ISPOD Gallery-ja. */
.f25 .elementor-widget-gallery .e-gallery-item:nth-child(n+13){display:none}
/* dugme = NATIVE Elementor Button widget s klasom f25-gal-all (Amina uređuje tekst) */
.f25 .f25-gal-all{text-align:center;margin-top:24px}
.f25 .f25-gal-all .elementor-button{display:inline-flex;align-items:center;gap:.5em;font-family:var(--ff-display);font-weight:700;font-size:.98rem;padding:.8em 1.6em !important;border-radius:999px !important;background:var(--f25-blue) !important;color:#fff !important;border:0 !important;transition:.18s}
.f25 .f25-gal-all .elementor-button:hover{background:#083a8c !important;transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(10,75,176,.6)}
@media(max-width:1024px){.f25 .elementor-widget-gallery .e-gallery-item:nth-child(n+9){display:none}}
@media(max-width:767px){
.f25 .elementor-widget-gallery .e-gallery-item:nth-child(n+5){display:none}
.f25 .f25-gal-all{display:none}
.f25 .elementor-widget-gallery .e-gallery-item:nth-child(4)[data-more]{position:relative}
.f25 .elementor-widget-gallery .e-gallery-item:nth-child(4)[data-more]::after{content:"+" attr(data-more);position:absolute;inset:0;z-index:3;background:rgba(1,16,63,.72);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--ff-display);font-weight:800;font-size:1.7rem;border-radius:14px;pointer-events:none}
}
/* ============================================================
FORUM LANDING (/forum/) — konferencijski indigo + zlato
Dio KOMPLET fajla (ide POSLIJE f25 bloka). Scope: klasa "fl"
na svakoj sekciji (+ nbhf-section + e-no-lazyload iz generatora).
Ugrađene sve lekcije f26 v1–v6 + f25 v2 (uklj. #J2 text-align).
============================================================ */
:root{--fl-gold:#e0a92e;--fl-gold-l:#f4c65a;--fl-indigo:#191a63;--fl-indigo-d:#0d0e3d}
/* ---- PLUMBING ---- */
.fl > .e-con-boxed > .e-con-inner{padding-left:24px !important;padding-right:24px !important;gap:0 !important}
.fl .elementor-widget-text-editor p{margin:0 !important}
.fl p,.fl li,.fl small{line-height:1.65}
.fl .nbhf-center{margin-left:auto !important;margin-right:auto !important}
.fl .nbhf-center > :last-child{margin-bottom:0 !important}
.fl-hb40{margin-bottom:40px !important}.fl-hb44{margin-bottom:44px !important}
.fl-mb6{margin-bottom:6px !important}.fl-mb30{margin-bottom:30px !important}
.fl .fl-mt18 p{margin:18px 0 0 !important}
.fl .fl-mt20 p{margin:20px 0 0 !important}
/* eyebrow: indigo tekst + zlatna crtica */
.fl .nbhf-eyebrow .elementor-heading-title{color:var(--fl-indigo) !important}
.fl .nbhf-eyebrow .elementor-heading-title::before{background:var(--fl-gold) !important}
.fl .nbhf-eyebrow.light .elementor-heading-title{color:var(--blue-light) !important}
.fl .nbhf-eyebrow.light .elementor-heading-title::before{background:var(--blue-light) !important}
.fl.nbhf-soft{background:linear-gradient(180deg,#f6f5ff,#fff)}
/* CTA + centrirani sadržaj: #J2 (.e-con-boxed text-align:initial) */
.fl.nbhf-cta .e-con-boxed,.fl.nbhf-cta .e-con-inner{text-align:center}
/* ---- HERO (grid: lijevo tekst, desno journey kartica) ---- */
.fl.nbhf-hero{padding:80px 0 90px !important;background:radial-gradient(120% 130% at 85% -10%,#3a2f8f 0%,var(--fl-indigo) 42%,var(--fl-indigo-d) 100%);color:#eae7ff}
@media(max-width:767px){.fl.nbhf-hero{padding:64px 0 !important}}
.fl.nbhf-hero::after{content:none !important}
.fl.nbhf-hero > .elementor-widget-html:first-child{position:static !important;margin:0 !important;height:0;overflow:visible}
.fl.nbhf-hero .nbhf-breadcrumb{margin-bottom:14px !important}
.fl.nbhf-hero .nbhf-breadcrumb p{color:#b9b3e8 !important}
.fl.nbhf-hero .nbhf-breadcrumb a{color:#d8d2ff !important}
.fl-hero-grid{display:grid !important;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center}
.fl-hero-grid>.e-con{gap:0 !important}
@media(max-width:1024px){.fl-hero-grid{grid-template-columns:1fr}}
.fl .nbhf-badge{margin-bottom:22px;background:rgba(224,169,46,.14);border-color:rgba(224,169,46,.5);color:#ffdf9e;font-weight:600;font-size:.84rem;padding:8px 18px}
.fl .nbhf-badge b{color:#fff;font-weight:700}
.fl.nbhf-hero .nbhf-h1{margin:0 !important;color:#fff;max-width:15ch}
.fl.nbhf-hero .nbhf-h1 em,.fl.nbhf-hero h1 em{color:var(--fl-gold-l) !important;font-style:normal}
.fl.nbhf-hero .nbhf-lead{margin-bottom:0 !important}
.fl.nbhf-hero .nbhf-lead p{color:#cfc9f2 !important;font-size:1.18rem !important;max-width:46ch;margin:14px 0 0 !important}
.fl .nbhf-hcta{display:flex;flex-direction:row;flex-wrap:wrap;gap:14px;align-items:center;margin-top:30px}
@media(max-width:767px){.fl .nbhf-hcta{gap:8px}}
@media(max-width:479px){.fl .nbhf-hcta{flex-direction:column}.fl .nbhf-hcta .nbhf-btn{width:100%}}
.fl-hstats{display:flex;gap:34px;margin-top:44px;flex-wrap:wrap}
.fl-hstats>div{text-align:center}
.fl-hstats .num{font-family:var(--ff-display);font-weight:800;font-size:1.95rem;color:#fff;line-height:1}
.fl-hstats .lbl{font-size:.83rem;color:#a9a3e0;margin-top:6px;white-space:nowrap}
@media(max-width:767px){.fl-hstats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 16px}}
/* journey kartica */
.fl-hcard{position:relative;background:rgba(255,255,255,.06);border:1px solid rgba(224,196,255,.2);border-radius:22px;padding:30px;backdrop-filter:blur(6px);box-shadow:var(--shadow-lg)}
.fl-hcard .kick{font-family:var(--ff-display);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;color:var(--fl-gold-l);margin-bottom:16px}
.fl-journey{list-style:none;margin:0;padding:0;position:relative}
.fl-journey li{display:flex;gap:14px;padding:12px 0;border-bottom:1px dashed rgba(224,196,255,.16);position:relative}
.fl-journey li:last-child{border-bottom:0}
.fl-journey .yr{font-family:var(--ff-display);font-weight:800;color:var(--fl-gold-l);font-size:1.05rem;flex:0 0 auto;width:52px}
.fl-journey .pl{color:#fff;font-weight:600;font-size:.98rem}
.fl-journey .pl small{display:block;color:#b9b3e8;font-weight:400;font-size:.82rem}
.fl-journey li.next .pl{color:var(--fl-gold-l)}
/* ---- DUGMAD ---- */
.fl-btn-gold .elementor-button{display:inline-flex;align-items:center;gap:.5em;font-family:var(--ff-display) !important;font-weight:800;font-size:.98rem;line-height:1.65;padding:calc(.85em + 2px) calc(1.5em + 2px) !important;border:0 !important;border-radius:999px !important;background:linear-gradient(90deg,var(--fl-gold),var(--fl-gold-l)) !important;color:#3a2a00 !important;transition:.18s}
.fl-btn-gold .elementor-button:hover{background:linear-gradient(90deg,var(--fl-gold),var(--fl-gold-l)) !important;color:#3a2a00 !important;transform:translateY(-2px);box-shadow:0 18px 42px -16px rgba(224,169,46,.6)}
/* origin POSLIJE shorthand pravila (shorthand resetuje origin — f26 v6 lekcija) */
.fl-btn-gold .elementor-button,.fl-btn-gold .elementor-button:hover{background-origin:border-box !important}
.fl .nbhf-btn-ghost .elementor-button,.fl .nbhf-btn-white .elementor-button{line-height:1.65}
/* ---- VIZIJA/MISIJA paneli (HTML widget, mockup .vm) ---- */
.fl-vm{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:1024px){.fl-vm{grid-template-columns:1fr}}
.fl-vm .panel{border-radius:var(--radius);padding:38px;position:relative;overflow:hidden}
.fl-vm .panel .kicker{font-family:var(--ff-display);font-weight:800;letter-spacing:.18em;font-size:.8rem;text-transform:uppercase;display:block;margin-bottom:10px}
.fl-vm .panel h3{margin:0 0 12px;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.1;font-weight:700;letter-spacing:-.01em}
.fl-vm .panel p{margin:0 !important;font-size:inherit} /* font = body 17 (mockup .vm nema p size) */
.fl-vm .v{background:linear-gradient(160deg,#20206e,var(--fl-indigo-d));color:#dce7ff}
.fl-vm .v .kicker{color:var(--fl-gold-l)} .fl-vm .v h3{color:#fff}
.fl-vm .m{background:var(--blue-50);border:1px solid var(--blue-100);color:var(--text)}
.fl-vm .m .kicker{color:var(--navy)} .fl-vm .m h3{color:var(--ink)}
/* ---- ŠTA FORUM NUDI (5 kartica) ---- */
.fl-offer{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.fl-ocard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 18px;text-align:center;transition:.2s}
.fl-ocard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#e2d9c2}
.fl-ocard .ico{width:48px;height:48px;border-radius:12px;background:#fdf5e3;color:var(--fl-gold);display:grid;place-items:center;margin:0 auto 14px}
.fl-ocard .ico svg{width:24px;height:24px}
.fl-ocard b{font-family:var(--ff-display);font-size:.98rem;color:var(--ink);display:block;line-height:1.25;font-weight:700}
/* ---- KONCEPT (3 tamna koraka) ---- */
.fl-concept{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative}
.fl-step{background:linear-gradient(165deg,#20206e,var(--fl-indigo-d));border:1px solid rgba(224,196,255,.16);border-radius:20px;padding:32px;color:#dcd8f5;position:relative;overflow:hidden}
.fl-step .n{font-family:var(--ff-display);font-weight:800;font-size:2.4rem;color:var(--fl-gold-l);line-height:1;margin-bottom:12px;display:block}
.fl-step .lab{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fl-gold-l);display:block;margin-bottom:6px}
.fl-step h3{color:#fff;font-size:1.2rem;margin:0 0 8px;line-height:1.1}
.fl-step p{margin:0 !important;font-size:.94rem;color:#c4bfe6}
/* ---- FOKUSNE TEME (6) ---- */
.fl-themes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fl-theme{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;transition:.2s;height:100%;border-top:4px solid var(--fl-gold)}
.fl-theme:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.fl-theme h3{font-size:1.12rem;margin:0 0 6px;line-height:1.1;color:var(--ink)}
.fl-theme p{font-size:.92rem;margin:0 !important;color:var(--text)}
.fl-theme .new{display:inline-block;margin-left:6px;font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--fl-gold);padding:2px 8px;border-radius:999px;vertical-align:middle}
/* ---- POSTIGNUĆA ---- */
.fl-ach{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.fl-acard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 22px;box-shadow:var(--shadow-sm)}
.fl-acard .num{font-family:var(--ff-display);font-weight:800;font-size:2.1rem;color:var(--fl-indigo);line-height:1}
.fl-acard .lbl{font-size:.86rem;color:var(--muted);margin-top:6px}
.fl-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}
/* ---- DOKUMENTARAC ---- */
.fl .nbhf-split.fl-vc{align-items:center !important}
.fl-video{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/9;box-shadow:var(--shadow-lg);border:1px solid var(--line);background:#000}
.fl-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.fl .fl-muted p{color:var(--muted) !important;margin:0 !important}
.fl .fl-muted a{color:var(--navy) !important;font-family:var(--ff-body) !important;font-weight:400 !important;text-decoration:none}
/* ---- FORUM 2026 NAJAVA (bazna nbhf-feature + eventcard/sessions klase) ---- */
.fl.nbhf-feature .photo{margin-bottom:42px !important} /* v5 daje 32; mockup 42 */
.fl.nbhf-feature .elementor-widget-text-editor p{color:#e7eeff} /* wrapper-p oko btn (v6 daje --text; vizuelno nebitno, mockup-parity) */
/* ---- DVIJE FORUM KARTICE ---- */
.fl-two{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:1024px){.fl-two{grid-template-columns:1fr}}
.fl-fcard{border-radius:20px;padding:36px;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:220px}
.fl-fcard.a{background:linear-gradient(150deg,#0a4bb0,#0e7d84)}
.fl-fcard.b{background:linear-gradient(150deg,#7a3bd6,#2a1d80)}
.fl-fcard .yr{font-family:var(--ff-display);font-weight:800;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.fl-fcard h3{color:#fff;font-size:1.5rem;margin:6px 0 8px;line-height:1.1}
.fl-fcard p{color:rgba(255,255,255,.85);font-size:.95rem;margin:0 0 20px !important}
.fl-fcard .btn{margin-top:auto;align-self:flex-start}
/* ---- MOBILNI (mockup 960→1024, 560→767) ---- */
@media(max-width:1024px){
.fl-offer{grid-template-columns:repeat(2,1fr)}
.fl-concept,.fl-themes,.fl-g3{grid-template-columns:1fr}
.fl-ach{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){.fl-offer,.fl-ach{grid-template-columns:1fr}}
/* ---- vM MOBILNI QA (2026-07-03) ---- */
/* VIDEO: isti fix kao f25 (ratio na widget flex-itemu; vidi f25 komentar) */
.fl .elementor-widget-html:has(> .fl-video){aspect-ratio:16/9;width:100%;min-height:0}
.fl-video{height:100% !important;padding-bottom:0 !important;aspect-ratio:auto !important}
@media(max-width:767px){
.fl .nbhf-hcta{flex-wrap:nowrap;gap:8px}
.fl .nbhf-hcta > .elementor-element{flex:1 1 0;min-width:0}
.fl .nbhf-hcta .elementor-button{width:100%;justify-content:center;padding:.75em .6em !important;font-size:.82rem !important;white-space:normal;line-height:1.2}
}
@media(max-width:479px){
.fl .nbhf-hcta{flex-direction:column;flex-wrap:wrap}
.fl .nbhf-hcta > .elementor-element{flex:none;width:100%}
}