/*
 * BitanBit — final production polish (loaded last).
 * Top bar, premium footer, page-header spacing, homepage compacting, blog.
 */

/* ============ GLOBAL UI SYSTEM (uniform across the whole site) ============ */
:root{ --bb-page-top:50px; --bb-section:50px; --bb-section-sm:50px; --bb-wrap:1180px; }

/* 1) Uniform vertical rhythm: every TOP-LEVEL section = 50px top / 50px bottom.
   IMPORTANT: many sections already have vertical padding on the SECTION ELEMENT
   (Codex per-section rules). Applying container padding on top of that DOUBLES the gap.
   So we zero the section-element vertical padding and keep a single 50/50 on the container.
   Hero (5c127ac) is excluded — it uses its own min-height layout and looks good. */
.elementor-page .elementor > .elementor-section:not(.elementor-element-5c127ac){
	padding-top:0 !important; padding-bottom:0 !important;
}
.elementor-page .elementor > .elementor-section:not(.elementor-element-5c127ac) > .elementor-container,
.elementor-page .elementor > .e-con:not(.elementor-element-5c127ac){ padding-top:40px !important; padding-bottom:40px !important; }

/* 2) Uniform content max-width on every page. */
.elementor-page .elementor-section.elementor-section-boxed > .elementor-container,
.elementor-page > .elementor > .e-con{ max-width:var(--bb-wrap) !important; }

/* 3) Uniform heading scale (tag-based; enforced across pages). */
.elementor-page h1.elementor-heading-title,
.entry-title, .page-title, .error-404 h1{ font-size:clamp(32px,4vw,46px) !important; line-height:1.18 !important; font-weight:700 !important; }
.elementor-page h2.elementor-heading-title{ font-size:clamp(26px,3vw,36px) !important; line-height:1.24 !important; font-weight:700 !important; }
.elementor-page h3.elementor-heading-title{ font-size:clamp(20px,2.2vw,25px) !important; line-height:1.3 !important; font-weight:700 !important; }
.elementor-page h4.elementor-heading-title{ font-size:clamp(18px,1.6vw,21px) !important; line-height:1.35 !important; }

/* ============ TOP BAR ============ */
.site-topbar{ background:#fff; color:#5a6472; font-size:13.5px; border-bottom:1px solid #e6e8ec; }
.site-topbar__inner{ max-width:var(--bb-max,1140px); margin:0 auto; padding:.45rem 1.25rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.site-topbar__info{ display:flex; align-items:center; gap:1.75rem; flex-wrap:wrap; }
.site-topbar__item{ color:#5a6472; display:inline-flex; align-items:center; gap:.45rem; text-decoration:none; }
.site-topbar__item:hover{ color:#1f2933; text-decoration:none; }
.site-topbar__item svg{ color:var(--bb-accent); flex:0 0 auto; }
.site-topbar__social{ display:flex; align-items:center; gap:.75rem; list-style:none; margin:0; padding:0; }
.site-topbar__social a{ color:#8a94a3; display:inline-flex; }
.site-topbar__social a:hover{ color:var(--bb-accent); }
.site-topbar__social svg{ width:16px; height:16px; }
@media (max-width:640px){
	.site-topbar__inner{ justify-content:center; }
	.site-topbar__social{ display:none; }
	.site-topbar__info{ gap:1rem; font-size:12.5px; }
}

/* ============ FOOTER (premium 4-col) ============ */
.site-footer__inner{ grid-template-columns:1.7fr 1fr 1.15fr 1.15fr !important; gap:2.5rem 2rem !important; }
.site-footer__heading{ position:relative; padding-bottom:.7rem; margin:0 0 1.15rem; font-size:1.05rem; letter-spacing:.01em; }
.site-footer__heading::after{ content:""; position:absolute; left:0; bottom:0; width:34px; height:3px; background:var(--bb-accent); border-radius:2px; }
.site-footer__tagline{ font-size:.95rem; line-height:1.6; }
.footer-menu{ list-style:none; margin:0; padding:0; line-height:1.35; }
.footer-menu li{ margin:0 0 .28rem; line-height:1.35; }
.footer-menu a{ color:#c3cdd8; text-decoration:none; display:inline-flex; align-items:center; font-size:.9rem; transition:color .15s,padding .15s; }
.footer-menu a::before{ content:"›"; color:var(--bb-accent); margin-right:.5rem; font-weight:700; }
.footer-menu a:hover{ color:#fff; padding-left:3px; }
.contact-list{ list-style:none; margin:0; padding:0; }
.contact-list__row{ display:flex; align-items:center; gap:.55rem; margin:0 0 .7rem; line-height:1.4; font-size:.9rem; }
.contact-list__row svg{ color:var(--bb-accent); flex:0 0 auto; }
.contact-list__row .contact-list__label{ min-width:auto; color:#9aa7b5; margin-right:.15rem; }
.contact-list__row a{ color:#e5edf5; text-decoration:none; }
.contact-list__row a:hover{ color:var(--bb-accent); }
.site-footer__address .contact-list__address{ color:#c3cdd8; line-height:1.7; margin:0 0 .6rem; font-size:.9rem; }
.site-footer__address .contact-list__oib{ color:#8996a3; font-size:.85rem; margin:0; }
.social-icons a{ background:rgba(255,255,255,.07); }
.site-footer__bottom-inner{ align-items:center; }
.site-footer__copy{ color:#8996a3; }
.site-footer__legal{ color:#c3cdd8 !important; text-decoration:none; }
.site-footer__legal:hover{ color:var(--bb-accent) !important; }
@media (max-width:900px){ .site-footer__inner{ grid-template-columns:1fr 1fr !important; } }
@media (max-width:560px){ .site-footer__inner{ grid-template-columns:1fr !important; } }

/* 4) Interior non-Elementor templates (blog, single, archive, 404, search): same rhythm. */
body:not(.home) .site-main{ padding-top:50px; padding-bottom:50px; }
/* Remove leading spacer widgets that created uneven gaps on interior pages. */
body:not(.home) #content > .elementor > .elementor-section:first-child .elementor-widget-spacer:first-child{ display:none; }

/* 5) Tame oversized spacer widgets everywhere (kill floating gaps). */
.elementor-page .elementor-widget-spacer .elementor-spacer-inner{ height:28px !important; }
@media (max-width:767px){ .elementor-page .elementor-widget-spacer .elementor-spacer-inner{ height:18px !important; } }
/* Group section titles with their following intro text. */
.elementor-page .elementor-widget-heading + .elementor-widget-text-editor{ margin-top:-2px; }

/* Hero (home) may keep a taller feel via its own min-height, but padding stays uniform. */

/* ============ EDUKACIJE — premium event cards (~50% width) ============ */
.bbedu-cards{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; }
.bbedu-card{ display:flex; flex-direction:column; border:1px solid #eef0f2; border-radius:14px; overflow:hidden; box-shadow:0 8px 28px rgba(0,0,0,.06); transition:box-shadow .2s,transform .2s; background:#fff; }
.bbedu-card:hover{ box-shadow:0 16px 40px rgba(0,0,0,.10); transform:translateY(-3px); }
.bbedu-card__media{ display:block; aspect-ratio:16/9; overflow:hidden; background:#f5f6f8; }
.bbedu-card__media img{ width:100%; height:100%; object-fit:cover; }
.bbedu-card__body{ padding:1.4rem 1.4rem 1.5rem; display:flex; flex-direction:column; gap:.55rem; flex:1; }
.bbedu-card__title{ font-family:Roboto,sans-serif; font-size:1.15rem; font-weight:700; line-height:1.3; margin:0; }
.bbedu-card__title a{ color:#1f2933; text-decoration:none; }
.bbedu-card__title a:hover{ color:var(--bb-accent); }
.bbedu-card__excerpt{ font-family:Roboto,sans-serif; color:#4a5568; margin:0; font-size:.92rem; line-height:1.55; }
.bbedu-card__meta{ display:flex; flex-wrap:wrap; align-items:center; gap:.6rem 1rem; margin:.35rem 0 .2rem; padding-top:.9rem; border-top:1px solid #eef0f2; }
.bbedu-card__date{ display:inline-flex; align-items:center; gap:.4rem; color:#4a5568; font-weight:600; font-size:.85rem; }
.bbedu-card__price{ margin-left:auto; background:rgba(218,47,59,.08); color:var(--bb-accent); font-weight:700; padding:.28rem .65rem; border-radius:999px; font-size:.85rem; }
.bbedu-card__cta{ margin-top:auto; }
.bbedu-card__cta .bbedu-btn,.bbedu-card__cta a{ display:inline-block; margin-top:.6rem; background:var(--bb-accent); color:#fff; padding:.6rem 1.2rem; border-radius:8px; font-weight:600; font-size:.92rem; text-decoration:none; }
.bbedu-card__cta a:hover{ background:var(--bb-accent-dark); }
@media (max-width:1024px){ .bbedu-cards{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px){ .bbedu-cards{ grid-template-columns:1fr; } }

/* (Usluge page keeps its own 2×2 grid defined in design-system.css) */

/* Usluge (868): make the two column-grids produce an aligned, equal-height 2x2. */
.page-id-868 .elementor-element-91d6664 > .elementor-container{ align-items:stretch !important; }
.page-id-868 .elementor-element-bf664a1 > .elementor-widget-wrap,
.page-id-868 .elementor-element-33c4323 > .elementor-widget-wrap{ grid-auto-rows:1fr !important; height:100%; }
.page-id-868 .elementor-element-91d6664 .elementor-widget-bb-flip-box,
.page-id-868 .elementor-element-91d6664 .elementor-widget-bb-flip-box > .elementor-widget-container,
.page-id-868 .elementor-element-91d6664 .bb-flip,
.page-id-868 .elementor-element-91d6664 .bb-card{ height:100%; }

/* ================= HOME SECTION FIXES (visual rhythm, per user) ================= */

/* --- Tko smo (7280c4e): compact, no blue borders, tight rhythm --- */
.page-id-392 .elementor-element-7280c4e{ padding:44px 20px !important; }
.page-id-392 .elementor-element-7280c4e > .elementor-container{ min-height:0 !important; }
/* the blue vertical line = 1px blue border on the counter columns' populated wrap */
.page-id-392 .elementor-element-7280c4e .elementor-element-populated,
.page-id-392 .elementor-element-7280c4e .elementor-column{ border:0 !important; }
.page-id-392 .elementor-element-7280c4e .elementor-widget-divider{ display:none !important; }
/* reset margins that create big empty top/bottom + text-to-numbers gaps */
.page-id-392 .elementor-element-7280c4e .elementor-widget-heading{ margin:0 0 12px !important; }
.page-id-392 .elementor-element-7280c4e .elementor-widget-heading .elementor-heading-title{ margin:0 !important; }
.page-id-392 .elementor-element-7280c4e .elementor-widget-text-editor{ margin:0 0 22px !important; }
.page-id-392 .elementor-element-7280c4e .elementor-inner-section{ margin:0 !important; }
.page-id-392 .elementor-element-7280c4e .elementor-widget-counter{ margin:0 !important; }
.page-id-392 .elementor-element-7280c4e .elementor-counter{ min-height:0 !important; padding:20px 18px !important; }

/* --- Zašto Power BI (94957cd) & Naš način (2d50507): ~50% shorter, tighter cards --- */
.page-id-392 .elementor-element-94957cd,
.page-id-392 .elementor-element-2d50507{ padding:50px 20px !important; }
.page-id-392 .elementor-element-94957cd > .elementor-container,
.page-id-392 .elementor-element-2d50507 > .elementor-container{ align-items:center !important; }
/* kill the big vertical gap between the two inner card rows */
.page-id-392 .elementor-element-94957cd .elementor-inner-section,
.page-id-392 .elementor-element-2d50507 .elementor-inner-section{ margin-bottom:16px !important; }
.page-id-392 .elementor-element-94957cd .elementor-inner-section:last-child,
.page-id-392 .elementor-element-2d50507 .elementor-inner-section:last-child{ margin-bottom:0 !important; }
.page-id-392 .elementor-element-94957cd .elementor-widget-icon-box .elementor-widget-container,
.page-id-392 .elementor-element-2d50507 .elementor-widget-icon-box .elementor-widget-container{ padding:18px !important; }
/* cap the side image so the section isn't dominated by it */
.page-id-392 .elementor-element-94957cd img,
.page-id-392 .elementor-element-2d50507 img{ max-height:380px !important; width:auto !important; margin-inline:auto; }

/* --- Naše usluge (1c5769a): remove double box (icon-box border), widen, even height --- */
.page-id-392 .elementor-element-1c5769a{ padding:50px 20px !important; }
.page-id-392 .elementor-element-1c5769a .elementor-widget-icon-box{
	border:0 !important; box-shadow:none !important; background:transparent !important; border-radius:0 !important;
}
.page-id-392 .elementor-element-1c5769a .elementor-widget-icon-box .elementor-widget-container{ padding:0 0 8px !important; }
.page-id-392 .elementor-element-1c5769a .elementor-inner-column > .elementor-widget-wrap{ padding:24px !important; }

/* --- O nama (fc961ea): compact, aligned, normal team-card titles --- */
.page-id-392 .elementor-element-fc961ea{ padding:50px 20px !important; }
.page-id-392 .elementor-element-fc961ea .elementor-element-f4dbc87 .elementor-heading-title{
	font-size:20px !important; line-height:1.25 !important; font-weight:700 !important; margin:14px 0 8px !important;
}
.page-id-392 .elementor-element-fc961ea .elementor-element-f4dbc87 .elementor-inner-column > .elementor-widget-wrap{
	text-align:center; height:100%;
}
.page-id-392 .elementor-element-fc961ea .elementor-element-f4dbc87 .elementor-widget-text-editor{
	font-size:15.5px !important; line-height:1.6 !important; color:var(--bb-body) !important;
}

/* CRITICAL: nested (inner) sections must NOT inherit the 50px section padding.
   The boxed-section rule applied 50/50 to inner card-row containers too, adding
   ~100px of empty space per card row (cards looked stretched with big gaps). */
.elementor-page .elementor-inner-section > .elementor-container{ padding-top:0 !important; padding-bottom:0 !important; }

/* ===== O nama (HOME section fc961ea): coherent hierarchy, sans-serif, aligned ===== */
.page-id-392 .elementor-element-fc961ea,
.page-id-392 .elementor-element-fc961ea *{
	font-family:Roboto,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif !important;
}
.page-id-392 .elementor-element-b8986d0{ margin:0 0 18px !important; }
/* intro block: lead statement (was red serif h5) + description, centered, readable width */
.page-id-392 .elementor-element-7cd8650{ max-width:860px; margin:0 auto 30px !important; text-align:center; }
.page-id-392 .elementor-element-7cd8650 h5{ font-size:19px !important; line-height:1.45 !important; font-weight:600 !important; margin:0 0 14px !important; }
.page-id-392 .elementor-element-7cd8650 h5 span{ color:#1f2933 !important; }   /* remove jarring red, keep as clean lead */
.page-id-392 .elementor-element-7cd8650 p{ font-size:16.5px !important; line-height:1.7 !important; color:#4a5568 !important; margin:0 !important; }
/* team cards: centered, consistent */
.page-id-392 .elementor-element-f4dbc87{ margin-top:6px !important; }
.page-id-392 .elementor-element-f4dbc87 .elementor-heading-title{ text-align:center !important; font-size:19px !important; margin:14px 0 8px !important; }
.page-id-392 .elementor-element-f4dbc87 .elementor-widget-text-editor{ text-align:center !important; font-size:15px !important; line-height:1.6 !important; color:#4a5568 !important; }
/* certifikati: quiet, centered, sans-serif line */
.page-id-392 .elementor-element-2ab2960{ margin:26px auto 0 !important; text-align:center !important; }
.page-id-392 .elementor-element-2ab2960 h5{ font-size:14px !important; font-weight:600 !important; letter-spacing:.03em; color:#6b7280 !important; margin:0 !important; }

/* ===== Naše usluge (HOME 1c5769a): wider, clean consistent card text ===== */
/* Widen cards to the full section panel (4 classes → beats design-system's 1180 cap).
   Wider cards wrap less text, so the section also becomes shorter. */
.page-id-392 .elementor-section.elementor-element-1c5769a > .elementor-container{ max-width:1340px !important; }
/* the card row (inner-section) was itself capped at 1180 → widen it to fill */
.page-id-392 .elementor-element-1c5769a .elementor-inner-section > .elementor-container{ max-width:100% !important; }
.page-id-392 .elementor-element-1c5769a .elementor-inner-column > .elementor-widget-wrap{ padding:32px 30px !important; }
/* icon + title tighter */
.page-id-392 .elementor-element-1c5769a .elementor-icon-box-title,
.page-id-392 .elementor-element-1c5769a .elementor-icon-box-title a{ font-size:18px !important; line-height:1.3 !important; margin-bottom:6px !important; }
.page-id-392 .elementor-element-1c5769a .elementor-icon-box-icon{ margin-bottom:12px !important; }
/* normalize the bold/italic/red mixed description into one clean readable style */
.page-id-392 .elementor-element-1c5769a .elementor-widget-text-editor,
.page-id-392 .elementor-element-1c5769a .elementor-widget-text-editor p,
.page-id-392 .elementor-element-1c5769a .elementor-widget-text-editor strong,
.page-id-392 .elementor-element-1c5769a .elementor-widget-text-editor b,
.page-id-392 .elementor-element-1c5769a .elementor-widget-text-editor i,
.page-id-392 .elementor-element-1c5769a .elementor-widget-text-editor span{
	font-weight:400 !important; font-style:normal !important; font-size:15px !important;
	line-height:1.62 !important; color:#4a5568 !important; text-align:left !important;
}
.page-id-392 .elementor-element-1c5769a .elementor-widget-text-editor p{ margin:0 0 10px !important; }
.page-id-392 .elementor-element-1c5769a .elementor-widget-text-editor p:last-child{ margin-bottom:0 !important; }

/* Naše usluge: align icon+title block so all descriptions start at the same line */
.page-id-392 .elementor-element-1c5769a .elementor-widget-icon-box{ min-height:92px; display:flex; align-items:flex-start; }
.page-id-392 .elementor-element-1c5769a .elementor-icon-box-wrapper{ display:flex; flex-direction:column; align-items:center; }
.page-id-392 .elementor-element-1c5769a .elementor-icon-box-title{ min-height:1.3em; display:flex; align-items:center; justify-content:center; text-align:center; }

/* ============================================================
   CREATIVE DIRECTOR PASS — cohesive home composition
   (design only; text/content untouched)
   ============================================================ */

/* --- 1. UNIFIED SECTION-HEADING SYSTEM ---------------------
   One rhythm across the page: charcoal title + short red accent
   underline. Red becomes an accent, not competing shouts.       */
.page-id-392 .elementor-element-94957cd > .elementor-container .elementor-widget-heading .elementor-heading-title,
.page-id-392 .elementor-element-1c5769a .elementor-widget-heading .elementor-heading-title,
.page-id-392 .elementor-element-2d50507 > .elementor-container .elementor-widget-heading .elementor-heading-title,
.page-id-392 .elementor-element-b8986d0 .elementor-heading-title,
.page-id-392 .elementor-element-e2c9d3c .elementor-widget-heading .elementor-heading-title,
.page-id-392 .elementor-element-bbeduhomeh .elementor-heading-title,
.page-id-392 .elementor-element-880d8c4 .elementor-widget-heading .elementor-heading-title{
	color:#1f2933 !important;
}
/* accent underline — centered sections */
.page-id-392 .elementor-element-7280c4e .elementor-widget-heading .elementor-heading-title::after,
.page-id-392 .elementor-element-1c5769a .elementor-widget-heading .elementor-heading-title::after,
.page-id-392 .elementor-element-b8986d0 .elementor-heading-title::after,
.page-id-392 .elementor-element-e2c9d3c .elementor-widget-heading .elementor-heading-title::after,
.page-id-392 .elementor-element-bbeduhomeh .elementor-heading-title::after,
.page-id-392 .elementor-element-880d8c4 .elementor-widget-heading .elementor-heading-title::after{
	content:""; display:block; width:54px; height:3px; border-radius:2px;
	background:var(--bb-accent,#da2f3b); margin:16px auto 0;
}
/* accent underline — left-aligned sections */
.page-id-392 .elementor-element-94957cd > .elementor-container .elementor-widget-heading .elementor-heading-title::after,
.page-id-392 .elementor-element-2d50507 > .elementor-container .elementor-widget-heading .elementor-heading-title::after{
	content:""; display:block; width:54px; height:3px; border-radius:2px;
	background:var(--bb-accent,#da2f3b); margin:16px 0 0;
}
/* Tko smo lives on the red band: white title + soft white accent */
.page-id-392 .elementor-element-7280c4e .elementor-widget-heading .elementor-heading-title{ color:#fff !important; }
.page-id-392 .elementor-element-7280c4e .elementor-widget-heading .elementor-heading-title::after{ background:rgba(255,255,255,.85); }

/* --- 2. ZAŠTO & NAŠ NAČIN: even 2×2 grid ------------------
   Columns had custom %-widths (281/349, 363/266) → ragged.
   Force equal halves + equal card height so the grid reads calm. */
.page-id-392 .elementor-element-94957cd .elementor-inner-section > .elementor-container,
.page-id-392 .elementor-element-2d50507 .elementor-inner-section > .elementor-container{ align-items:stretch !important; }
.page-id-392 .elementor-element-94957cd .elementor-inner-section > .elementor-container > .elementor-column,
.page-id-392 .elementor-element-2d50507 .elementor-inner-section > .elementor-container > .elementor-column{
	width:50% !important; flex:1 1 50% !important;
}
.page-id-392 .elementor-element-94957cd .elementor-inner-section .elementor-widget-wrap,
.page-id-392 .elementor-element-2d50507 .elementor-inner-section .elementor-widget-wrap{ height:100%; }
.page-id-392 .elementor-element-94957cd .elementor-widget-icon-box,
.page-id-392 .elementor-element-2d50507 .elementor-widget-icon-box,
.page-id-392 .elementor-element-94957cd .elementor-widget-icon-box .elementor-widget-container,
.page-id-392 .elementor-element-2d50507 .elementor-widget-icon-box .elementor-widget-container{ height:100%; }
.page-id-392 .elementor-element-94957cd .elementor-widget-icon-box .elementor-widget-container,
.page-id-392 .elementor-element-2d50507 .elementor-widget-icon-box .elementor-widget-container{ min-height:148px !important; }

/* --- 3. O NAMA: natural, aligned team cards ----------------
   Kill forced 100% height that inflated cards with empty bottoms;
   photo flush to card top; consistent soft shadow.               */
.page-id-392 .elementor-element-f4dbc87 > .elementor-container{ align-items:flex-start !important; }
.page-id-392 .elementor-element-f4dbc87 .elementor-inner-column > .elementor-widget-wrap{ height:auto !important; padding:0 0 20px !important; }
.page-id-392 .elementor-element-f4dbc87 .elementor-element-populated{
	box-shadow:0 6px 20px rgba(16,24,40,.06) !important; overflow:hidden; border-color:#eceef1 !important;
}
.page-id-392 .elementor-element-f4dbc87 .elementor-widget-image{ margin:0 0 16px !important; }
.page-id-392 .elementor-element-f4dbc87 .elementor-widget-image img{ width:100% !important; height:auto !important; border-radius:0 !important; display:block; }
/* Team photos were forced to 4:3 landscape → portraits cropped, heads cut.
   Use a taller portrait ratio + top-biased focus so faces breathe. */
.page-id-392 .elementor-element-f4dbc87 img{ aspect-ratio:4/5 !important; object-position:50% 22% !important; }
.page-id-392 .elementor-element-f4dbc87 .elementor-widget-heading{ margin:0 0 6px !important; padding:0 18px; }
.page-id-392 .elementor-element-f4dbc87 .elementor-widget-text-editor{ padding:0 18px; }

/* --- 4. EDUKACIJE: center the lone card -------------------
   .bbedu-cards is auto-fill grid → single card pinned left.
   On the home section, cap card width and center the track group. */
.page-id-392 .bbedu-cards{ grid-template-columns:repeat(auto-fit,minmax(280px,360px)) !important; justify-content:center !important; }

/* --- 5. BACKGROUND RHYTHM ---------------------------------
   Lower half was wall-to-wall white. Gentle alternating tint so
   sections separate without hard lines.                          */
.page-id-392 .elementor-element-fc961ea,
.page-id-392 .elementor-element-bbeduhome{ background-color:#f6f7f9 !important; }

/* --- 6. "U DOBROM STE DRUŠTVU" + LOGOS as one unit --------
   Pull heading and logo strip together; unify logo tone.         */
.page-id-392 .elementor-element-880d8c4{ padding-bottom:6px !important; }
.page-id-392 .elementor-element-6f70168{ padding-top:6px !important; }
.page-id-392 .elementor-element-6f70168 img{ filter:grayscale(1); opacity:.72; transition:filter .2s, opacity .2s; }
.page-id-392 .elementor-element-6f70168 img:hover{ filter:none; opacity:1; }

/* --- "U dobrom ste društvu" + logos: tighten gap, clean carousel --------
   Gap title→logos was ~120px (heading section bottom padding + logos top
   padding stacked). Carousel had overflow:visible → neighbour logos bled in
   half-cut ("frame lost when sliding"). Clip cleanly + center on the arrows. */
.page-id-392 .elementor > .elementor-section.elementor-element-880d8c4 > .elementor-container,
.page-id-392 .elementor > .e-con.elementor-element-880d8c4{ padding-bottom:10px !important; }
.page-id-392 .elementor > .e-con.elementor-element-6f70168,
.page-id-392 .elementor > .elementor-section.elementor-element-6f70168 > .elementor-container{ padding-top:14px !important; padding-bottom:44px !important; }
/* clip partial neighbours so only whole logos show inside the track */
.page-id-392 .elementor-element-6f70168 .swiper,
.page-id-392 .elementor-element-6f70168 .swiper-container{ overflow:hidden !important; }
/* keep each logo vertically centred on the nav arrows */
.page-id-392 .elementor-element-6f70168 .swiper-slide{ display:flex !important; align-items:center !important; justify-content:center !important; }

/* Client logos: the white rounded frame is part of each image ASSET (no CSS
   border exists). A CSS border-radius:10px + overflow:clip on the <img> was
   shaving that baked-in frame's rounded corners. Stop clipping the asset and
   pad the slide so the whole frame is always visible. */
.page-id-392 .elementor-element-6f70168 img{
	border-radius:0 !important; overflow:visible !important; object-fit:contain !important;
	max-height:64px !important; width:auto !important; margin:0 auto !important;
}
.page-id-392 .elementor-element-6f70168 .swiper-slide{ padding:8px 12px !important; box-sizing:border-box; }

/* ============================================================
   PAGE 953 — "BitanBit Power BI rješenja"
   Body copy and the red callout were authored inside <h6> tags, so the
   theme's heading styles hijacked them (heavy/dark; red box text turned dark
   instead of white). Restore proper body + callout typography. Text untouched.
   ============================================================ */
/* body copy (h6 used as paragraphs) → clean sans body text */
.page-id-953 .elementor-element-70e86468 h6{
	font-family:Roboto,-apple-system,"Segoe UI",sans-serif !important;
	font-size:17px !important; font-weight:400 !important; line-height:1.75 !important;
	color:#4a5568 !important; text-align:left !important; margin:0 0 15px !important;
}
.page-id-953 .elementor-element-70e86468 h6:last-child{ margin-bottom:0 !important; }
.page-id-953 .elementor-element-70e86468 h6 span{ color:#da2f3b !important; } /* keep brand accent */

/* red callout box → white readable text on red, comfortable padding */
.page-id-953 .elementor-element-9bed49d .elementor-widget-container{
	padding:26px 30px !important; border-radius:14px !important;
	box-shadow:0 10px 30px rgba(218,47,59,.18) !important;
}
.page-id-953 .elementor-element-9bed49d h6,
.page-id-953 .elementor-element-9bed49d h6 strong{
	color:#fff !important; font-family:Roboto,-apple-system,"Segoe UI",sans-serif !important;
	font-weight:400 !important; font-size:16.5px !important; line-height:2 !important; margin:0 !important;
}

/* Page 1467 (Što je Power BI): remove the red check marks on the benefit
   cards and reclaim the left padding they reserved. */
.page-id-1467 .bb-copy-card::before{ display:none !important; }
.page-id-1467 .bb-copy-card{ padding-left:20px !important; }

/* Page 998 (Power BI akademija): the "PUT UČENJA…" lead + subtitle were
   authored as <h6>, so heading styles made them serif/heavy. Bring them into
   the site's sans system. Text untouched. */
.page-id-998 .elementor-element-6a441b43 h6{
	font-family:Roboto,-apple-system,"Segoe UI",sans-serif !important;
	font-style:normal !important; font-weight:400 !important; color:#4a5568 !important;
	line-height:1.6 !important;
}
.page-id-998 .elementor-element-6a441b43 h6:first-child{
	font-size:19px !important; font-weight:700 !important; color:#1f2933 !important; margin:0 0 6px !important;
}
.page-id-998 .elementor-element-6a441b43 h6:last-child{ font-size:16px !important; margin:0 !important; }
.page-id-998 .elementor-element-6a441b43 h6 b,
.page-id-998 .elementor-element-6a441b43 h6 strong{ font-weight:700 !important; font-style:normal !important; }
.page-id-998 .elementor-element-6a441b43 h6 span{ color:#da2f3b !important; }

/* ============================================================
   SYSTEMIC FIX — body copy mis-authored as <h5>/<h6>
   The theme sets every h1–h6 to 'Roboto Slab' (serif). Legacy content across
   many pages wraps ordinary body text in <h5>/<h6> inside text-editor widgets,
   so it rendered as serif heading text. Normalise those to the sans body
   system site-wide. Inline brand colours (red spans) and <strong>/<b> emphasis
   are preserved. Page-specific cases (e.g. the white-on-red callout on 953,
   the akademija lead on 998) keep their own higher-specificity overrides.
   ============================================================ */
.elementor-widget-text-editor h5,
.elementor-widget-text-editor h6{
	font-family:Roboto,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif !important;
	font-style:normal !important;
	font-weight:400 !important;
	color:#4a5568 !important;
	line-height:1.7 !important;
	letter-spacing:normal !important;
}
.elementor-widget-text-editor h5 strong, .elementor-widget-text-editor h5 b,
.elementor-widget-text-editor h6 strong, .elementor-widget-text-editor h6 b{ font-weight:700 !important; }


/* ITEM 2 — flatten leftover italic emphasis in text-editors site-wide
   (bold stays bold; keeps typography consistent with the rest of the site). */
.elementor-widget-text-editor em, .elementor-widget-text-editor i{ font-style:normal !important; }

/* ============================================================
   O NAMA page (1156) — team + certifikati identical to the Home section,
   tidy spacing & fonts. Mirrors Home's fc961ea/f4dbc87/2ab2960/7cd8650.
   ============================================================ */
.page-id-1156 .elementor-element-a635811,
.page-id-1156 .elementor-element-a635811 *{
	font-family:Roboto,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif !important;
}
.page-id-1156 .elementor-element-a635811{ background-color:#f6f7f9 !important; }

/* intro (lead + description) — centered, readable width, red lead → charcoal */
.page-id-1156 .elementor-element-cbf708c{ max-width:860px; margin:0 auto 30px !important; text-align:center; }
.page-id-1156 .elementor-element-cbf708c h5,
.page-id-1156 .elementor-element-cbf708c h6{ font-size:19px !important; line-height:1.45 !important; font-weight:600 !important; color:#1f2933 !important; margin:0 0 14px !important; }
.page-id-1156 .elementor-element-cbf708c h5 span,
.page-id-1156 .elementor-element-cbf708c h6 span{ color:#1f2933 !important; }
.page-id-1156 .elementor-element-cbf708c p{ font-size:16.5px !important; line-height:1.7 !important; color:#4a5568 !important; margin:0 !important; }

/* team cards — full-bleed portrait photo, soft shadow, centered name/desc */
.page-id-1156 .elementor-element-b152735 > .elementor-container{ align-items:flex-start !important; }
.page-id-1156 .elementor-element-b152735 .elementor-inner-column > .elementor-widget-wrap{ height:auto !important; padding:0 0 20px !important; text-align:center; }
.page-id-1156 .elementor-element-b152735 .elementor-element-populated{ box-shadow:0 6px 20px rgba(16,24,40,.06) !important; overflow:hidden; border:1px solid #eceef1 !important; border-radius:8px !important; background:#fff !important; }
.page-id-1156 .elementor-element-b152735 .elementor-widget-image{ margin:0 0 16px !important; }
.page-id-1156 .elementor-element-b152735 .elementor-widget-image img{ width:100% !important; height:auto !important; border-radius:0 !important; display:block; aspect-ratio:4/5 !important; object-fit:cover !important; object-position:50% 22% !important; }
.page-id-1156 .elementor-element-b152735 .elementor-widget-heading{ margin:0 !important; padding:0 18px; }
.page-id-1156 .elementor-element-b152735 .elementor-heading-title{ text-align:center !important; font-size:19px !important; font-weight:700 !important; color:#1f2933 !important; margin:14px 0 8px !important; }
.page-id-1156 .elementor-element-b152735 .elementor-widget-text-editor{ padding:0 18px; text-align:center !important; font-size:15px !important; line-height:1.6 !important; color:#4a5568 !important; }

/* certifikati — quiet centered line */
.page-id-1156 .elementor-element-823f58a{ margin:26px auto 0 !important; text-align:center !important; }
.page-id-1156 .elementor-element-823f58a h5,
.page-id-1156 .elementor-element-823f58a h6,
.page-id-1156 .elementor-element-823f58a p{ font-size:14px !important; font-weight:600 !important; letter-spacing:.03em; color:#6b7280 !important; margin:0 !important; }

/* O nama — tighten the loose vertical gaps (intro → image → team) */
.page-id-1156 .elementor-element-53728a460 > .elementor-container{ padding-top:40px !important; padding-bottom:10px !important; }
.page-id-1156 .elementor > .e-con.elementor-element-b7485d8{ padding-top:22px !important; padding-bottom:34px !important; }

/* O nama — intro text + supporting image are ONE unit; kill the full section
   spacing between them (needs 5-class specificity to beat the global rhythm). */
.page-id-1156 .elementor > .elementor-section.elementor-element-53728a460 > .elementor-container{ padding-top:44px !important; padding-bottom:6px !important; }
.page-id-1156 .elementor > .e-con.elementor-element-b7485d8{ padding-top:8px !important; padding-bottom:34px !important; }

/* ============================================================
   "Zašto BitanBit" feature list (#3880d26a — pages 1212 & 1779)
   Titles + paragraphs were both authored as <h6> and got flattened to body
   size. Restore hierarchy: bold charcoal sub-titles vs body paragraphs, and
   vertically centre the paired image so it doesn't leave a big empty column.
   ============================================================ */
.elementor-element-3880d26a h6:has(strong){
	font-size:20px !important; font-weight:700 !important; color:#1f2933 !important;
	line-height:1.3 !important; margin:26px 0 8px !important;
}
.elementor-element-3880d26a h6:has(strong):first-child{ margin-top:0 !important; }
.elementor-element-3880d26a h6:has(strong) span{ color:#1f2933 !important; }
.elementor-element-3880d26a h6:not(:has(strong)){
	font-size:16px !important; font-weight:400 !important; line-height:1.72 !important;
	color:#4a5568 !important; margin:0 !important;
}
/* centre the image vertically against the text column */
.elementor-element-6eec26760 > .elementor-container{ align-items:center !important; }

/* ============================================================
   BLOG SYSTEM — blog index (full-width card grid), archives + single
   with a real sidebar. Titles unified to sans; readable layout.
   ============================================================ */
/* Layout: full width unless the view renders a sidebar */
body:not(.bb-has-sidebar):not(.elementor-page) .content-area{
	display:block !important; grid-template-columns:none !important;
	max-width:var(--bb-wrap); margin:0 auto; padding:clamp(44px,5vw,66px) 20px;
}
.bb-has-sidebar .content-area{
	display:grid !important; grid-template-columns:minmax(0,1fr) 304px !important;
	gap:44px; align-items:start; max-width:var(--bb-wrap); margin:0 auto; padding:clamp(44px,5vw,66px) 20px;
}
@media (max-width:900px){ .bb-has-sidebar .content-area{ grid-template-columns:1fr !important; } }

/* Page titles (Blog, Kategorija: …) — sans + accent underline */
.blog .page-title, .archive .page-title, .search .page-title{ font-family:Roboto,sans-serif !important; color:#1f2933 !important; }
.blog .page-header, .archive .page-header, .search .page-header{ padding:0 0 6px !important; margin:0 0 28px !important; border:0 !important; }
.blog .page-header::after, .archive .page-header::after, .search .page-header::after{
	content:""; display:block; width:54px; height:3px; background:var(--bb-accent,#da2f3b); border-radius:2px; margin-top:14px;
}

/* Cards — shared base */
.post-card{ display:block; border:1px solid #eceef1 !important; border-radius:12px !important; background:#fff !important;
	box-shadow:0 10px 30px rgba(16,24,40,.05) !important; overflow:hidden; margin:0 !important; }
.post-card__media{ display:block; aspect-ratio:16/9; background:#f4f5f7; overflow:hidden; }
.post-card__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.post-card__body{ padding:20px 22px 22px !important; }
.post-card__title{ font-family:Roboto,sans-serif !important; font-size:20px !important; line-height:1.25 !important; font-weight:700 !important; margin:0 0 8px !important; }
.post-card__title a{ color:#1f2933 !important; text-decoration:none; }
.post-card__title a:hover{ color:var(--bb-accent,#da2f3b) !important; }
.post-card__meta{ font-size:13px !important; color:#8a94a3 !important; margin:0 0 10px !important; }
.post-card__excerpt{ font-size:15px !important; line-height:1.62 !important; color:#4a5568 !important; margin:0 0 14px !important; }
.post-card__readmore{ display:inline-block; color:var(--bb-accent,#da2f3b) !important; font-weight:600; text-decoration:none; margin:0 !important; }
.post-card__readmore:hover{ text-decoration:underline; }

/* Blog index: full-width 3-col grid of vertical cards */
.blog .site-main{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:26px !important; align-content:start; padding:0 !important; }
.blog .page-header{ grid-column:1 / -1; }
@media (max-width:900px){ .blog .site-main{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (max-width:600px){ .blog .site-main{ grid-template-columns:1fr !important; } }

/* Archive / search: single column of horizontal cards beside the sidebar */
.bb-has-sidebar .site-main{ display:flex; flex-direction:column; gap:24px; padding:0 !important; }
.archive .post-card, .search .post-card{ display:grid; grid-template-columns:240px minmax(0,1fr); align-items:stretch; }
.archive .post-card__media, .search .post-card__media{ aspect-ratio:auto; height:100%; min-height:184px; }
.archive .post-card__body, .search .post-card__body{ align-self:center; }
@media (max-width:640px){
	.archive .post-card, .search .post-card{ grid-template-columns:1fr; }
	.archive .post-card__media, .search .post-card__media{ aspect-ratio:16/9; min-height:0; }
}

/* Single post: fill the main column, sans headings */
.single .site-main{ padding:0 !important; }
.single .entry-title{ font-family:Roboto,sans-serif !important; color:#1f2933 !important; }
.single .entry-content{ max-width:none !important; }
.single .entry-content h2, .single .entry-content h3, .single .entry-content h4{ font-family:Roboto,sans-serif !important; color:#1f2933 !important; }
.single .post-thumbnail img{ border-radius:12px; }
.single .entry-footer{ margin-top:26px; padding-top:16px; border-top:1px solid #eceef1; }

/* Sidebar widgets */
.bb-sidebar{ display:flex; flex-direction:column; gap:24px; }
.bb-widget{ background:#fff; border:1px solid #eceef1; border-radius:12px; padding:20px 20px 22px; box-shadow:0 8px 24px rgba(16,24,40,.04); }
.bb-widget__title{ font-family:Roboto,sans-serif; font-size:16px; font-weight:700; color:#1f2933; margin:0 0 15px; position:relative; padding-bottom:10px; }
.bb-widget__title::after{ content:""; position:absolute; left:0; bottom:0; width:32px; height:3px; background:var(--bb-accent,#da2f3b); border-radius:2px; }
.bb-widget__list{ list-style:none; margin:0; padding:0; }
.bb-widget__list li{ margin:0 0 9px; color:#8a94a3; }
.bb-widget__list a{ color:#4a5568; text-decoration:none; }
.bb-widget__list a:hover{ color:var(--bb-accent,#da2f3b); }
.bb-widget__recent{ list-style:none; margin:0; padding:0; }
.bb-widget__recent li{ margin:0 0 14px; }
.bb-widget__recent li:last-child{ margin-bottom:0; }
.bb-recent__link{ display:flex; gap:12px; align-items:center; text-decoration:none; }
.bb-recent__thumb img{ width:56px; height:56px; object-fit:cover; border-radius:8px; display:block; }
.bb-recent__title{ display:block; font-size:14px; line-height:1.35; color:#1f2933; font-weight:600; }
.bb-recent__link:hover .bb-recent__title{ color:var(--bb-accent,#da2f3b); }
.bb-recent__date{ font-size:12px; color:#8a94a3; }
.bb-widget--search .search-form{ display:flex; gap:8px; }
.bb-widget--search .search-field, .bb-widget--search input[type=search]{ flex:1; min-width:0; padding:9px 12px; border:1px solid #d7dbe0; border-radius:8px; font-size:14px; }
.bb-widget--search .search-submit, .bb-widget--search button{ background:var(--bb-accent,#da2f3b); color:#fff; border:0; border-radius:8px; padding:9px 15px; cursor:pointer; font-weight:600; }

/* pagination */
.pagination, .bb-has-sidebar .pagination{ margin-top:30px; }

/* ============================================================
   NAŠI KLIJENTI — client logo wall (edukacije + projekti)
   ============================================================ */
.bb-clients__wrap{ max-width:var(--bb-wrap); margin:0 auto; padding:0 20px; }
.bb-clients__hero{ padding:clamp(48px,6vw,82px) 0 6px; text-align:center; }
.bb-clients__title{ font-family:Roboto,sans-serif !important; font-size:clamp(32px,4vw,46px); font-weight:700; color:#1f2933; margin:0 0 16px; line-height:1.1; }
.bb-clients__title::after{ content:""; display:block; width:56px; height:3px; background:var(--bb-accent,#da2f3b); border-radius:2px; margin:16px auto 0; }
.bb-clients__lead{ max-width:660px; margin:0 auto; color:#4a5568; font-size:17px; line-height:1.7; }
.bb-clients__section{ padding:clamp(42px,5vw,64px) 0; }
.bb-clients__section--alt{ background:#f6f7f9; }
.bb-clients__heading{ text-align:center; font-family:Roboto,sans-serif !important; font-size:clamp(23px,2.6vw,31px); font-weight:700; color:#1f2933; margin:0; position:relative; padding-bottom:14px; }
.bb-clients__heading::after{ content:""; display:block; position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:48px; height:3px; background:var(--bb-accent,#da2f3b); border-radius:2px; }
.bb-logo-grid{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; margin-top:36px; }
.bb-logo{ background:#fff; border:1px solid #eceef1; border-radius:12px; height:112px; display:flex; align-items:center; justify-content:center; padding:18px; box-shadow:0 6px 18px rgba(16,24,40,.045); transition:box-shadow .2s, transform .2s; }
.bb-logo img{ max-width:100%; max-height:64px; width:auto; height:auto; object-fit:contain; filter:grayscale(1); opacity:.72; transition:filter .2s, opacity .2s; }
.bb-logo:hover{ box-shadow:0 14px 30px rgba(16,24,40,.10); transform:translateY(-3px); }
.bb-logo:hover img{ filter:none; opacity:1; }
@media (max-width:1024px){ .bb-logo-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:700px){ .bb-logo-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } .bb-logo{ height:96px; } }
@media (max-width:460px){ .bb-logo-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* ============================================================
   TEAM BIO MODAL — clickable lecturer cards (home O nama + O nama page)
   ============================================================ */
.bb-team-card--clickable{ cursor:pointer; }
.bb-team-modal{ position:fixed; inset:0; z-index:99999; display:none; }
.bb-team-modal.is-open{ display:block; }
.bb-team-modal__backdrop{ position:absolute; inset:0; background:rgba(16,24,40,.55); }
.bb-team-modal__dialog{ position:relative; max-width:560px; margin:8vh auto 0; background:#fff; border-radius:16px;
	padding:30px; box-shadow:0 30px 80px rgba(0,0,0,.35); max-height:82vh; overflow:auto; }
.bb-team-modal__close{ position:absolute; top:12px; right:16px; border:0; background:transparent; font-size:30px; line-height:1; color:#9aa3af; cursor:pointer; }
.bb-team-modal__close:hover{ color:#1f2933; }
.bb-team-modal__head{ display:flex; gap:18px; align-items:center; margin:0 0 20px; }
.bb-team-modal__img{ width:96px; height:96px; border-radius:12px; object-fit:cover; object-position:50% 20%; flex:0 0 auto; }
.bb-team-modal__name{ font-family:Roboto,sans-serif; font-size:22px; font-weight:700; color:#1f2933; margin:0; }
.bb-team-modal__role{ color:var(--bb-accent,#da2f3b); font-weight:600; margin:3px 0 0; }
.bb-team-modal__bio{ color:#4a5568; line-height:1.72; font-size:15.5px; }
@media (max-width:560px){ .bb-team-modal__dialog{ margin:0; min-height:100%; border-radius:0; } }

/* O nama page: make team + certifikati visually identical to the Home section */
/* equal card heights (Zoran's blurb wraps one line more) */
.page-id-1156 .elementor-element-b152735 > .elementor-container{ align-items:stretch !important; }
.page-id-1156 .elementor-element-b152735 .elementor-inner-column > .elementor-widget-wrap{ height:100% !important; }
/* certifikati: plain centered line like Home (kill its box) */
.page-id-1156 .elementor-element-823f58a{ border:0 !important; background:transparent !important; box-shadow:none !important; border-radius:0 !important; padding:0 !important; }

/* Header logo — slightly larger */
.site-header .custom-logo, .site-header .site-branding img{ max-height:46px !important; }
/* Footer logo — use the real (header) logo instead of the white-flattened silhouette */
.site-footer__logo{ filter:none !important; display:inline-block; background:#fff; padding:12px 16px; border-radius:12px; max-height:72px !important; width:auto; }

/* ============================================================
   CLIENT LOGO SLIDER — auto-scrolling marquee ([bb_logo_slider])
   ============================================================ */
.bb-marquee{ overflow:hidden; padding:10px 0;
	/* full-bleed so logos scroll to the screen edges (not faded mid-page) */
	width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
	/* pull the strip up closer to the "Naši klijenti" heading */
	margin-top:-48px;
	-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
	mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); }
.bb-marquee__track{ display:flex; width:max-content; animation:bb-marquee-scroll linear infinite; }
.bb-marquee:hover .bb-marquee__track{ animation-play-state:paused; }
.bb-marquee__item{ flex:0 0 auto; width:180px; height:96px; display:flex; align-items:center; justify-content:center; padding:18px 22px; box-sizing:border-box; }
.bb-marquee__item img{ max-width:100%; max-height:58px; width:auto; height:auto; object-fit:contain; filter:grayscale(1); opacity:.68; transition:filter .2s, opacity .2s; }
.bb-marquee__item img:hover{ filter:none; opacity:1; }
@keyframes bb-marquee-scroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce){ .bb-marquee__track{ animation:none; } }

/* ============================================================
   CONTACT MODAL ("Javite nam se")
   ============================================================ */
body.bb-modal-open{ overflow:hidden; }
.bb-modal[hidden]{ display:none; }
.bb-modal{ position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center; padding:20px; }
.bb-modal__overlay{ position:absolute; inset:0; background:rgba(16,24,40,.55); backdrop-filter:blur(2px); }
.bb-modal__dialog{ position:relative; background:#fff; border-radius:16px; width:100%; max-width:860px; max-height:calc(100vh - 40px); overflow:auto; box-shadow:0 24px 64px rgba(16,24,40,.28); animation:bb-modal-in .18s ease-out; }
@keyframes bb-modal-in{ from{ opacity:0; transform:translateY(12px); } to{ opacity:1; transform:none; } }
.bb-modal__close{ position:absolute; top:12px; right:14px; z-index:2; background:transparent; border:0; font-size:2rem; line-height:1; color:#8a94a6; cursor:pointer; padding:.2rem .5rem; border-radius:8px; transition:color .15s,background .15s; }
.bb-modal__close:hover{ color:var(--bb-accent); background:rgba(218,47,59,.08); }

.bb-modal__grid{ display:grid; grid-template-columns:1fr 1.15fr; }
.bb-modal__info{ background:linear-gradient(160deg,#1f2430,#2c3240); color:#fff; padding:2.2rem 2rem; border-radius:16px 0 0 16px; }
.bb-modal__title{ margin:0 0 .6rem; color:#fff; font-size:1.5rem; }
.bb-modal__intro{ margin:0 0 1.4rem; color:rgba(255,255,255,.78); font-size:.95rem; line-height:1.55; }
.bb-modal__contact{ list-style:none; margin:1.6rem 0 0; padding:0; }
.bb-modal__contact a{ color:#fff; text-decoration:none; transition:color .15s; }
.bb-modal__contact a:hover{ color:#ffd2d6; }
.bb-modal__row{ display:flex; gap:.9rem; align-items:flex-start; padding:1.05rem 0; border-top:1px solid rgba(255,255,255,.1); }
.bb-modal__row:first-child{ border-top:0; padding-top:0; }
.bb-modal__row:last-child{ padding-bottom:0; }
.bb-modal__row-ico{ flex:0 0 34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:9px; background:rgba(218,47,59,.16); color:var(--bb-accent); font-weight:700; }
.bb-modal__row-ico svg{ color:var(--bb-accent); }
.bb-modal__row-body{ display:flex; flex-direction:column; gap:.2rem; min-width:0; }
.bb-modal__row-label{ font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.5); font-weight:700; }
.bb-modal__row-value{ font-size:1rem; line-height:1.45; color:#fff; }
.bb-modal__row-tag{ display:inline-block; min-width:44px; color:rgba(255,255,255,.55); font-weight:600; margin-right:.35rem; }
.bb-modal__address{ color:rgba(255,255,255,.85); }
.bb-modal__oib{ color:rgba(255,255,255,.6); font-size:.9rem; margin-top:.25rem; }

.bb-modal__formwrap{ padding:1.6rem 1.8rem; }
.bb-contact-form .bb-field{ margin-bottom:.7rem; }
.bb-contact-form label{ display:block; font-weight:600; font-size:.92rem; margin-bottom:.25rem; color:#1f2430; }
.bb-contact-form input,.bb-contact-form textarea{ width:100%; box-sizing:border-box; padding:.55rem .8rem; border:1px solid #d7dbe2; border-radius:8px; font:inherit; font-size:.98rem; color:#1f2430; background:#fff; transition:border-color .15s,box-shadow .15s; }
.bb-contact-form input:focus,.bb-contact-form textarea:focus{ outline:0; border-color:var(--bb-accent); box-shadow:0 0 0 3px rgba(218,47,59,.15); }
.bb-contact-form [aria-invalid="true"]{ border-color:var(--bb-accent); }
.bb-contact-form textarea{ resize:vertical; min-height:80px; }
.bb-req{ color:var(--bb-accent); }
.bb-field__error{ display:block; color:var(--bb-accent); font-size:.8rem; margin-top:.15rem; min-height:0; }
.bb-hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.bb-contact-form .cf-turnstile{ margin:.4rem 0 1rem; }
/* Match the site's primary button ("Detalji i prijava"). */
.bb-contact-form__submit{ display:inline-block; background:var(--bb-accent); color:#fff; padding:.85rem 1.8rem; border:0; border-radius:8px; font-weight:600; font-size:1.05rem; line-height:1.2; cursor:pointer; transition:background .15s; }
.bb-contact-form__submit:hover{ background:var(--bb-accent-dark); color:#fff; }
.bb-contact-form__feedback{ margin:0 0 1rem; padding:.7rem .9rem; border-radius:8px; font-size:.9rem; }
.bb-contact-form__feedback.is-error{ background:rgba(218,47,59,.08); color:var(--bb-accent-dark); }
.bb-contact-form__feedback.is-success{ background:rgba(34,153,84,.1); color:#1e7a43; }

@media (max-width:720px){
	.bb-modal__grid{ grid-template-columns:1fr; }
	.bb-modal__info{ border-radius:16px 16px 0 0; }
}

/* Footer CTA button is now a <button> — reset native chrome and match the
   primary "Detalji i prijava" look (radius 8px, no inset border). */
button.bb-btn{ border:0; cursor:pointer; font:inherit; font-weight:600; line-height:1.2; -webkit-appearance:none; appearance:none; }
.footer-cta .bb-btn{ border-radius:8px; padding:.8rem 1.7rem; font-size:1.05rem; }

/* ============================================================
   SINGLE POST — hero banner, single column, share buttons
   ============================================================ */
.bb-single-article #content > .content-area,
.bb-single-article .content-area{ display:block !important; max-width:none !important; margin:0 !important; padding:0 !important; grid-template-columns:none !important; }
.bb-post .bb-container{ max-width:820px; }

/* Hero */
.bb-post-hero{ position:relative; background:#1f2430; background-size:cover; background-position:center; color:#fff; padding:0; }
.bb-post-hero__overlay{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(15,20,28,.55),rgba(15,20,28,.82)); }
.bb-post-hero.has-image .bb-post-hero__overlay{ background:linear-gradient(180deg,rgba(15,20,28,.45),rgba(15,20,28,.88)); }
.bb-post-hero__inner{ position:relative; z-index:1; max-width:900px; padding-top:clamp(56px,8vw,104px); padding-bottom:clamp(40px,6vw,72px); }
.bb-post-hero__cat{ display:inline-block; background:var(--bb-accent); color:#fff; text-decoration:none; font-size:12.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:.4rem .8rem; border-radius:999px; margin-bottom:1.1rem; }
.bb-post-hero__cat:hover{ background:var(--bb-accent-dark); color:#fff; }
.bb-post-hero__title{ font-family:Roboto,sans-serif; color:#fff; font-size:clamp(30px,4.4vw,50px); line-height:1.15; font-weight:700; margin:0 0 1rem; max-width:22ch; }
.bb-post-hero__meta{ display:flex; flex-wrap:wrap; gap:.55rem; align-items:center; color:rgba(255,255,255,.78); font-size:14.5px; }
.bb-post-hero__sep{ color:rgba(255,255,255,.4); }

/* Body */
.bb-post-body{ padding-top:2.4rem; padding-bottom:2.4rem; }
.bb-post-content{ font-size:1.075rem; line-height:1.8; color:#2b3440; }
.bb-post-content > *{ margin-top:0; margin-bottom:1.3rem; }
.bb-post-content h2{ font-family:Roboto,sans-serif; font-size:1.7rem; margin-top:2.2rem; color:#1f2933; }
.bb-post-content h3{ font-family:Roboto,sans-serif; font-size:1.35rem; margin-top:1.8rem; color:#1f2933; }
.bb-post-content img{ border-radius:12px; height:auto; }
.bb-post-content blockquote{ border-left:4px solid var(--bb-accent); margin:1.8rem 0; padding:.4rem 0 .4rem 1.3rem; color:#4a5568; font-style:italic; }
.bb-post-content a{ color:var(--bb-accent); }

.bb-post-footer{ margin-top:2.4rem; padding-top:1.5rem; border-top:1px solid #eceef1; }
.bb-post-footer .cat-links, .bb-post-footer .tag-links{ font-size:.92rem; color:#8a94a3; margin:0 0 .5rem; }
.bb-post-footer .cat-links a, .bb-post-footer .tag-links a{ color:var(--bb-accent); text-decoration:none; }
.bb-post-footer__share{ display:flex; align-items:center; gap:.8rem; flex-wrap:wrap; margin-top:1.2rem; }
.bb-post-footer__share > .bb-share__label{ font-weight:600; color:#1f2933; }

/* Share buttons */
.bb-share{ display:flex; align-items:center; gap:.55rem; flex-wrap:wrap; }
.bb-post-body > .bb-share{ margin-bottom:1.8rem; padding-bottom:1.4rem; border-bottom:1px solid #eceef1; }
.bb-share__label{ font-size:.9rem; color:#8a94a3; margin-right:.2rem; }
.bb-share__btn{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:10px; border:1px solid #e1e4e9; background:#fff; color:#5a6472; cursor:pointer; text-decoration:none; transition:transform .12s, background .15s, color .15s, border-color .15s; }
.bb-share__btn:hover{ transform:translateY(-2px); color:#fff; }
.bb-share__btn--facebook:hover{ background:#1877f2; border-color:#1877f2; }
.bb-share__btn--linkedin:hover{ background:#0a66c2; border-color:#0a66c2; }
.bb-share__btn--x:hover{ background:#111; border-color:#111; }
.bb-share__btn--whatsapp:hover{ background:#25d366; border-color:#25d366; }
.bb-share__btn--copy:hover{ background:var(--bb-accent); border-color:var(--bb-accent); }
.bb-share__btn--copy.is-copied{ background:#1e7a43; border-color:#1e7a43; color:#fff; }

/* Post navigation */
.bb-post-nav{ display:grid; grid-template-columns:1fr 1fr; gap:1rem; max-width:820px; margin:0 auto 3rem; }
.bb-post-nav__link{ display:flex; flex-direction:column; gap:.3rem; padding:1.1rem 1.3rem; border:1px solid #eceef1; border-radius:12px; text-decoration:none; background:#fff; transition:box-shadow .15s, border-color .15s; }
.bb-post-nav__link:hover{ box-shadow:0 10px 26px rgba(16,24,40,.07); border-color:#e1e4e9; }
.bb-post-nav__link--next{ text-align:right; }
.bb-post-nav__dir{ font-size:.8rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--bb-accent); }
.bb-post-nav__title{ color:#1f2933; font-weight:600; font-size:.98rem; line-height:1.35; }
@media (max-width:600px){ .bb-post-nav{ grid-template-columns:1fr; } .bb-post-nav__link--next{ text-align:left; } }

/* ============================================================
   SIDEBAR — upcoming education terms widget
   ============================================================ */
.bb-edu-terms{ list-style:none; margin:0; padding:0; }
.bb-edu-term{ display:flex; flex-direction:column; gap:.3rem; padding:.9rem 0; border-bottom:1px solid #eceef1; }
.bb-edu-term:first-child{ padding-top:0; }
.bb-edu-term:last-child{ border-bottom:0; padding-bottom:0; }
.bb-edu-term__title{ font-weight:700; font-size:14.5px; line-height:1.35; color:#1f2933; text-decoration:none; }
.bb-edu-term__title:hover{ color:var(--bb-accent); }
.bb-edu-term__date{ font-size:13px; color:#5a6472; }
.bb-edu-term__price{ display:inline-block; align-self:flex-start; background:rgba(218,47,59,.08); color:var(--bb-accent); font-weight:700; font-size:12.5px; padding:.15rem .55rem; border-radius:999px; }
.bb-edu-term__cta{ font-size:13px; font-weight:600; color:var(--bb-accent); text-decoration:none; margin-top:.15rem; }
.bb-edu-term__cta:hover{ text-decoration:underline; }
.bb-edu-terms__all{ display:inline-block; margin-top:1rem; font-weight:600; font-size:13.5px; color:var(--bb-accent); text-decoration:none; }
.bb-edu-terms__all:hover{ text-decoration:underline; }

/* ============================================================
   FOOTER CTA BAND — graphic + eyebrow polish
   ============================================================ */
.footer-cta{ position:relative; overflow:hidden; background:linear-gradient(180deg,#fbfcfd,#f4f6f8); }
/* soft brand glow in the corner */
.footer-cta::after{ content:""; position:absolute; top:-40%; right:-60px; width:340px; height:340px;
	background:radial-gradient(circle, rgba(218,47,59,.10), transparent 68%); pointer-events:none; }
.footer-cta__inner{ position:relative; z-index:1; }
.footer-cta__content{ display:flex; align-items:center; gap:1.25rem; min-width:0; }
.footer-cta__graphic{ flex:0 0 auto; width:64px; height:64px; display:inline-flex; align-items:center; justify-content:center;
	background:linear-gradient(150deg,var(--bb-accent),var(--bb-accent-dark)); border-radius:16px;
	box-shadow:0 12px 26px rgba(218,47,59,.28); }
.footer-cta__graphic svg{ width:38px; height:38px; }
.footer-cta__text{ min-width:0; }
.footer-cta__eyebrow{ display:block; font-size:.78rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase;
	color:var(--bb-accent); margin-bottom:.25rem; }
.footer-cta__title{ margin:0; }
@media (max-width:640px){
	.footer-cta__content{ gap:1rem; }
	.footer-cta__graphic{ width:52px; height:52px; border-radius:13px; }
	.footer-cta__graphic svg{ width:30px; height:30px; }
}

/* ============================================================
   KONTAKT PAGE (/kontakt/) — hero, info cards, form, map
   ============================================================ */
.bb-kontakt{ background:#f6f7f9; }
.bb-kontakt-hero{ position:relative; overflow:hidden; background:linear-gradient(150deg,#1f2430,#2c3446); color:#fff; }
.bb-kontakt-hero__overlay{ position:absolute; inset:0; background:radial-gradient(600px 320px at 82% -10%, rgba(218,47,59,.28), transparent 70%); pointer-events:none; }
.bb-kontakt-hero__inner{ position:relative; z-index:1; padding-top:clamp(48px,7vw,86px); padding-bottom:clamp(74px,9vw,120px); max-width:900px; }
/* ============================================================
   BRAND HEXAGON — reusable backdrop for icons (red / gray)
   Shape matches the logo hexagon; tint via --bb-hex.
   Use: wrap an icon in <span class="bb-hexicon">…</span>
        gray variant: class="bb-hexicon bb-hexicon--gray"
   ============================================================ */
.bb-hexicon,
.bb-modal__row-ico,
.bb-kontakt-card__ico{
	--bb-hex:var(--bb-accent,#da2f3b);
	position:relative;
	display:inline-flex; align-items:center; justify-content:center;
	background:transparent !important; border-radius:0 !important; clip-path:none !important;
}
/* Outlined hexagon (stroke only) sits behind the icon via a tintable mask. */
.bb-hexicon::before,
.bb-modal__row-ico::before,
.bb-kontakt-card__ico::before{
	content:""; position:absolute; inset:0; background:var(--bb-hex);
	-webkit-mask:url(../img/hex-outline.svg) center/contain no-repeat;
	mask:url(../img/hex-outline.svg) center/contain no-repeat;
}
.bb-hexicon svg,
.bb-modal__row-ico svg,
.bb-kontakt-card__ico svg{ position:relative; z-index:1; color:var(--bb-hex) !important; }
.bb-hexicon--gray{ --bb-hex:#8a94a3; }
/* Flat-top hexagon ratio inside the tiles. */
.bb-kontakt-card__ico{ flex:0 0 34px !important; width:34px; height:30px !important; }
.bb-modal__row-ico{ flex:0 0 40px !important; width:40px; height:35px !important; }
.bb-hexicon{ width:44px; height:39px; }

/* ============================================================
   HOME (page 392) — outlined brand hexagon behind icon-box icons
   Thin line, alternating red / gray for variety.
   ============================================================ */
.page-id-392 .elementor-icon-box-icon .elementor-icon{
	--bb-hex:var(--bb-accent,#da2f3b); /* red on the light cards */
	position:relative; display:inline-flex; align-items:center; justify-content:center;
	width:48px; height:42px; margin-left:auto; margin-right:auto;
	color:var(--bb-hex) !important; background:transparent !important;
}
.page-id-392 .elementor-icon-box-icon .elementor-icon::before{
	content:""; position:absolute; inset:0; background:var(--bb-hex);
	-webkit-mask:url(../img/hex-outline.svg) center/contain no-repeat;
	mask:url(../img/hex-outline.svg) center/contain no-repeat;
}
.page-id-392 .elementor-icon-box-icon .elementor-icon svg,
.page-id-392 .elementor-icon-box-icon .elementor-icon i{
	position:relative; z-index:1; width:20px !important; height:20px !important;
	font-size:20px !important; fill:currentColor;
}
/* On the red (accent) cards the hexagon + icon go white. */
.page-id-392 .elementor-element-844041f .elementor-icon,
.page-id-392 .elementor-element-bbe60d2 .elementor-icon,
.page-id-392 .elementor-element-7280c4e .elementor-icon{ --bb-hex:#ffffff; }

/* Brand mark (hexagon+cube), cropped straight from the logo PNG */
.bb-kontakt-hero__mark{ position:absolute; top:50%; right:clamp(-20px,3vw,72px); transform:translateY(-50%);
	width:clamp(162px,18.7vw,272px); z-index:0; pointer-events:none;
	filter:drop-shadow(0 18px 40px rgba(0,0,0,.35)); }
.bb-kontakt-hero__mark img{ display:block; width:100%; height:auto; }
@media (max-width:768px){ .bb-kontakt-hero__mark{ width:162px; right:-36px; opacity:.85; } }
@media (max-width:520px){ .bb-kontakt-hero__mark{ display:none; } }
.bb-kontakt-hero__eyebrow{ display:inline-block; font-size:.78rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:#ff9aa2; margin-bottom:.7rem; }
.bb-kontakt-hero__title{ font-family:Roboto,sans-serif; color:#fff; font-size:clamp(30px,4.4vw,48px); line-height:1.14; font-weight:700; margin:0 0 .8rem; }
.bb-kontakt-hero__lead{ margin:0; color:rgba(255,255,255,.8); font-size:1.08rem; line-height:1.6; max-width:600px; }

/* Grid pulled up over the hero */
.bb-kontakt-grid{ display:grid; grid-template-columns:0.85fr 1.15fr; gap:1.6rem; align-items:start; margin-top:clamp(-64px,-6vw,-52px); margin-bottom:3rem; position:relative; z-index:2; }

.bb-kontakt-info{ background:#1f2430; color:#fff; border-radius:16px; padding:1.9rem 1.7rem; box-shadow:0 20px 48px rgba(16,24,40,.18); }
.bb-kontakt-info__title{ color:#fff; font-size:1.15rem; margin:0 0 1.3rem; }
.bb-kontakt-card{ display:flex; gap:.95rem; align-items:flex-start; padding:1.05rem 0; border-top:1px solid rgba(255,255,255,.1); }
.bb-kontakt-card:first-of-type{ border-top:0; padding-top:0; }
.bb-kontakt-card__ico{ flex:0 0 38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; background:rgba(218,47,59,.16); color:var(--bb-accent); }
.bb-kontakt-card__ico svg{ color:var(--bb-accent); }
.bb-kontakt-card__body{ display:flex; flex-direction:column; gap:.25rem; min-width:0; }
.bb-kontakt-card__label{ font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.5); font-weight:700; }
.bb-kontakt-card__value{ font-size:1rem; line-height:1.5; color:#fff; }
.bb-kontakt-card__value a{ color:#fff; text-decoration:none; }
.bb-kontakt-card__value a:hover{ color:#ffd2d6; }
.bb-kontakt-card__tag{ display:inline-block; min-width:44px; color:rgba(255,255,255,.55); font-weight:600; margin-right:.35rem; }
.bb-kontakt-card__oib{ color:rgba(255,255,255,.55); font-size:.88rem; margin-top:.3rem; }
.bb-kontakt-social{ list-style:none; display:flex; gap:.6rem; margin:1.5rem 0 0; padding:1.3rem 0 0; border-top:1px solid rgba(255,255,255,.1); }
.bb-kontakt-social a{ width:40px; height:40px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; background:rgba(255,255,255,.08); color:#fff; transition:background .15s,color .15s; }
.bb-kontakt-social a:hover{ background:var(--bb-accent); color:#fff; }

.bb-kontakt-formcard{ background:#fff; border-radius:16px; padding:1.6rem 1.8rem; box-shadow:0 20px 48px rgba(16,24,40,.08); border:1px solid #eef0f2; }
.bb-kontakt-formcard__title{ font-family:Roboto,sans-serif; font-size:1.3rem; margin:0 0 .3rem; color:#1f2933; }
.bb-kontakt-formcard__intro{ margin:0 0 1rem; color:#6b7280; font-size:.95rem; line-height:1.5; }

.bb-kontakt-content{ background:#fff; border-radius:16px; padding:1.8rem; margin-bottom:3rem; box-shadow:0 12px 30px rgba(16,24,40,.05); line-height:1.75; color:#2b3440; }

/* Map — full width, rounded card */
.bb-kontakt-map{ line-height:0; }
.bb-kontakt-map iframe{ display:block; width:100% !important; height:560px !important; max-height:none !important; aspect-ratio:auto !important; filter:grayscale(.15); }
@media (max-width:640px){ .bb-kontakt-map iframe{ height:380px !important; } }

@media (max-width:860px){
	.bb-kontakt-grid{ grid-template-columns:1fr; margin-top:-54px; }
}

/* ============================================================
   /bitanbit-rjesenja/ — POWER BI GOVERNANCE section polish
   (scoped to Elementor section id 2feefff10)
   ============================================================ */
.elementor-element-2feefff10{ background:linear-gradient(180deg,#fbfcfd,#eef1f5); }
.elementor-element-2feefff10 .elementor-element-populated{
	max-width:1040px; margin:0 auto; background:#fff; border:1px solid #eef0f2;
	border-radius:18px; padding:2.8rem 2.4rem 2.6rem; box-shadow:0 24px 60px rgba(16,24,40,.09);
	text-align:center; position:relative;
}
/* Shield "governance" badge */
.elementor-element-2feefff10 .elementor-element-populated::before{
	content:""; display:block; width:64px; height:64px; margin:0 auto 1.3rem; border-radius:16px;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2l7 3v6c0 4.5-3 8.6-7 10-4-1.4-7-5.5-7-10V5l7-3z' fill='%23ffffff' fill-opacity='.95'/%3E%3Cpath d='M8.6 12l2.2 2.2 4.6-4.6' stroke='%23da2f3b' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/34px no-repeat,
		linear-gradient(150deg,var(--bb-accent),var(--bb-accent-dark));
	box-shadow:0 12px 26px rgba(218,47,59,.28);
}
.elementor-element-2feefff10 .elementor-heading-title{
	font-family:Roboto,sans-serif !important; font-size:clamp(26px,3vw,38px) !important;
	letter-spacing:.02em; color:#1f2933 !important; margin:0 0 1.1rem !important;
	position:relative; padding-bottom:.9rem; display:inline-block;
}
.elementor-element-2feefff10 .elementor-heading-title::after{
	content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:0;
	width:56px; height:3px; background:var(--bb-accent); border-radius:2px;
}
/* Question + body text (legacy <h5> markup) */
.elementor-element-2feefff10 .elementor-widget-text-editor h5{
	font-family:Roboto,sans-serif !important; font-weight:400 !important; line-height:1.6 !important;
	color:#4a5568 !important; margin:0 auto !important; max-width:620px;
}
.elementor-element-2feefff10 .elementor-widget-text-editor h5:first-child{
	font-size:1.18rem; font-weight:600 !important; color:#1f2933 !important; margin-bottom:1.1rem !important;
}
.elementor-element-2feefff10 .elementor-widget-text-editor h5:last-child{ font-size:1.05rem; }
.elementor-element-2feefff10 .elementor-widget-text-editor h5 span[style]{ color:var(--bb-accent) !important; font-weight:700; }
.elementor-element-2feefff10 .elementor-widget-text-editor strong{ font-weight:inherit; }
@media (max-width:640px){
	.elementor-element-2feefff10 .elementor-element-populated{ padding:2.1rem 1.4rem 2rem; }
}

/* ============================================================
   /power-bi-edukacije/ — intro text block (widget 0969e80)
   Kill legacy serif <h6> + bold-italic; unify to clean Roboto.
   ============================================================ */
.elementor-element-0969e80 p,
.elementor-element-0969e80 h6{ font-family:Roboto,sans-serif !important; font-style:normal !important; }
.elementor-element-0969e80 strong,
.elementor-element-0969e80 em{ font-weight:inherit !important; font-style:normal !important; }
.elementor-element-0969e80 p{
	font-size:clamp(18px,1.7vw,22px) !important; line-height:1.55 !important; font-weight:600 !important;
	color:#1f2933 !important; max-width:920px; margin:0 auto 1.1rem !important;
}
.elementor-element-0969e80 h6{
	font-size:1.05rem !important; line-height:1.6 !important; font-weight:400 !important;
	letter-spacing:0 !important; color:#6b7280 !important; max-width:760px; margin:0 auto !important;
}

/* ============================================================
   /savjetovanje.../ (page 979) — layout + font refinements
   ============================================================ */
/* Intro + benefit list: clean Roboto, comfortable rhythm */
.page-id-979 .elementor-element-1ddcd6c7,
.page-id-979 .elementor-element-1ddcd6c7 p,
.page-id-979 .elementor-element-1ddcd6c7 li{ font-family:Roboto,sans-serif !important; }
.page-id-979 .elementor-element-1ddcd6c7 > .elementor-widget-container > *:first-child{ margin-bottom:.4rem; }
.page-id-979 .elementor-element-1ddcd6c7 ul{ margin-top:1rem !important; column-gap:44px; }
.page-id-979 .elementor-element-1ddcd6c7 li{ margin-bottom:13px !important; line-height:1.55 !important; color:#4a5568; }

/* Red CTA block: proper rounded card (background stays red from Elementor) */
.page-id-979 .elementor-element-96a904f{
	padding:1.7rem 1.9rem !important; border:0 !important; border-radius:14px !important;
	box-shadow:0 16px 34px rgba(218,47,59,.22); margin-top:.5rem;
}
.page-id-979 .elementor-element-96a904f > .elementor-widget-container{ padding:0 !important; }
.page-id-979 .elementor-element-96a904f p{
	font-family:Roboto,sans-serif !important; font-size:1.12rem !important; line-height:1.5 !important; margin:0 !important;
}

/* Caption under the image: kill legacy serif <h6>, make a clean caption card */
.page-id-979 .elementor-element-7252303{
	padding:16px 22px !important; background:#fff !important; border:1px solid #eef0f2 !important;
	border-radius:12px !important; box-shadow:0 10px 26px rgba(16,24,40,.05); margin-top:16px;
}
.page-id-979 .elementor-element-7252303 h6,
.page-id-979 .elementor-element-7252303 h6 span{
	font-family:Roboto,sans-serif !important; font-style:normal !important; font-weight:500 !important;
	font-size:1rem !important; line-height:1.55 !important; color:#6b7280 !important; margin:0 !important;
}

/* ============================================================
   HOME · "Naše usluge" (1c5769a) — redesigned service cards
   Equal, clickable (whole card = title link), red/white,
   bigger aligned titles, fully-visible icons + hex backdrop.
   ============================================================ */
.page-id-392 .elementor-element-1c5769a .elementor-col-25{ cursor:pointer; display:flex; }
.page-id-392 .elementor-element-1c5769a .elementor-col-25 > .elementor-widget-wrap.elementor-element-populated{
	position:relative; z-index:0; width:100%; display:flex; flex-direction:column; align-items:center;
	background:#fff; border:1px solid #eceef1; border-radius:16px; overflow:hidden;
	padding:32px 24px 28px !important; box-shadow:0 12px 30px rgba(16,24,40,.06);
	transition:box-shadow .22s, transform .22s, border-color .22s;
}
/* red top accent bar (grows on hover) */
.page-id-392 .elementor-element-1c5769a .elementor-col-25 > .elementor-widget-wrap.elementor-element-populated::before{
	content:""; position:absolute; top:0; left:0; right:0; height:4px;
	background:var(--bb-accent,#da2f3b); transform:scaleX(0); transform-origin:left; transition:transform .25s;
}
.page-id-392 .elementor-element-1c5769a .elementor-col-25:hover > .elementor-widget-wrap.elementor-element-populated{
	transform:translateY(-5px); box-shadow:0 22px 48px rgba(218,47,59,.16); border-color:#f2c9cd;
}
.page-id-392 .elementor-element-1c5769a .elementor-col-25:hover > .elementor-widget-wrap.elementor-element-populated::before{ transform:scaleX(1); }

/* Kill the inner white icon-box box so it blends into the card */
.page-id-392 .elementor-element-1c5769a .elementor-widget-icon-box{
	background:transparent !important; box-shadow:none !important; padding:0 !important; border-radius:0 !important;
	min-height:0 !important; display:block !important;
}
.page-id-392 .elementor-element-1c5769a .elementor-icon-box-wrapper{ display:block !important; }

/* Big icon: fully visible + subtle hexagon backdrop, fixed area for alignment */
.page-id-392 .elementor-element-1c5769a .elementor-widget-image{
	position:relative; z-index:1; width:100%; height:150px; display:flex; align-items:center; justify-content:center; margin:0 0 6px;
}
.page-id-392 .elementor-element-1c5769a .elementor-widget-image img{
	max-width:none !important; width:auto !important; max-height:116px !important; height:auto; object-fit:contain;
	position:relative; z-index:1;
}
.page-id-392 .elementor-element-1c5769a .elementor-widget-image::before{
	content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
	width:150px; height:132px; background:#c3c9d2;
	-webkit-mask:url(../img/hex-outline.svg) center/contain no-repeat;
	mask:url(../img/hex-outline.svg) center/contain no-repeat;
	opacity:.55; z-index:0;
}

/* Bigger, aligned titles (fixed 2-line area so text starts line up) */
.page-id-392 .elementor-element-1c5769a .elementor-icon-box-content{ width:100%; }
.page-id-392 .elementor-element-1c5769a .elementor-icon-box-title,
.page-id-392 .elementor-element-1c5769a .elementor-icon-box-title a{
	font-size:22px !important; line-height:1.28 !important; font-weight:700 !important; color:#1f2933 !important;
}
.page-id-392 .elementor-element-1c5769a .elementor-icon-box-title{
	min-height:2.56em; display:flex; align-items:center; justify-content:center; text-align:center; margin:0 0 14px !important;
}
.page-id-392 .elementor-element-1c5769a .elementor-col-25:hover .elementor-icon-box-title a{ color:var(--bb-accent,#da2f3b) !important; }

/* Whole card is the link (stretched-link over the card) */
.page-id-392 .elementor-element-1c5769a .elementor-icon-box-title a{ position:static; text-decoration:none; }
.page-id-392 .elementor-element-1c5769a .elementor-icon-box-title a::after{
	content:""; position:absolute; inset:0; z-index:4;
}

/* Description: consistent, starts aligned across cards */
.page-id-392 .elementor-element-1c5769a .elementor-widget-text-editor{ width:100%; }
.page-id-392 .elementor-element-1c5769a .elementor-widget-text-editor,
.page-id-392 .elementor-element-1c5769a .elementor-widget-text-editor p{
	font-size:15px !important; line-height:1.62 !important; color:#4a5568 !important; text-align:left !important;
}

/* ============================================================
   Full-height right-side images on the 2-column info pages.
   Image column stretches to the text column height; the image
   grows to fill the leftover space (captions keep their size).
   Pages: 1017 rješenja · 1212 zašto-2 · 891 izvještaji · 979 savjetovanje
   ============================================================ */
.page-id-1017 .elementor-element-3beca8d60 > .elementor-container,
.page-id-1212 .elementor-element-6eec26760 > .elementor-container,
.page-id-891  .elementor-element-506ae8f20 > .elementor-container,
.page-id-979  .elementor-element-3c413bbb0 > .elementor-container{ align-items:stretch !important; }

/* image column → full-height flex column */
.page-id-1017 .elementor-element-7558d0f0,
.page-id-1212 .elementor-element-19bc5578,
.page-id-891  .elementor-element-213dd188,
.page-id-979  .elementor-element-285aa55{ display:flex !important; }
.page-id-1017 .elementor-element-7558d0f0 > .elementor-widget-wrap,
.page-id-1212 .elementor-element-19bc5578 > .elementor-widget-wrap,
.page-id-891  .elementor-element-213dd188 > .elementor-widget-wrap,
.page-id-979  .elementor-element-285aa55 > .elementor-widget-wrap{
	display:flex !important; flex-direction:column; height:100%; width:100%;
}
/* the image widget grows to fill leftover height */
.page-id-1017 .elementor-element-c16b6a2,
.page-id-1212 .elementor-element-9a135cd,
.page-id-891  .elementor-element-ed18e23,
.page-id-979  .elementor-element-f262bec{ flex:1 1 auto; min-height:0; display:flex; }
.page-id-1017 .elementor-element-c16b6a2 > .elementor-widget-container,
.page-id-1212 .elementor-element-9a135cd > .elementor-widget-container,
.page-id-891  .elementor-element-ed18e23 > .elementor-widget-container,
.page-id-979  .elementor-element-f262bec > .elementor-widget-container{ flex:1; width:100%; min-height:0; display:flex; }
.page-id-1017 .elementor-element-c16b6a2 img,
.page-id-1212 .elementor-element-9a135cd img,
.page-id-891  .elementor-element-ed18e23 img,
.page-id-979  .elementor-element-f262bec img{
	width:100% !important; height:100% !important; max-height:none !important; min-height:0;
	object-fit:cover !important; border-radius:12px;
}
/* On stacked mobile the forced full height looks odd — revert to natural. */
@media (max-width:768px){
	.page-id-1017 .elementor-element-c16b6a2 img,
	.page-id-1212 .elementor-element-9a135cd img,
	.page-id-891  .elementor-element-ed18e23 img,
	.page-id-979  .elementor-element-f262bec img{ height:auto !important; max-height:420px !important; }
}

/* Full-height right-side image — page 953 (BitanBit Power BI rješenja) */
.page-id-953 .elementor-element-7597ef730 > .elementor-container{ align-items:stretch !important; }
.page-id-953 .elementor-element-038fca4{ display:flex !important; }
.page-id-953 .elementor-element-038fca4 > .elementor-widget-wrap{ display:flex !important; flex-direction:column; height:100%; width:100%; }
.page-id-953 .elementor-element-6910285{ flex:1 1 auto; min-height:0; display:flex; }
.page-id-953 .elementor-element-6910285 > .elementor-widget-container{ flex:1; width:100%; min-height:0; display:flex; }
.page-id-953 .elementor-element-6910285 img{ width:100% !important; height:100% !important; max-height:none !important; min-height:0; object-fit:cover !important; border-radius:12px; }
@media (max-width:768px){
	.page-id-953 .elementor-element-6910285 img{ height:auto !important; max-height:420px !important; }
}

/* ============================================================
   power-bi-izvjestaji (891) — frameless image/text box + hover accordion
   ============================================================ */
/* 1) Remove frame + background from the right image/text element */
.page-id-891 .elementor-element-4cc5c41a{
	border:0 !important; background:transparent !important; box-shadow:none !important; padding:0 !important;
}

/* 2) Accordion stays CLICK-driven (Elementor default). Icons handled below. */

/* --- 891 accordion: distinct per-item topical icon (left) + / − toggle (right) --- */
.page-id-891 .elementor-accordion .elementor-tab-title{ display:flex !important; align-items:center; gap:12px; position:relative; }
.page-id-891 .elementor-accordion .elementor-accordion-icon{ display:none !important; }   /* hide built-in single icon */
/* left topical icon (tinted, mask) */
.page-id-891 .elementor-accordion .elementor-tab-title::before{
	content:""; flex:0 0 auto; width:22px; height:22px; background:var(--bb-accent,#da2f3b);
	-webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center;
	-webkit-mask-size:contain; mask-size:contain;
}
/* right +/− toggle */
.page-id-891 .elementor-accordion .elementor-tab-title::after{
	content:"+"; margin-left:auto; font-size:24px; line-height:1; font-weight:400; color:var(--bb-accent,#da2f3b);
}
/* Open (clicked) item: icon + "−" stay brand red on the light active title. */
.page-id-891 .elementor-accordion .elementor-tab-title.elementor-active::after{ content:"\2212"; color:var(--bb-accent,#da2f3b); }
.page-id-891 .elementor-accordion .elementor-tab-title.elementor-active::before{ background:var(--bb-accent,#da2f3b); }

/* per-item icons */
.page-id-891 .elementor-accordion .elementor-accordion-item:nth-child(1) .elementor-tab-title::before{ -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-5H8l4-4 4 4h-3v5z'/></svg>"); mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-5H8l4-4 4 4h-3v5z'/></svg>"); }
.page-id-891 .elementor-accordion .elementor-accordion-item:nth-child(2) .elementor-tab-title::before{ -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M16 11a3 3 0 100-6 3 3 0 000 6zm-8 0a3 3 0 100-6 3 3 0 000 6zm0 2c-2.7 0-8 1.3-8 4v3h10v-3c0-1 .4-1.9 1-2.6-.9-.3-2-.4-3-.4zm8 0c-.4 0-.8 0-1.2.1 1 .8 1.6 1.9 1.6 2.9v3H24v-3c0-2.7-5.3-4-8-4z'/></svg>"); mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M16 11a3 3 0 100-6 3 3 0 000 6zm-8 0a3 3 0 100-6 3 3 0 000 6zm0 2c-2.7 0-8 1.3-8 4v3h10v-3c0-1 .4-1.9 1-2.6-.9-.3-2-.4-3-.4zm8 0c-.4 0-.8 0-1.2.1 1 .8 1.6 1.9 1.6 2.9v3H24v-3c0-2.7-5.3-4-8-4z'/></svg>"); }
.page-id-891 .elementor-accordion .elementor-accordion-item:nth-child(3) .elementor-tab-title::before{ -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M2 21l21-9L2 3v7l15 2-15 2z'/></svg>"); mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M2 21l21-9L2 3v7l15 2-15 2z'/></svg>"); }
.page-id-891 .elementor-accordion .elementor-accordion-item:nth-child(4) .elementor-tab-title::before{ -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M2 21h3V9H2v12zM22 10a2 2 0 00-2-2h-6l1-4.7v-.3a1.4 1.4 0 00-.4-1L13.9 1 7.6 7.6c-.4.4-.6.9-.6 1.4V19a2 2 0 002 2h8c.8 0 1.5-.5 1.8-1.2l2.7-6.3c.1-.2.1-.5.1-.7V10z'/></svg>"); mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M2 21h3V9H2v12zM22 10a2 2 0 00-2-2h-6l1-4.7v-.3a1.4 1.4 0 00-.4-1L13.9 1 7.6 7.6c-.4.4-.6.9-.6 1.4V19a2 2 0 002 2h8c.8 0 1.5-.5 1.8-1.2l2.7-6.3c.1-.2.1-.5.1-.7V10z'/></svg>"); }
.page-id-891 .elementor-accordion .elementor-accordion-item:nth-child(5) .elementor-tab-title::before{ -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M3 17.25V21h3.75L17.8 9.94l-3.75-3.75L3 17.25zM20.7 7.04a1 1 0 000-1.41l-2.34-2.34a1 1 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.58z'/></svg>"); mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M3 17.25V21h3.75L17.8 9.94l-3.75-3.75L3 17.25zM20.7 7.04a1 1 0 000-1.41l-2.34-2.34a1 1 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.58z'/></svg>"); }
.page-id-891 .elementor-accordion .elementor-accordion-item:nth-child(6) .elementor-tab-title::before{ -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M13 2a1.5 1.5 0 00-2 1.4c0 .5.2.9.5 1.2L8 6H4v2h2.6l-2.5 5c0 1.7 1.6 2.5 3.4 2.5S11 16.7 11 15L8.4 9.6 12 8.2l-.1 11.8H8v2h8v-2h-3.9V8.2l3.6 1.4L13 15c0 1.7 1.6 2.5 3.4 2.5S20 16.7 20 15l-2.5-5H20V8h-4l-3.5-1.4c.3-.3.5-.7.5-1.2A1.5 1.5 0 0011 2z'/></svg>"); mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M13 2a1.5 1.5 0 00-2 1.4c0 .5.2.9.5 1.2L8 6H4v2h2.6l-2.5 5c0 1.7 1.6 2.5 3.4 2.5S11 16.7 11 15L8.4 9.6 12 8.2l-.1 11.8H8v2h8v-2h-3.9V8.2l3.6 1.4L13 15c0 1.7 1.6 2.5 3.4 2.5S20 16.7 20 15l-2.5-5H20V8h-4l-3.5-1.4c.3-.3.5-.7.5-1.2A1.5 1.5 0 0011 2z'/></svg>"); }

/* ============================================================
   power-bi-akademija (998) — per-item accordion icons + / − toggle
   Two accordions: 795ad4b3 (Akademija, 4) · dd8da13 (Interne edu, 3)
   ============================================================ */
.page-id-998 .elementor-accordion .elementor-tab-title{ display:flex !important; align-items:center; gap:12px; position:relative; }
.page-id-998 .elementor-accordion .elementor-accordion-icon{ display:none !important; }
.page-id-998 .elementor-accordion .elementor-tab-title::before{
	content:""; flex:0 0 auto; width:22px; height:22px; background:var(--bb-accent,#da2f3b);
	-webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center;
	-webkit-mask-size:contain; mask-size:contain;
}
.page-id-998 .elementor-accordion .elementor-tab-title::after{
	content:"+"; margin-left:auto; font-size:24px; line-height:1; font-weight:400; color:var(--bb-accent,#da2f3b);
}
.page-id-998 .elementor-accordion .elementor-tab-title.elementor-active::after{ content:"\2212"; color:var(--bb-accent,#da2f3b); }

/* Accordion 1 — Akademija */
.page-id-998 .elementor-element-795ad4b3 .elementor-accordion-item:nth-child(1) .elementor-tab-title::before{ -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M4 4c3 0 6 .6 8 1.8C14 4.6 17 4 20 4v14c-3 0-6 .6-8 1.8C10 18.6 7 18 4 18V4zm2 2v10c2 .1 4 .5 6 1.3V7.3C10 6.5 8 6.1 6 6z'/></svg>"); mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M4 4c3 0 6 .6 8 1.8C14 4.6 17 4 20 4v14c-3 0-6 .6-8 1.8C10 18.6 7 18 4 18V4zm2 2v10c2 .1 4 .5 6 1.3V7.3C10 6.5 8 6.1 6 6z'/></svg>"); }
.page-id-998 .elementor-element-795ad4b3 .elementor-accordion-item:nth-child(2) .elementor-tab-title::before{ -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M12 2l9 5-9 5-9-5 9-5zm7.3 7L21 10l-9 5-9-5 1.7-1L12 13l7.3-4zm0 4L21 14l-9 5-9-5 1.7-1L12 17l7.3-4z'/></svg>"); mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M12 2l9 5-9 5-9-5 9-5zm7.3 7L21 10l-9 5-9-5 1.7-1L12 13l7.3-4zm0 4L21 14l-9 5-9-5 1.7-1L12 17l7.3-4z'/></svg>"); }
.page-id-998 .elementor-element-795ad4b3 .elementor-accordion-item:nth-child(3) .elementor-tab-title::before{ -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M12 1a6 6 0 100 12A6 6 0 0012 1zM8.5 13.8L6 23l6-3 6 3-2.5-9.2a7.95 7.95 0 01-7 0z'/></svg>"); mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M12 1a6 6 0 100 12A6 6 0 0012 1zM8.5 13.8L6 23l6-3 6 3-2.5-9.2a7.95 7.95 0 01-7 0z'/></svg>"); }
.page-id-998 .elementor-element-795ad4b3 .elementor-accordion-item:nth-child(4) .elementor-tab-title::before{ -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M3 5a1 1 0 011-1h16a1 1 0 011 1v10H3V5zm-1 12h20l-1.5 3H3.5L2 17zm7.4-9L6 11l3.4 3 1.2-1.4L8.4 11l2.2-1.6L9.4 8zm5.2 0l-1.2 1.4L15.6 11l-2.2 1.6 1.2 1.4L18 11l-3.4-3z'/></svg>"); mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M3 5a1 1 0 011-1h16a1 1 0 011 1v10H3V5zm-1 12h20l-1.5 3H3.5L2 17zm7.4-9L6 11l3.4 3 1.2-1.4L8.4 11l2.2-1.6L9.4 8zm5.2 0l-1.2 1.4L15.6 11l-2.2 1.6 1.2 1.4L18 11l-3.4-3z'/></svg>"); }

/* Accordion 2 — Interne edukacije */
.page-id-998 .elementor-element-dd8da13 .elementor-accordion-item:nth-child(1) .elementor-tab-title::before{ -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M.8 12.6l1.4-1.4 3.3 3.3-1.4 1.4-3.3-3.3zM21.8 5.6l-11 11-4.3-4.3 1.4-1.4 2.9 2.9 9.6-9.6 1.4 1.4z'/></svg>"); mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M.8 12.6l1.4-1.4 3.3 3.3-1.4 1.4-3.3-3.3zM21.8 5.6l-11 11-4.3-4.3 1.4-1.4 2.9 2.9 9.6-9.6 1.4 1.4z'/></svg>"); }
.page-id-998 .elementor-element-dd8da13 .elementor-accordion-item:nth-child(2) .elementor-tab-title::before{ -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M12 2l2.4 2.3 3.2-.6.6 3.2L21.7 9l-2.3 2.4.6 3.2-3.2.6L15 21.7 12 20l-3 1.7-1.4-2.9-3.2-.6.6-3.2L2.3 12l2.3-2.4L4 6.4l3.2-.6L9 2.3 12 2z'/></svg>"); mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M12 2l2.4 2.3 3.2-.6.6 3.2L21.7 9l-2.3 2.4.6 3.2-3.2.6L15 21.7 12 20l-3 1.7-1.4-2.9-3.2-.6.6-3.2L2.3 12l2.3-2.4L4 6.4l3.2-.6L9 2.3 12 2z'/></svg>"); }
.page-id-998 .elementor-element-dd8da13 .elementor-accordion-item:nth-child(3) .elementor-tab-title::before{ -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M12 5a2 2 0 100-4 2 2 0 000 4zM4 8c2 0 5 .5 7 1.6V21c-2-1.1-5-1.6-7-1.6V8zm16 0v11.4c-2 0-5 .5-7 1.6V9.6C15 8.5 18 8 20 8z'/></svg>"); mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M12 5a2 2 0 100-4 2 2 0 000 4zM4 8c2 0 5 .5 7 1.6V21c-2-1.1-5-1.6-7-1.6V8zm16 0v11.4c-2 0-5 .5-7 1.6V9.6C15 8.5 18 8 20 8z'/></svg>"); }

/* Full-height right-side images — page 998 (Power BI akademija), 2 sections */
.page-id-998 .elementor-element-230171920 > .elementor-container,
.page-id-998 .elementor-element-52a973830 > .elementor-container{ align-items:stretch !important; }
.page-id-998 .elementor-element-2ba9f746,
.page-id-998 .elementor-element-21b5965f{ display:flex !important; }
.page-id-998 .elementor-element-2ba9f746 > .elementor-widget-wrap,
.page-id-998 .elementor-element-21b5965f > .elementor-widget-wrap{ display:flex !important; flex-direction:column; height:100%; width:100%; }
.page-id-998 .elementor-element-ada89ab,
.page-id-998 .elementor-element-f7c21d4{ flex:1 1 auto; min-height:0; display:flex; }
.page-id-998 .elementor-element-ada89ab > .elementor-widget-container,
.page-id-998 .elementor-element-f7c21d4 > .elementor-widget-container{ flex:1; width:100%; min-height:0; display:flex; }
.page-id-998 .elementor-element-ada89ab img,
.page-id-998 .elementor-element-f7c21d4 img{
	width:100% !important; height:100% !important; max-height:none !important; min-height:0;
	object-fit:cover !important; border-radius:12px;
}
@media (max-width:768px){
	.page-id-998 .elementor-element-ada89ab img,
	.page-id-998 .elementor-element-f7c21d4 img{ height:auto !important; max-height:420px !important; }
}

/* --- 998 vertical alignment tweaks (both sections behave the same) ----
   Image fills full height (top→bottom, cover); left content centered. */
/* Sec 1 (Akademija) — mirror Sec 2: DON'T touch the image column; only
   stretch the row and center the left (text) column. Image fill comes from
   the first 998 block (ada89ab img height:100% cover). */
.page-id-998 .elementor-element-230171920 > .elementor-container{ align-items:stretch !important; }
.page-id-998 .elementor-element-2ba9f746 > .elementor-widget-wrap{ justify-content:center !important; height:100%; }

/* Sec 2 (Interne edu) */
.page-id-998 .elementor-element-52a973830 > .elementor-container{ align-items:stretch !important; }
.page-id-998 .elementor-element-21b5965f > .elementor-widget-wrap{ justify-content:center !important; height:100%; }

/* --- 998: match the izvještaji image design on BOTH sections -----------
   Image fills exactly the LEFT content height (absolute-fill so it can't
   inflate the row), cover, anchored to top → crops only the bottom. --- */
.page-id-998 .elementor-element-230171920 > .elementor-container,
.page-id-998 .elementor-element-52a973830 > .elementor-container{ align-items:stretch !important; }
/* image column: relative box, image absolutely fills it */
.page-id-998 .elementor-element-341c3d27 > .elementor-widget-wrap,
.page-id-998 .elementor-element-8aee732 > .elementor-widget-wrap{ position:relative !important; height:100%; margin:0 !important; padding:0 !important; }
.page-id-998 .elementor-element-ada89ab,
.page-id-998 .elementor-element-f7c21d4{ position:absolute !important; inset:0 !important; margin:0 !important; display:block !important; }
.page-id-998 .elementor-element-ada89ab > .elementor-widget-container,
.page-id-998 .elementor-element-f7c21d4 > .elementor-widget-container{ height:100% !important; width:100% !important; display:block !important; }
.page-id-998 .elementor-element-ada89ab img,
.page-id-998 .elementor-element-f7c21d4 img{
	width:100% !important; height:100% !important; max-height:none !important; min-height:0;
	object-fit:cover !important; object-position:top center !important; border-radius:12px;
}
/* keep the left (text) content centered */
.page-id-998 .elementor-element-2ba9f746 > .elementor-widget-wrap,
.page-id-998 .elementor-element-21b5965f > .elementor-widget-wrap{ justify-content:center !important; height:100%; }
@media (max-width:768px){
	.page-id-998 .elementor-element-ada89ab,
	.page-id-998 .elementor-element-f7c21d4{ position:static !important; inset:auto !important; }
	.page-id-998 .elementor-element-ada89ab img,
	.page-id-998 .elementor-element-f7c21d4 img{ height:auto !important; max-height:420px !important; }
}

/* --- 998 FINAL: images are FIXED (natural) size, anchored to the TOP,
   never coupled to the accordion. Undo all earlier stretch/absolute-fill. */
.page-id-998 .elementor-element-230171920 > .elementor-container,
.page-id-998 .elementor-element-52a973830 > .elementor-container{ align-items:flex-start !important; }
/* image column: normal flow, no forced height/position, no top offset */
.page-id-998 .elementor-element-341c3d27 > .elementor-widget-wrap,
.page-id-998 .elementor-element-8aee732 > .elementor-widget-wrap{ position:static !important; height:auto !important; display:block !important; margin:0 !important; padding:0 !important; }
.page-id-998 .elementor-element-ada89ab,
.page-id-998 .elementor-element-f7c21d4{ position:static !important; inset:auto !important; flex:0 0 auto !important; display:block !important; margin:0 !important; }
.page-id-998 .elementor-element-ada89ab > .elementor-widget-container,
.page-id-998 .elementor-element-f7c21d4 > .elementor-widget-container{ position:static !important; height:auto !important; display:block !important; }
.page-id-998 .elementor-element-ada89ab img,
.page-id-998 .elementor-element-f7c21d4 img{ position:static !important; width:100% !important; height:auto !important; max-height:none !important; min-height:0; object-fit:initial !important; border-radius:12px; }
/* left content back to natural top flow */
.page-id-998 .elementor-element-2ba9f746 > .elementor-widget-wrap,
.page-id-998 .elementor-element-21b5965f > .elementor-widget-wrap{ justify-content:flex-start !important; height:auto !important; }

/* --- 998: section uses "Content Position: Middle" which vertically CENTERS
   each column (align-items:center on .elementor-widget-wrap, specificity 0,4,0).
   Force the IMAGE columns' content to the TOP with matching specificity. --- */
.page-id-998 .elementor-element-341c3d27.elementor-column > .elementor-widget-wrap,
.page-id-998 .elementor-element-8aee732.elementor-column > .elementor-widget-wrap{
	align-items:flex-start !important; align-content:flex-start !important; justify-content:flex-start !important;
}

/* --- 998 accordions → match the izvještaji (891) reference design:
   light-gray rows, dividers between items, taller rows, dark closed title
   (red only when active). Icons (::before/::after) stay red. --- */
.page-id-998 .elementor-accordion .elementor-accordion-item{ border:0 !important; }
.page-id-998 .elementor-accordion .elementor-tab-title{
	min-height:52px; padding:16px 18px !important;
	border-bottom:1px solid var(--bb-line) !important;
	background:#fbfcfd !important; font-size:16px !important; color:var(--bb-ink) !important;
}
.page-id-998 .elementor-accordion .elementor-tab-title.elementor-active{
	background:#f8f9fb !important; color:var(--bb-accent) !important;
}
.page-id-998 .elementor-accordion .elementor-tab-content{
	padding:18px 18px 22px !important; border-bottom:1px solid var(--bb-line) !important;
	font-size:16px !important; line-height:1.7 !important; color:var(--bb-body) !important;
}

/* --- HOME "Zašto Power BI" (section ce67ce0): image fills the content
   height exactly (never taller). Absolute-fill so it can't inflate the row. */
.page-id-392 .elementor-element-ce67ce0 > .elementor-container{ align-items:stretch !important; }
.page-id-392 .elementor-element-ba8341b{ align-self:stretch !important; }
.page-id-392 .elementor-element-ba8341b > .elementor-widget-wrap{ position:relative !important; height:100%; align-items:stretch !important; align-content:stretch !important; padding:0 !important; }
.page-id-392 .elementor-element-0cd7e48{ position:absolute !important; inset:0 !important; margin:0 !important; display:block !important; }
.page-id-392 .elementor-element-0cd7e48 > .elementor-widget-container{ height:100% !important; width:100% !important; }
.page-id-392 .elementor-element-0cd7e48 img{ width:100% !important; height:100% !important; max-height:none !important; min-height:0; object-fit:contain !important; object-position:center; border-radius:12px; }
@media (max-width:768px){
	.page-id-392 .elementor-element-0cd7e48{ position:static !important; inset:auto !important; }
	.page-id-392 .elementor-element-0cd7e48 img{ height:auto !important; }
}

/* "Zašto Power BI" image — no frame / background / shadow */
.page-id-392 .elementor-element-ba8341b > .elementor-widget-wrap,
.page-id-392 .elementor-element-0cd7e48,
.page-id-392 .elementor-element-0cd7e48 > .elementor-widget-container,
.page-id-392 .elementor-element-0cd7e48 img{
	background:transparent !important; border:0 !important; box-shadow:none !important;
}
.page-id-392 .elementor-element-0cd7e48 img{ border-radius:0 !important; }

/* ============================================================
   MOBILE MENU — closed by default, opens on click, scrollable
   (fixes: menu appearing open + can't scroll to the last items)
   ============================================================ */
@media (max-width:900px){
	.site-header .main-navigation{ display:none !important; }
	.site-header .main-navigation.is-open{
		display:block !important;
		max-height:calc(100dvh - 60px);
		overflow-y:auto;
		overscroll-behavior:contain;
		-webkit-overflow-scrolling:touch;
		background:#fff;
	}
	/* the hamburger flips to an X when open */
	.menu-toggle[aria-expanded="true"] .menu-toggle__bar{ background:transparent; }
	.menu-toggle[aria-expanded="true"] .menu-toggle__bar::before{ top:0; transform:translateX(-50%) rotate(45deg); }
	.menu-toggle[aria-expanded="true"] .menu-toggle__bar::after{ top:0; transform:translateX(-50%) rotate(-45deg); }
}