/* manrope-300 - latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/manrope-v20-latin_latin-ext-300.woff2') format('woff2');
}

/* manrope-regular - latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/manrope-v20-latin_latin-ext-regular.woff2') format('woff2'); 
}

/* manrope-500 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/manrope-v20-latin_latin-ext-500.woff2') format('woff2'); 
}

/* manrope-600 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/manrope-v20-latin_latin-ext-600.woff2') format('woff2'); 
}

/* manrope-700 - latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/manrope-v20-latin_latin-ext-700.woff2') format('woff2');
}

/* manrope-800 - latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/manrope-v20-latin_latin-ext-800.woff2') format('woff2'); 
}


:root{
  --orange:#F28C3A;
  --orange2:#E97E2E;
  --ink:#1F2A44;
  --muted:#5C6476;
  --soft:#F5F6FA;
  --stroke: rgba(31,42,68,.10);
  --shadow-soft: 0 10px 28px rgba(31,42,68,.08);
  --shadow: 0 18px 45px rgba(31,42,68,.10);
  --radius: 18px;
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  font-family:"Manrope", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--ink);
  /* background:#EEF0F7; */
  letter-spacing:-0.2px;
  padding-top: 96px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h-title,
.country-title,
.profile-hero h1,
.page-hero h1,
.insights h2,
.hero h1 {
  color: #465772 !important;
}

/* Parallax page background */
.page-parallax{
  background-image:
    radial-gradient(1200px 700px at 20% 10%, rgba(136,148,255,.20), rgba(255,255,255,0) 60%),
    radial-gradient(900px 520px at 82% 38%, rgba(242,140,58,.16), rgba(255,255,255,0) 55%),
    linear-gradient(180deg, rgba(240,241,248,1) 0%, rgba(236,238,246,1) 40%, rgba(235,236,244,1) 100%),
    url("https://images.unsplash.com/photo-1521295121783-8a321d551ad2?auto=format&fit=crop&w=2400&q=70");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

/* NAV */
.main-logo {
	width: 200px;
	height: auto;
}
.navbar{
  position: fixed !important;
  top: 0 !important;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99999 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow:0 2px 10px rgba(0,0,0,.05);
  border-bottom: 1px solid rgba(31,42,68,.06);
}
.navbar-brand{ font-weight:800; letter-spacing:-.6px; line-height:1.05; }
.nav-link{ color: rgba(31,42,68,.82) !important; font-weight:900; }
.nav-link:hover {
  color: var(--orange) !important;
}
.active {
  color: var(--orange) !important;
  font-weight: 900;
}
.btn-contact{
  background:var(--orange);
  color:#fff !important;
  border-radius:12px;
  padding:.55rem 1.1rem;
  border:1px solid rgba(0,0,0,.03);
  box-shadow: 0 12px 26px rgba(242,140,58,.20);
}
.btn-contact:hover{ background:var(--orange2); color:#fff !important; }

body.admin-bar .navbar{
  top: 32px !important;
}

@media (max-width: 782px){
  body.admin-bar .navbar{
    top: 46px !important;
  }
}

/* Layout */
section{ padding:84px 0; }
.section-tight{ padding:56px 0; }
.section-xs {
  padding: 0 0 20px 0;
}
.container{ max-width:1120px; }

/* Hero (home) */
/* .hero{ padding:92px 0 72px; } */
.hero h1{
  font-size: clamp(2.35rem, 4.2vw, 3.55rem);
  font-weight:900;
  letter-spacing:-1px;
  line-height:1.05;
  margin-bottom:14px;
}
.hero p{
  color:var(--muted);
  font-size:1.05rem;
  line-height:1.6;
  max-width: 720px;
}
.btn-hero{ border-radius:12px; padding:.9rem 1.2rem; font-weight:900; }
.btn-orange{
  background:var(--orange);
  color:#fff !important;
  box-shadow: 0 12px 26px rgba(242,140,58,.20);
}
.btn-orange:hover{ background:var(--orange2); color:#fff !important; }
.btn-ghost{
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(31,42,68,.12);
  color: rgba(31,42,68,.88) !important;
}
.btn-ghost:hover{ background: rgba(255,255,255,.86); }

/* Bands */
.map-band{
  border-top:1px solid rgba(31,42,68,.06);
  border-bottom:1px solid rgba(31,42,68,.06);
}

/* Cards */
.card-box{
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(31,42,68,.10);
  border-radius:16px;
  padding:28px;
  height:100%;
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.thumb{
  width:100%;
  height:120px;
  border-radius:14px;
  object-fit:cover;
  border:1px solid rgba(31,42,68,.10);
  margin-bottom:14px;
}

/* Frost cards */
.frost-card{
  background: rgba(255,255,255,.62);
  border: 1px solid var(--stroke);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.card-pad{ padding: 26px; }

/* Search */
.search-wrap{
  max-width: 980px;
  margin: 0 auto 26px;
  background: rgba(255,255,255,.68);
  border: 1px solid rgba(31,42,68,.12);
  border-radius: 14px;
  padding: 10px 12px;
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.search-wrap .form-control{
  border:0;
  background:transparent;
  padding: .9rem .6rem;
  box-shadow:none;
}
.search-icon{
  width:44px;
  display:flex; align-items:center; justify-content:center;
  color: rgba(31,42,68,.55);
}
.search-pill{
  width:44px;
  display:flex; align-items:center; justify-content:center;
  border:1px solid rgba(31,42,68,.10);
  background: rgba(255,255,255,.72);
  border-radius: 12px;
  color: rgba(31,42,68,.55);
}

/* Country list cards */
.country-stack{ display:grid; gap:14px; }
.country-item{ padding: 18px 18px; }
.country-head{ display:flex; gap:12px; align-items:center; }
.flag{
  width:58px; height:40px;
  border-radius: 10px;
  object-fit: cover;
  border: 1px solid rgba(31,42,68,.12);
  box-shadow: 0 10px 22px rgba(31,42,68,.12);
}
.country-title{
  font-size: 1.35rem;
  font-weight:900;
  letter-spacing:-.7px;
  line-height: 1.05;
  margin:0;
}
.country-sub{ margin:4px 0 0; color: rgba(31,42,68,.62); font-size:.92rem; }
.country-meta{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 12px;
  margin: 14px 0 14px;
  color: rgba(31,42,68,.78);
}
.meta-row{ display:flex; gap:10px; align-items:center; font-size: .95rem; }
.meta-row i{ color: rgba(31,42,68,.55); width:18px; }
.open-profile{
  width: 100%;
  border-radius: 14px;
  background: #1F2A44;
  color:#fff;
  padding: .78rem 1rem;
  font-weight:900;
  border:0;
  box-shadow: 0 14px 28px rgba(31,42,68,.20);
}
.open-profile:hover{ background:#182038; color:#fff; }

/* Quick links */
.quick-links{ padding: 18px; }
.quick-grid{ display:grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.quick-item{
  display:flex; gap:10px; align-items:center;
  padding: 12px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(31,42,68,.10);
}
.quick-item i{ width:18px; color: rgba(31,42,68,.65); }
.quick-item span{ font-weight:900; color: rgba(31,42,68,.85);margin-left: 5px; }

/* CTA */
.cta-box{
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(31,42,68,.10);
  border-radius: 16px;
  padding: 22px;
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.cta-btn{
  width:100%;
  background: var(--orange);
  color:#fff;
  border:0;
  border-radius: 14px;
  padding: .9rem 1.2rem;
  font-weight:900;
  box-shadow: 0 12px 26px rgba(242,140,58,.20);
}
.cta-btn:hover{ background: var(--orange2); color:#fff; }

/* ===== CONTACT FORM (FINAL FIX, scoped) ===== */

/* Wrapper može imati CF7 error ispod inputa, zato se ikonica NE centrira po visini wrappera. */
.contact-form .input-wrap{
  position: relative;
}

/* Ikonica je vezana za VISINU INPUTA, ne za ukupnu visinu wrappera + error poruke */
.contact-form .input-wrap > i,
.contact-form .input-wrap i{
  position: absolute !important;
  left: 16px !important;
  top: 0 !important;
  width: 22px !important;
  height: 52px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  transform: none !important;
  margin: 0 !important;

  color: rgba(31,42,68,.45);
  pointer-events: none;
  z-index: 3;
  line-height: 1 !important;
  font-size: 16px;
}

/* Input + select */
.contact-form .input-wrap .form-control,
.contact-form .input-wrap .form-select{
  width: 100%;
  min-height: 52px;
  height: 52px;
  line-height: 1.4;

  border-radius: 14px;
  border: 1px solid rgba(31,42,68,.12);
  background-color: rgba(255,255,255,.72);

  padding: .85rem 3.2rem .85rem 3.15rem !important;
  box-shadow: none;

  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    background-color .2s ease;
}

/* Select strelica malo lijevo od ruba */
.contact-form .input-wrap .form-select{
  padding-right: 3.4rem !important;
  background-position: right 1.25rem center !important;
  background-size: 14px 14px !important;
  cursor: pointer;
}

/* Focus */
.contact-form .input-wrap .form-control:focus,
.contact-form .input-wrap .form-select:focus{
  border-color: rgba(242,140,58,.55);
  box-shadow: 0 0 0 .22rem rgba(242,140,58,.18);
  background-color: #fff;
  outline: none;
}

/* Textarea: ikonica ide u prvi red, u liniji s placeholder tekstom */
.contact-form .textarea-wrap > i,
.contact-form .textarea-wrap i{
  top: 0 !important;
  height: 52px !important;
  align-items: center !important;
  transform: none !important;
}

.contact-form .textarea-wrap textarea.form-control{
  height: auto;
  min-height: 180px;
  padding-top: .95rem !important;
  resize: vertical;
}

/* CF7 validation */
.contact-form .wpcf7-not-valid{
  border-color: #dc3545 !important;
}

.contact-form .wpcf7-not-valid-tip{
  display: block;
  margin-top: 8px;
  color: #dc3545;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 500;
}

/* Response output */
.contact-form .wpcf7-response-output{
  margin: 20px 0 0 !important;
  padding: 14px 16px !important;
  border-radius: 12px;
  font-size: 14px;
}

/* Checkboxes */
.contact-form .wpcf7-checkbox,
.contact-form .wpcf7-acceptance{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.contact-form .wpcf7-list-item{
  margin: 0 !important;
}

.contact-form .wpcf7-list-item label{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  line-height: 1.5;
}

.contact-form input[type="checkbox"]{
  margin-top: 3px;
  flex: 0 0 auto;
}

/* Button */
.contact-form .btn-send,
.contact-form input[type="submit"]{
  border: 0;
  border-radius: 14px;
  background: var(--orange);
  color: #fff;
  font-weight: 900;
  padding: .9rem 1.4rem;
  min-width: 160px;
  width: auto;
  white-space: nowrap;
  transition:
    background-color .2s ease,
    transform .2s ease;
}

.contact-form .btn-send:hover,
.contact-form input[type="submit"]:hover{
  background: var(--orange2);
  transform: translateY(-1px);
}

.contact-form .send-row{
  margin-top: 25px !important;
}

.contact-form ::placeholder{
  color: rgba(31,42,68,.55);
  opacity: 1;
}

@media (max-width: 767.98px){
  .contact-form .input-wrap > i,
  .contact-form .input-wrap i{
    left: 15px !important;
  }

  .contact-form .input-wrap .form-control,
  .contact-form .input-wrap .form-select{
    padding-left: 3rem !important;
  }

  .contact-form .input-wrap .form-select{
    background-position: right 1rem center !important;
  }

  .contact-form .btn-send,
  .contact-form input[type="submit"]{
    width: 100%;
  }
}

/* Insights band */
.insights{
  background: rgba(255,255,255,.62);
  border-top: 1px solid rgba(31,42,68,.08);
  border-bottom: 1px solid rgba(31,42,68,.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.insights .section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom: 22px;
}
.insights h2{
  margin:0;
  font-size:2.15rem;
  letter-spacing:-.7px;
  font-weight:900;
}
.insights p{ margin:0; color:var(--muted); }

.news-card{
  background:#fff;
  border-radius:16px;
  padding:16px;
  height:100%;
  box-shadow: var(--shadow-soft);
  border:1px solid rgba(31,42,68,.08);
}
.news-card img{
  border-radius:12px;
  margin-bottom:12px;
  width:100%;
  height:210px;
  object-fit:cover;
}
.insights .news-card{
  display:flex;
  flex-direction:column;
  height:100%;
}

/* Keep button aligned at bottom but NOT full width */
.insights .news-card .btn{
  margin-top:auto;
  align-self:flex-start;
  width:auto;
}

.tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:800;
  font-size:.82rem;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(31,42,68,.12);
  background: rgba(255,255,255,.72);
  color: rgba(31,42,68,.78);
}

/* Content pages */
.page-hero{ padding:72px 0 36px; }
.page-hero h1{ font-weight:900; letter-spacing:-.9px; margin:0 0 10px; }
.page-hero p{ color:var(--muted); max-width: 760px; }

.prose p{ color: var(--muted); line-height:1.7; }
.prose ul{ color: var(--muted); }
.prose h2, .prose h3{ font-weight:900; letter-spacing:-.6px; margin-top: 24px; }
.prose .lead{ color:var(--muted); }

/* Country profile page */
.profile-hero{
  padding: 84px 0 54px;
  background:
    linear-gradient(rgba(245,246,252,.82), rgba(245,246,252,.82));
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  border-bottom: 1px solid rgba(31,42,68,.08);
}
.profile-hero h1{
  font-size: clamp(1.8rem, 2.3vw, 2.6rem);
  font-weight: 900;
  letter-spacing: -1px;
  line-height: 1.05;
  margin: 0 0 10px;
}
.profile-hero .sub{ color: var(--muted); font-size: 1.05rem; margin: 0; }
.hero-meta{ display:flex; flex-wrap:wrap; gap: 10px 14px; margin-top: 10px; }
.hero-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.62);
  border:1px solid rgba(31,42,68,.10);
  font-weight: 800;
  font-size: .92rem;
}
.hero-pill i{ color: rgba(31,42,68,.55); }

.kpi-wrap{ margin-top: -34px; padding-bottom: 10px; }
.kpi{ padding: 16px 14px; text-align:center; height:100%; }
.kpi .kpi-icon{ color: rgba(31,42,68,.55); margin-bottom: 6px; }
.kpi .val{ font-weight: 900; letter-spacing:-.4px; font-size: 1.15rem; }
.kpi .lbl{ color: rgba(31,42,68,.62); font-size: .9rem; }

.h-title{ font-weight: 900; letter-spacing: -.6px; margin: 0 0 12px; }
.h-sub{ color: var(--muted); margin: 0 0 18px; }

.inner{
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(31,42,68,.10);
  border-radius: 16px;
  padding: 18px;
}
.inner h6{ margin:0 0 8px; font-weight: 900; letter-spacing: -.3px; }
.inner p{ margin:0; color: var(--muted); }

.sector-tile{
  padding: 18px;
  border-radius: 16px;
  background: rgba(255,255,255,.62);
  border:1px solid rgba(31,42,68,.10);
  font-weight: 900;
  letter-spacing:-.2px;
  display:flex;
  align-items:center;
  gap:10px;
}
.sector-tile i{ color: rgba(31,42,68,.60); width:18px; }

.bar{ height: 8px; background: rgba(31,42,68,.10); border-radius: 999px; overflow:hidden; }
.bar > span{ display:block; height:100%; background: var(--orange); }

.ul-clean{ padding-left: 1.1rem; margin:0; color: var(--muted); }
.ul-clean li{ margin: .35rem 0; }

.exchange{ text-align:center; }
.exchange .lock{
  width:54px; height:54px;
  border-radius: 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(31,42,68,.12);
  margin-bottom: 12px;
}
.exchange .lock i{ color: rgba(31,42,68,.62); font-size: 20px; }

/* Footer */
.site-footer{
  font-size:11px;
}

/* ORANGE BLOCK */
.footer-top{
  background: var(--orange);
  padding: 26px 0;
}

.footer-top,
.footer-top *{
  color:#fff;
}

.footer-logo-img img{
  width:120px;
  height:auto;
  display:block;
}

/* Ensure top alignment */
.site-footer .d-flex{
  align-items:flex-start !important;
}

.footer-text{
  line-height:1.35;
}

.footer-links{
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
}

.footer-links a{
  color:#fff;
  text-decoration:none;
  border:1px solid transparent;
  padding:3px 5px;
  border-radius:6px;
  transition:all .18s ease;
}

.footer-links .sep{
  color:rgba(255,255,255,.85);
}

.footer-links a:hover{
  background:#fff;
  color:var(--orange);
  border-color:#fff;
  font-weight:700;
}

/* COPYRIGHT BAR */
.footer-bottom{
  background:#fff;
  color:var(--ink);
  padding:10px 0;
  border-top:1px solid rgba(0,0,0,.05);
}

/* ≤ 550px — center Impressum / Datenschutz block */
@media (max-width: 550px){
  .footer-links{
    width:100%;
    justify-content:center !important;
    text-align:center;
    margin-top:12px;
  }
}

/* ≤ 370px — force EVERYTHING into one column */
@media (max-width: 370px){
  .footer-top .container > .d-flex{
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 18px !important;
  }

  .footer-top .container > .d-flex > div:first-child{
    flex-direction: column !important;
    align-items: center !important;
    width: 100%;
  }

  .footer-logo-img{
    width:100%;
  }

  .footer-logo-img img{
    width:100%;
    height:auto;
    display:block;
  }

  .footer-text{
    width:100%;
    text-align:center;
  }

  .footer-links{
    width:100%;
    justify-content:center !important;
    text-align:center;
  }
}

.footer-social{
  display:flex;
  gap:10px;
  margin-top:6px;
}

.footer-social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  font-size:12px;
  color:rgba(255,255,255,.75);
  text-decoration:none;
  transition:all .2s ease;
}

.footer-social a:hover{
  color:#fff;
  transform:translateY(-1px);
}

@media (max-width: 370px){
  .footer-social{
    justify-content:center !important;
    width:100%;
    margin-top:10px;
  }

  .footer-social a{
    margin:0 4px;
  }
}

.nav-social{
  gap:8px;
}

.nav-social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:6px;
  font-size:13px;
  color:var(--orange);
  background:transparent;
  border:1px solid var(--orange);
  text-decoration:none;
  transition:all .2s ease;
}

.nav-social a:hover{
  background:var(--orange);
  color:#fff;
}

@media (max-width: 992px){
  section{ padding:72px 0; }
  .profile-hero{ padding: 70px 0 44px; }
  .kpi-wrap{ margin-top: -20px; }
}

.meaa-logo {
	width: 100px;
	height: auto;
}

.parallax {
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.h-auto {
  min-height: auto;
}

/* lightening overlay */
.parallax-light::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.45);
}

/* keep ALL content above overlay */
.parallax-light {
  position: relative;
  z-index: 0; /* creates stacking context */
}

.parallax-light::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.45);
  z-index: -1; /* 👈 KEY FIX */
}

.kpi-wrap i {
	color: var(--orange);
	font-size: 25px;
}

.parallax-fade {
  position: relative;
  min-height: 500px;

  /* regular parallax */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;

  overflow: hidden;
}

/* mobile fallback (fixed often disabled on mobile) */
@media (max-width: 992px){
  .parallax-fade{ background-attachment: scroll; }
}

/* Gradient overlay */
.parallax-fade::before {
  content: "";
  position: absolute;
  inset: 0;

  background: linear-gradient(
    to bottom,
    #ffffff 0%,
    rgba(255,255,255,0.98) 10%,
    rgba(255,255,255,0.92) 25%,
    rgba(255,255,255,0.75) 40%,
    rgba(255,255,255,0.55) 55%,
    rgba(255,255,255,0.35) 70%,
    rgba(255,255,255,0.15) 85%,
    rgba(255,255,255,0) 100%
  );

  z-index: 1;
  pointer-events: none;
}

/* Keep content above overlay */
.parallax-fade > * {
  position: relative;
  z-index: 2;
}

.site-footer{
  position: sticky;
  top: 100vh;
  left: 0;
  right: 0;
}

.page-hero .container{
  max-width: 1120px;
  padding-left: 15px;
  padding-right: 15px;
}

/* shift only the hero heading + paragraph to match the card inner padding */
.page-hero h1,
.page-hero p,
.section-head-insights h2,
.section-head-insights p {
  padding-left: 26px;
  padding-right: 26px;
}

/* optional: keep consistent on smaller screens */
@media (max-width: 576px){
  .page-hero h1,
  .page-hero p,
  .section-head-insights h2,
  .section-head-insights p {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.profile-hero .col-lg-8{
  padding-left: calc(26px + 15px);
}

/* keep responsive clean */
@media (max-width: 992px){
  .profile-hero .col-lg-8{
    padding-left: 15px;
  }
}

.event-img {
  width: auto;
  height: 150px;
  border-radius: 10px;
  object-fit: cover;
  border: 1px solid rgba(31,42,68,.12);
  box-shadow: 0 10px 22px rgba(31,42,68,.12);
}


/* Multi-level dropdown positioning */
/* Base dropdown */
.navbar .dropdown-menu {
  border-radius: 6px;
  padding-top: .4rem;
  padding-bottom: .4rem;
  min-width: 240px;
  border: none;
}

/* Level 2 (Countries) */
.dropdown-menu > li > .dropdown-item {
  padding: .6rem 1.4rem;
  font-weight: 500;
  transition: background-color .25s ease;
  position: relative;
}

/* Level 2 hover – orange with opacity (text unaffected) */
.dropdown-menu > li > .dropdown-item:hover {
  background-color: rgba(242, 140, 58, 0.6);
}

/* Submenu positioning */
.dropdown-submenu {
  position: relative;
}

/* Level 3 positioning (desktop only) */
.dropdown-submenu > .dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  margin-top: -0.3rem;
  min-width: 220px;
  border-radius: 6px;
  display: none;
}

/* Show submenu (JS controlled) */
.dropdown-submenu > .dropdown-menu.show {
  display: block;
}

/* Level 3 background ALWAYS orange with opacity */
.dropdown-menu.level-3 {
  background-color: rgba(242, 140, 58, 0.6);
  padding-top: .4rem;
  padding-bottom: .4rem;
}

/* Level 3 items */
.dropdown-menu.level-3 .dropdown-item {
  padding: .55rem 1.4rem;
  font-size: .95rem;
  font-weight: 400;
  background: transparent;
  color: #111 !important; /* No opacity on text */
  transition: background-color .2s ease;
}

/* Slightly stronger hover for Level 3 */
.dropdown-menu.level-3 .dropdown-item:hover {
  background-color: rgba(242, 140, 58, 0.75);
}

/* Arrow for Level 2 items with submenu */
.dropdown-item.has-submenu {
  padding-right: 2.5rem;
}

.dropdown-item.has-submenu::after {
  content: "›";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.15rem;
  opacity: .7;
  transition: transform .2s ease;
}

/* Optional: rotate arrow when submenu open */
.dropdown-submenu > .dropdown-menu.show + .dropdown-item::after {
  transform: translateY(-50%) rotate(90deg);
}

/* Hide Level 3 entirely on mobile */
@media (max-width: 991.98px){
  /* you already hide level 3 here */
  .dropdown-submenu > .dropdown-menu.level-3{
    display: none !important;
  }

  /* ALSO hide the arrow on Level 2 items that have submenu */
  .dropdown-item.has-submenu::after{
    content: none !important;
    display: none !important;
  }
}

.dropdown-item {
  color: rgba(31,42,68,.82) !important;
}



/* ======================================================
   HERO CAROUSEL – FINAL VERSION
   ====================================================== */

.hero{
  position: relative;
  overflow: hidden;
  /* Height is controlled by JS to match tallest slide */
}

/* Carousel base */
.hero .carousel,
.hero .carousel-inner,
.hero .carousel-item{
  width: 100%;
  height: 100%;
}

/* Subtle left → right slide */
.hero .carousel-item{
  transition: transform 0.55s ease;
}

/* Slide wrapper: background image via CSS var */
.hero .hero-slide{
  position: relative;
  width: 100%;
  height: 100%;
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  display: flex;
  align-items: center;
}

/* White overlay (same approach as .parallax-light::before) */
.hero .hero-slide::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.6);
  z-index: 0;
}

/* Content above overlay */
.hero .hero-slide > *{
  position: relative;
  z-index: 1;
}

/* Paragraph thickness reset */
.hero .carousel-item p{
  font-weight: 400 !important;
}

/* ======================================================
   <1240px: apply 15% side padding to col-lg-9 (ALL smaller screens)
   ====================================================== */
@media (min-width: 500px) and (max-width: 1239.98px){
  .hero #heroCarousel .col-lg-9{
    padding-left: 15%;
    padding-right: 15%;
  }
}

/* ======================================================
   INDICATORS (DOTS) – bottom 10px, gray / orange active+hover
   ====================================================== */
.hero .carousel-indicators{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  margin: 0;
  gap: 10px;
  z-index: 5;
}

.hero .carousel-indicators [data-bs-target]{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 0;
  opacity: 1;
  background-color: #6d6d6d;
  transition: background-color .2s ease;
}

.hero .carousel-indicators .active{
  background-color: #F28C3A;
}

.hero .carousel-indicators [data-bs-target]:hover{
  background-color: #F28C3A;
}

/* ======================================================
   ARROWS (big orange, no shadow)
   ====================================================== */
.hero .carousel-control-prev,
.hero .carousel-control-next{
  width: 8%;
  opacity: 1;
  z-index: 5;
}

.hero .carousel-control-prev-icon,
.hero .carousel-control-next-icon{
  background-image: none;
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero .carousel-control-prev-icon::after,
.hero .carousel-control-next-icon::after{
  font-size: 4.5rem;
  font-weight: 900;
  line-height: 1;
  color: #F28C3A;
  text-shadow: none;
}

.hero .carousel-control-prev-icon::after{ content: "‹"; }
.hero .carousel-control-next-icon::after{ content: "›"; }

/* Mobile: add side padding so arrows don't overlap text */
@media (max-width: 991.98px){
  .hero .carousel-control-prev,
  .hero .carousel-control-next{
    width: 14%;
    padding: 0 18px;
  }

  .hero .carousel-control-prev-icon,
  .hero .carousel-control-next-icon{
    width: 65px;
    height: 65px;
  }

  .hero .carousel-control-prev-icon::after,
  .hero .carousel-control-next-icon::after{
    font-size: 3rem;
  }
}

/* Hide carousel arrows on very small screens */
@media (max-width: 499.98px){
  .hero .carousel-control-prev,
  .hero .carousel-control-next{
    display: none !important;
  }
}

.hero {
  height: var(--heroH, 700px);
  max-height: none; /* allow JS-driven height */
}

.hero .carousel,
.hero .carousel-inner,
.hero .carousel-item,
.hero .hero-slide {
  height: 100%;
}


/* Header block inside parallax section */
.map-band .profiles-header{
  display: inline-block;
  padding: 14px 22px;
  border-radius: 14px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: rgba(255,255,255,0.55);
  border: 1px solid rgba(255,255,255,0.45);
}

/* Force search full width */
.map-band .search-wrap{
  width: 100%;
}

.map-band .search-inner{
  width: 100%;
}

.map-band .search-inner .form-control{
  flex: 1 1 auto;
  width: 100%;
}

.map-band .search-icon,
.map-band .search-pill{
  flex: 0 0 auto;
}

.search-wrap-override {
  max-width: 100%;
  margin: 0;
}

.economies-section-title{
  font-weight: 900;
  letter-spacing: -0.6px;
  font-size: 2.5rem;
}


  /* Icon container same visual weight as previous images */
.what-icon {
	position: relative;
	height: 180px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	border-radius: 12px;
	overflow: hidden;
}

/* Background layer */
.what-icon::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url('https://alencamdzic.com/b03-Eco/wp-content/themes/insideEconomies/assets/img/background-08.png');
	background-size: cover;
	background-position: center;
	opacity: 0.4;
	z-index: 1;
}

/* Icon */
.what-icon i {
	position: relative;
	z-index: 2;
	font-size: 64px;
	color: var(--orange);
	opacity: 1;
}


  /* Make search truly 100% width */
  .search-wrap-override{ width: 100% !important; }
  .search-wrap-override .search-inner{
    width: 100% !important;
    display: flex;
    align-items: center;
    gap: .5rem;
  }
  .search-wrap-override .form-control{
    flex: 1 1 auto;
    width: 100% !important;
    min-width: 0;
  }
  .search-wrap-override .search-icon,
  .search-wrap-override .search-pill{ flex: 0 0 auto; }

  /* When button becomes outline */
  #loadMoreProfiles.btn-outline-dark:disabled{
    opacity: 1;
    cursor: not-allowed;
    pointer-events: none;
  }


.acf-field[data-name="columns"] .acf-actions {
    display:none;
}

/* NEW STYLE ADDED */
.tooltip-parent{
position:relative;
}

.kpi-tooltip{
position:absolute;
bottom:115%;
left:50%;
transform:translateX(-50%);
background:#111;
color:#fff;
font-size:12px;
padding:6px 10px;
border-radius:6px;
white-space:nowrap;
opacity:0;
pointer-events:none;
transition:opacity .2s ease;
z-index:20;
}

.tooltip-parent:hover .kpi-tooltip{
opacity:1;
}



.text-block.orange .h-title,
.text-block.orange,
.text-block.orange p,
.text-block.orange li,
.text-block.orange strong{
color:#fff;
}

.text-block.orange a{
color:#fff;
text-decoration:underline;
}

.text-block.orange .frost-card{
background:rgba(255,255,255,0.08);
}


.sectors-block.orange,
.sectors-block.orange .h-title,
.sectors-block.orange p,
.sectors-block.orange li,
.sectors-block.orange strong,
.sectors-block.orange em,
.sectors-block.orange span,
.sectors-block.orange h6 {
  color: #fff;
}

.sectors-block.orange a,
.sectors-block.orange a h6 {
  color: #fff;
}

.sectors-block.orange a {
  text-decoration: underline;
}

.sectors-block.orange .frost-card {
  background: rgba(255,255,255,0.08);
}

.sectors-block.orange .inner {
  background: rgba(255,255,255,0.08);
}



.percentage-block.orange,
.percentage-block.orange .h-title,
.percentage-block.orange p,
.percentage-block.orange li,
.percentage-block.orange strong,
.percentage-block.orange em,
.percentage-block.orange span,
.percentage-block.orange .text-muted {
  color: #fff !important;
}

.percentage-block.orange a {
  color: #fff;
  text-decoration: underline;
}

.percentage-block.orange .frost-card {
  background: rgba(255,255,255,0.08);
}

.percentage-block .percentage-value {
  color: var(--ink);
}

.percentage-block.orange .percentage-value {
  color: #fff !important;
}

.percentage-block.orange .bar {
  background: rgba(255,255,255,0.18);
}

.percentage-block.orange .bar span {
  background: #fff;
}


.cta-block.orange,
.cta-block.orange p,
.cta-block.orange li,
.cta-block.orange span {
  color: #fff;
}

.cta-block.orange .cta-title {
  color: #fff;
}

.cta-block.orange a {
  color: #fff;
}

.cta-block.orange .cta-btn {
  background: #fff;
  color: var(--orange);
  font-weight: 700;
}

.cta-block.orange .cta-btn:hover {
  background: #f5f5f5;
}


.highlighted-block.orange,
.highlighted-block.orange .h-title,
.highlighted-block.orange p,
.highlighted-block.orange li,
.highlighted-block.orange strong,
.highlighted-block.orange em,
.highlighted-block.orange span,
.highlighted-block.orange h5 {
  color: #fff;
}

.highlighted-block.orange .text-muted {
  color: #fff !important;
}

.highlighted-block.orange a:not(.btn) {
  color: #fff;
  text-decoration: underline;
}

.highlighted-block.orange .card-box {
  background: rgba(255,255,255,0.08);
}

.highlighted-card-title {
  font-weight: 900;
}

.highlighted-block .h-title {
  font-weight: 900;
  letter-spacing: -.6px;
}

.highlighted-block.orange .btn-outline-dark {
  border-color: #fff;
  color: #fff;
}

.highlighted-block.orange .btn-outline-dark:hover {
  background: #fff;
  color: var(--orange);
}


.pb-card.orange,
.pb-card.orange .h-title,
.pb-card.orange p,
.pb-card.orange li,
.pb-card.orange strong,
.pb-card.orange em,
.pb-card.orange span,
.pb-card.orange h6 {
  color: #fff;
}

.pb-card.orange .text-muted {
  color: #fff !important;
}

.pb-card.orange a:not(.btn):not(.cta-btn) {
  color: #fff;
  text-decoration: underline;
}

.pb-card.orange .frost-card,
.pb-card.orange .inner {
  background: rgba(255,255,255,0.08);
}

.pb-card.orange .bar {
  background: rgba(255,255,255,0.18);
}

.pb-card.orange .bar span {
  background: #fff;
}

.pb-card .percentage-value {
  color: var(--ink);
}

.pb-card.orange .percentage-value {
  color: #fff !important;
}

.pb-cta.orange,
.pb-cta.orange p,
.pb-cta.orange li,
.pb-cta.orange span,
.pb-cta.orange .cta-title {
  color: #fff;
}

.pb-cta.orange .cta-btn {
  background: #fff;
  color: var(--orange);
  font-weight: 700;
}

.pb-cta.orange .cta-btn:hover {
  background: #f5f5f5;
  color: var(--orange);
}


/* UNLOCK */

.full-profile-lock-card{
	text-align:center;
	position:relative;
}

.full-profile-lock-card .lock{
	width:72px;
	height:72px;
	border-radius:50%;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 18px;
	background:rgba(255,255,255,0.65);
	font-size:28px;
	color:var(--orange);
}

.pb-modal-backdrop{
	position:fixed;
	inset:0;
	background:rgba(0,0,0,0.55);
	display:none;
	align-items:center;
	justify-content:center;
	padding:20px;
	z-index:9999;
}

.pb-modal-backdrop.is-active{
	display:flex;
}

.pb-modal-dialog{
	position:relative;
	width:100%;
	max-width:460px;
	background:#fff;
	border-radius:16px;
	padding:28px;
	box-shadow:0 20px 60px rgba(0,0,0,0.18);
}

.pb-modal-close{
	position:absolute;
	top:10px;
	right:14px;
	border:0;
	background:transparent;
	font-size:28px;
	line-height:1;
	cursor:pointer;
	color:var(--ink);
}

.pb-modal-title{
	margin-bottom:16px;
	font-weight:900;
}

.pb-modal-label{
	display:block;
	margin-bottom:8px;
	font-weight:700;
}

.pb-modal-input{
	width:100%;
	height:52px;
	border:1px solid #d9d9d9;
	border-radius:10px;
	padding:0 14px;
	margin-bottom:14px;
	outline:none;
}

.pb-modal-input:focus{
	border-color:var(--orange);
	box-shadow:0 0 0 3px rgba(255,140,0,0.12);
}

.pb-modal-message{
	margin-top:12px;
	font-size:14px;
}

.pb-modal-message.is-locked{
	margin-bottom:14px;
	color:#b42318;
	font-weight:700;
}

#pb-request-code-wrap{
	text-align:center;
}



.hero h2 {
  font-size: clamp(2.0rem, 4.2vw, 2.5rem);
  font-weight: 900;
  letter-spacing: -1px;
  line-height: 1.05;
  margin-bottom: 14px;
}


.quick-grid a {
  text-decoration: none !important;
}



/* =========================================================
   VIDEO SECTION
   ========================================================= */
.ie-video-section .section-intro{
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.ie-video-embed{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid rgba(31,42,68,.10);
  box-shadow: var(--shadow-soft);
  background: #000;
}

.ie-video-embed iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 16px;
  display: block;
}

/* =========================================================
   FAQ SECTION
   ========================================================= */

.ie-faq-section .section-intro{
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.ie-video-section .section-intro,
.ie-faq-section .section-intro{
  text-align: left;
}

.ie-faq-accordion{
  margin-top: 10px;
}

.ie-faq-accordion .accordion-item{
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(31,42,68,.10);
  border-radius: 16px !important;
  overflow: hidden;
  box-shadow: var(--shadow-soft);
  margin-bottom: 14px;
}

.ie-faq-accordion .accordion-header{
  margin: 0;
}

.ie-faq-accordion .accordion-button{
  background: rgba(255,255,255,.78);
  color: var(--ink);
  font-weight: 800;
  font-size: 1rem;
  letter-spacing: -.2px;
  padding: 1.15rem 1.25rem;
  box-shadow: none;
  border: 0;
}

.ie-faq-accordion .accordion-button:not(.collapsed){
  background: rgba(255,255,255,.92);
  color: var(--orange2);
  box-shadow: none;
}

.ie-faq-accordion .accordion-button:focus{
  box-shadow: 0 0 0 .2rem rgba(242,140,58,.15);
  border-color: transparent;
}

.ie-faq-accordion .accordion-button::after{
  background-size: 1rem;
}

.ie-faq-accordion .accordion-body{
  padding: 0 1.25rem 1.25rem;
  color: var(--muted);
  line-height: 1.7;
  background: transparent;
}


.pb-on-orange .ie-faq-accordion .accordion-item{
  border-color: rgba(255,255,255,0.15);
}

.pb-on-orange .ie-faq-accordion .accordion-button,
.pb-on-orange .ie-faq-accordion .accordion-button:not(.collapsed){
  color: var(--ink) !important;
}

.pb-on-orange .ie-faq-accordion .accordion-body p{
  color: var(--muted) !important;
}


/* Optional - tighter mobile spacing */
@media (max-width: 767.98px){
  .ie-video-section,
  .ie-faq-section{
    padding: 64px 0;
  }

  .ie-faq-accordion .accordion-button{
    font-size: .96rem;
    padding: 1rem 1rem;
  }

  .ie-faq-accordion .accordion-body{
    padding: 0 1rem 1rem;
  }
}



/* Page Builder updates */
.pb-on-orange,
.pb-on-orange .h-title,
.pb-on-orange .h-title a,
.pb-on-orange .cta-title,
.pb-on-orange .highlighted-card-title,
.pb-on-orange .section-intro,
.pb-on-orange .section-intro .h-title,
.pb-on-orange .section-intro p,
.pb-on-orange .section-intro li,
.pb-on-orange .pb-wysiwyg,
.pb-on-orange .pb-wysiwyg p,
.pb-on-orange .pb-wysiwyg li,
.pb-on-orange .pb-wysiwyg a,
.pb-on-orange .pb-contact-item,
.pb-on-orange .pb-contact-item a,
.pb-on-orange .inner,
.pb-on-orange .inner p,
.pb-on-orange .inner h6 {
  color: #fff !important;
}

.pb-on-orange .bar {
  background: rgba(255,255,255,0.18);
}

.pb-on-orange .bar span {
  background: #fff;
}

.pb-text-image {
  margin-top: 1.25rem;
  border-radius: 18px;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}

.pb-text-image img {
  width: 100%;
  display: block;
  border-radius: inherit;
}

.pb-image-cropped img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

/* Full Height = prikaži cijelu sliku bez forsiranja visine roditelja.
   Ovo uklanja overflow u 50/50 i 33/33/33 mix blokovima. */
.pb-image-full-height,
.pb-image-full-height img {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

.pb-image-full-height img {
  object-fit: contain;
}

/* Slika iznad teksta ili sama slika: nema paddinga iznad unutar kartice. */
.pb-card.pb-card-image-above_text,
.pb-card.pb-card-image-only {
  padding-top: 0 !important;
  overflow: hidden;
}

.pb-card.pb-card-image-above_text > .pb-text-image:first-child,
.pb-card.pb-card-image-only > .pb-text-image:first-child {
  margin-top: 0 !important;
}

/* Kad je slika iznad teksta, tekst kreće sa normalnim unutrašnjim razmakom. */
.pb-card.pb-card-image-above_text > .pb-text-image:first-child + .h-title,
.pb-card.pb-card-image-above_text > .pb-text-image:first-child + .pb-wysiwyg,
.pb-card.pb-card-image-above_text > .pb-text-image:first-child + .h-title + .pb-wysiwyg {
  margin-top: 26px;
}

/* Ako je kartica samo slika, ne ostavljaj dodatni prazan prostor. */
.pb-card.pb-card-image-only {
  padding-bottom: 0 !important;
}

.pb-card.pb-card-image-only > .pb-text-image {
  margin-bottom: 0 !important;
}

.ie-video-embed {
  position: relative;
  width: 100%;
  /*padding-top: 56.25%;*/
  border-radius: 18px;
  overflow: hidden;
}

.ie-video-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.ie-faq-accordion .accordion-item {
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 12px;
}

.ie-faq-accordion .accordion-button {
  font-weight: 700;
  box-shadow: none !important;
}

.pb-contact-list {
  display: grid;
  gap: 10px;
}

.pb-contact-item strong {
  margin-right: 6px;
}

.pb-contact-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 1.25rem;
}

.pb-contact-socials a {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background: rgba(0,0,0,0.06);
}

.pb-on-orange .pb-contact-socials a {
  background: rgba(255,255,255,0.12);
  color: #fff;
}

.pb-card.white,
.pb-card.gray,
.pb-card.orange,
.highlighted-block.white,
.highlighted-block.gray,
.highlighted-block.orange {
  transition: background-color .2s ease, color .2s ease;
}


/* Video + FAQ blocks: remove bottom padding so 100 and MIX variants do not keep extra 20px */
.ie-video-section.section-xs.pb-mix-compact,
.ie-faq-section.section-xs.pb-mix-compact {
  padding-bottom: 0 !important;
}


.home-one {
  display: block;
}
.home-one .quick-item i {
  color: #465772 !important;
  padding-bottom: 5px;
}
.home-one .quick-item span {
  color: #465772 !important;
  padding-bottom: 5px;
}


/* =========================================================
   PROFILE / CONNECTED PAGES LAYOUT
   ========================================================= */
.pb-profile-layout-wrap{
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}

.pb-profile-layout{
  display: block;
}

.pb-profile-main-content{
  min-width: 0;
  width: 100%;
}

.pb-profile-main-content > *:first-child{
  margin-top: 0;
}

.pb-profile-main-content.is-full-width{
  width: 100%;
  max-width: 100%;
}

.pb-profile-sidebar{
  min-width: 0;
}

.pb-profile-sidebar-sticky{
  position: sticky;
  top: 120px;
}

.pb-connected-pages-block{
  width: 100%;
}

.pb-connected-pages-card{
  background: rgba(255,255,255,.72);
}

.pb-connected-pages-text,
.pb-connected-pages-text p,
.pb-connected-pages-text li{
  color: var(--muted);
}

.pb-connected-pages-list{
  display: grid;
  gap: 12px;
}

.pb-connected-page-item{
  position: relative;
  display: block;
  padding: 16px 52px 16px 16px;
  border-radius: 14px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(31,42,68,.10);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.pb-connected-page-item:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-soft);
  border-color: rgba(242,140,58,.35);
}

.pb-connected-page-label{
  display: block;
  font-weight: 900;
  color: #465772;
  line-height: 1.25;
}

.pb-connected-page-sub{
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: .92rem;
  line-height: 1.45;
}

.pb-connected-page-arrow{
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  color: var(--orange);
  font-size: 1rem;
}

.pb-connected-pages-mobile{
  margin-top: 24px;
  margin-bottom: 0;
  padding: 0 10px 50px 10px;
}

.pb-profile-main-content .section-tight:first-child,
.pb-profile-main-content .kpi-wrap:first-child,
.pb-profile-main-content .kpi-wrap{
  margin-top: 0 !important;
}

@media (min-width: 1200px){
  .pb-profile-layout.has-sticky-sidebar{
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    align-items: start;
    gap: 32px;
  }

  .pb-profile-layout.no-sticky-sidebar{
    display: block;
  }

  .pb-profile-sidebar{
    display: block;
    align-self: start;
  }
}

@media (max-width: 1199.98px){
  .pb-profile-layout{
    display: block !important;
  }

  .pb-profile-sidebar{
    display: none !important;
  }

  .pb-profile-sidebar-sticky{
    position: static;
    top: auto;
  }
}

body.admin-bar .pb-profile-sidebar-sticky{
  top: 152px;
}

@media (max-width: 782px){
  body.admin-bar .pb-profile-sidebar-sticky{
    top: 166px;
  }
}

/* =========================================================
   FAQ SPACING FIXES
   ========================================================= */
.ie-faq-section {
  padding-top: 0 !important;
}

.ie-faq-section.section-xs {
  padding-top: 0 !important;
  padding-bottom: 20px;
}

.ie-faq-section .container,
.ie-faq-section .row,
.ie-faq-section .col-lg-12 {
  padding-top: 0 !important;
}

.ie-faq-section .frost-card.card-pad {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}

.ie-faq-section .section-intro {
  margin-bottom: 18px;
}

.ie-faq-section .section-intro > *:last-child {
  margin-bottom: 0 !important;
}

.ie-faq-section.pb-mix-compact,
.ie-faq-section.section-xs.pb-mix-compact {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.ie-faq-section.pb-mix-compact .frost-card.card-pad,
.ie-faq-section.section-xs.pb-mix-compact .frost-card.card-pad {
  padding-bottom: 26px !important;
  margin-bottom: 0 !important;
}

.ie-faq-section.pb-mix-compact .accordion.ie-faq-accordion,
.ie-faq-section.section-xs.pb-mix-compact .accordion.ie-faq-accordion {
  margin-bottom: 0 !important;
}

.ie-faq-section.pb-mix-compact .accordion.ie-faq-accordion .accordion-item:last-child,
.ie-faq-section.section-xs.pb-mix-compact .accordion.ie-faq-accordion .accordion-item:last-child {
  margin-bottom: 0 !important;
}

/* Chrome white background spacing override */
.ie-faq-section.pb-on-light .frost-card.card-pad,
.ie-faq-section:not(.pb-on-orange) .frost-card.card-pad {
  padding-top: 26px !important;
}

/* Equal-height FAQ card in MIX block */
.ie-faq-section-compact,
.ie-faq-section-compact > .frost-card.card-pad {
  height: 100%;
}

.ie-faq-section-compact > .frost-card.card-pad {
  display: flex;
  flex-direction: column;
}

.ie-faq-section-compact .ie-faq-accordion {
  margin-top: 14px;
}

.pb-connected-insights {
  margin-top: 0;
}




/* =========================================================
   FINAL CRITICAL FIXES – NAVBAR + STICKY ASIDE + OVERFLOW
   ========================================================= */
html,
body{
  max-width: 100%;
  overflow-x: hidden;
}

body{
  padding-top: 96px;
}

.navbar{
  position: fixed !important;
  top: 0 !important;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99999 !important;
  transform: translateY(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.navbar .container,
.navbar .container-fluid{
  width: 100%;
  max-width: 1280px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 16px;
  padding-left: 24px;
  padding-right: 24px;
}

.navbar .container > *,
.navbar .container-fluid > *{
  min-width: 0;
}

.navbar-brand{
  display: inline-flex;
  align-items: center;
  margin-right: auto;
  flex: 0 0 auto;
}

.main-logo{
  width: 150px;
  max-width: 100%;
  height: auto;
}

@media (min-width: 992px){
  .navbar .container,
  .navbar .container-fluid{
    max-width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .navbar-collapse{
    display: flex !important;
    flex: 0 1 auto;
    justify-content: flex-end;
    min-width: 0;
  }

  .navbar-nav{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: clamp(10px, 1vw, 18px);
  }

  .nav-link{
    white-space: nowrap;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: .96rem;
  }

  .btn-contact{
    white-space: nowrap;
    padding: .5rem .95rem;
  }

  .nav-social{
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
  }

  .nav-social a{
    width: 28px;
    height: 28px;
  }
}

@media (max-width: 991.98px){
  body{
    padding-top: 92px;
  }

  .navbar .container,
  .navbar .container-fluid{
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .main-logo{
    width: 160px;
  }

  .navbar-brand{
    margin-right: auto;
    padding-right: 12px;
  }

  .navbar-toggler{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    position: relative;
    right: auto;
    top: auto;
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid rgba(31,42,68,.12);
    border-radius: 12px;
    background: rgba(255,255,255,.92);
    box-shadow: var(--shadow-soft);
    z-index: 100001;
  }

  .navbar-toggler:focus{
    box-shadow: 0 0 0 .2rem rgba(242,140,58,.18);
  }

  .navbar-toggler-icon{
    background-image: none !important;
    width: 20px;
    height: 2px;
    background-color: var(--ink);
    border-radius: 999px;
    position: relative;
    box-shadow: 0 -6px 0 var(--ink), 0 6px 0 var(--ink);
  }

  .navbar-collapse{
    position: fixed;
    top: 92px;
    left: 0;
    right: 0;
    width: 100%;
    max-height: calc(100vh - 92px);
    overflow-y: auto;
    background: rgba(255,255,255,.98);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 16px;
    border-top: 1px solid rgba(31,42,68,.08);
    box-shadow: 0 16px 36px rgba(31,42,68,.12);
    z-index: 99998;
  }

  .navbar-nav{
    gap: 8px;
  }

  .nav-link{
    display: block;
    padding: .75rem 0 !important;
  }

  .nav-social{
    margin-top: 12px;
    justify-content: flex-start;
  }
}

body.admin-bar .navbar{
  top: 32px !important;
}

@media (max-width: 782px){
  body.admin-bar .navbar{
    top: 46px !important;
  }

  body.admin-bar .navbar-collapse{
    top: 138px;
    max-height: calc(100vh - 138px);
  }
}

/* sticky aside must be on the aside itself, not the inner wrapper */
.pb-profile-layout-wrap,
.pb-profile-layout,
.pb-profile-main-content,
.pb-profile-sidebar{
  overflow: visible;
}

@media (min-width: 992px){
  .pb-profile-layout.has-sticky-sidebar{
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    align-items: start;
    gap: 32px;
  }

  .pb-profile-layout.no-sticky-sidebar{
    display: block;
  }

  .pb-profile-sidebar{
    display: block !important;
    align-self: start;
    position: sticky;
    top: 70px;
  }

  .pb-profile-sidebar-sticky{
    position: relative;
    top: auto;
  }
}

@media (max-width: 991.98px){
  .pb-profile-layout{
    display: block !important;
  }

  .pb-profile-sidebar{
    display: none !important;
    position: static;
    top: auto;
  }

  .pb-profile-sidebar-sticky{
    position: static;
    top: auto;
  }
}

body.admin-bar .pb-profile-sidebar{
  top: 152px;
}


/* =========================================================
   NAVBAR WIDTH ALIGN FIX (FINAL)
   ========================================================= */

/* ograniči širinu kao ostatak sajta */
.navbar .container{
  max-width: 1120px !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* ako koristiš container-fluid u navbaru */
.navbar .container-fluid{
  max-width: 1120px !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* osiguraj da navbar ne raste više od viewporta */
.navbar{
  width: 100%;
}

/* =========================================================
   MAIN MACRO / KPI CENTER ALIGN FIX
   ========================================================= */

.kpi-wrap .container{
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.kpi-wrap .row{
  justify-content: center;
}

.kpi-wrap .col-6,
.kpi-wrap .col-md-2{
  display: flex;
}

.kpi-wrap .kpi{
  width: 100%;
}

@media (max-width: 992px){
  .kpi-wrap .row{
    justify-content: center;
  }
}


.kpi-wrap{
  display: flex;
  justify-content: center;
}

.kpi-wrap > .row{
  width: 100%;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}
/* =========================================================
   PROFILE BREADCRUMBS
   ========================================================= */
.pb-breadcrumbs{
  margin: 0 0 10px 0;
  font-size: 11px;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: rgba(31,42,68,.62);
}

.pb-breadcrumbs-list{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 0;
}

.pb-breadcrumbs-item{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
}

.pb-breadcrumbs-item a{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: rgba(31,42,68,.70);
  text-decoration: none;
  transition: color .2s ease;
}

.pb-breadcrumbs-item a:hover{
  color: var(--orange);
}

.pb-breadcrumbs-item i{
  font-size: 10px;
  color: inherit;
}

.pb-breadcrumbs-separator{
  display: inline-flex;
  align-items: center;
  margin: 0 7px;
  color: rgba(31,42,68,.45);
  font-weight: 700;
}

@media (max-width: 576px){
  .pb-breadcrumbs{
    font-size: 10px;
    margin-bottom: 8px;
  }

  .pb-breadcrumbs-separator{
    margin: 0 5px;
  }
}




/* SINGLE POST TEMPLATE */

.single-insight-page {
	background: #fff;
}

.ie-single-post {
	background: #fff;
}

.ie-single-hero {
	background: #f6f6f6;
	border-bottom: 1px solid rgba(31, 42, 68, 0.08);
	min-height: 240px;
	display: flex;
	align-items: center;
}

.ie-single-hero-inner {
	min-height: 240px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	text-align: left;
	padding: 40px 0;
}

.ie-breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin-bottom: 14px;
	color: #5c6476;
}

.ie-breadcrumbs a {
	color: #5c6476;
	text-decoration: none;
	transition: color 0.2s ease;
}

.ie-breadcrumbs a:hover {
	color: var(--orange);
}

.ie-breadcrumbs i {
	font-size: 10px;
	margin-right: 4px;
}

.ie-breadcrumb-separator {
	color: rgba(92, 100, 118, 0.6);
}

.ie-single-title {
	font-size: clamp(1.8rem, 2.3vw, 2.6rem);
	/* font-size: clamp(34px, 5vw, 58px); */
	line-height: 1.05;
	font-weight: 900;
	color: var(--ink);
	margin: 0;
	max-width: 980px;
}

.ie-single-featured {
	padding: 36px 0 0;
}

.ie-featured-card {
	margin: 0;
	border-radius: 22px;
	overflow: hidden;
	border: 1px solid rgba(31, 42, 68, 0.10);
	background: #fff;
	box-shadow: 0 18px 45px rgba(31, 42, 68, 0.08);
}

.ie-featured-img {
	display: block;
	width: 100%;
}

.ie-img-cropped {
	height: 520px;
	object-fit: cover;
	object-position: center;
}

.ie-img-full-height {
	height: auto;
	object-fit: contain;
}

.ie-featured-caption {
	font-size: 13px;
	color: #5c6476;
	padding: 12px 18px;
	margin: 0;
	border-top: 1px solid rgba(31, 42, 68, 0.08);
	background: #fff;
}

.ie-single-content-section {
	padding: 36px 0 36px;
}

.ie-single-content-box {
	width: 100%;
	border: 1px solid rgba(31, 42, 68, 0.12);
	border-radius: 22px;
	background: #fff;
	padding: clamp(24px, 4vw, 46px);
	box-shadow: 0 18px 45px rgba(31, 42, 68, 0.06);
}

.ie-post-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 20px;
	font-size: 13px;
	font-weight: 700;
	color: #5c6476;
	margin-bottom: 24px;
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(31, 42, 68, 0.10);
}

.ie-post-meta a {
	color: var(--ink);
	text-decoration: none;
}

.ie-post-meta a:hover {
	color: var(--orange);
}

.ie-single-content {
	color: var(--ink);
	font-size: 17px;
	line-height: 1.8;
}

.ie-single-content > *:first-child {
	margin-top: 0;
}

.ie-single-content > *:last-child {
	margin-bottom: 0;
}

.ie-single-content p {
	margin-bottom: 1.35rem;
}

.ie-single-content h2,
.ie-single-content h3,
.ie-single-content h4 {
	color: var(--ink);
	font-weight: 900;
	line-height: 1.2;
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.ie-single-content a {
	color: var(--orange);
	font-weight: 700;
}

.ie-single-content img {
	max-width: 100%;
	height: auto;
	border-radius: 18px;
}

.ie-page-links {
	margin-top: 30px;
	font-weight: 800;
}

/* PREV / NEXT POST */

.ie-post-navigation-section {
	padding: 0 0 70px;
}

.ie-post-nav-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100px;
	height: 100%;
	padding: 28px;
	border-radius: 22px;
	background: #f6f6f6;
	border: 1px solid rgba(31, 42, 68, 0.10);
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.ie-post-nav-box:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 45px rgba(31, 42, 68, 0.08);
	border-color: rgba(242, 140, 58, 0.45);
}

.ie-post-nav-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--orange);
	margin-bottom: 12px;
}

.ie-post-nav-box h3 {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 900;
	color: var(--ink);
	margin: 0 0 12px;
}

.ie-post-nav-date {
	font-size: 13px;
	font-weight: 700;
	color: #5c6476;
}

.ie-post-nav-next {
	text-align: right;
	align-items: flex-end;
}

.ie-post-nav-prev {
	text-align: left;
	align-items: flex-start;
}

.padding-override {
	padding: 40px 0 20px 0;
}

.published {
  color: #5c6476;
  text-decoration: none;
  transition: color 0.2s ease;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.ie-post-navigation-wrap {
	margin-top: 20px;
}

.share-padding {
  padding: 20px 0;
}

a:hover {
	cursor: pointer !important;
}

.bg-initial {
	background-attachment: initial !important;
}



/* SWIPER GALLERY */

.ie-gallery-wrap {
	margin: 34px 0;
}

.ie-gallery-wrap .mySwiper2 {
	width: 100%;
	border-radius: 22px;
	overflow: hidden;
	background: #111827;
	border: 1px solid rgba(31, 42, 68, 0.12);
}

.ie-gallery-wrap .mySwiper2 .swiper-slide {
	background: #111827;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 520px;
}

.ie-gallery-wrap .mySwiper2 img {
	width: 100%;
	height: 520px;
	object-fit: cover;
	object-position: center 75% !important;
	border-radius: 0;
	cursor: zoom-in;
}

.ie-gallery-wrap .swiper-zoom-container {
	position: relative;
	width: 100%;
	height: 100%;
}

.ie-gallery-wrap .gallery-caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 12px 18px;
	font-size: 13px;
	color: #fff;
	background: linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0));
	text-align: left;
}

.ie-gallery-wrap .mySwiper {
	margin-top: 12px;
}

.ie-gallery-wrap .mySwiper .swiper-slide {
	height: 92px;
	opacity: 0.55;
	cursor: pointer;
	border-radius: 12px;
	overflow: hidden;
	border: 2px solid transparent;
	transition: opacity 0.2s ease, border-color 0.2s ease;
}

.ie-gallery-wrap .mySwiper .swiper-slide-thumb-active {
	opacity: 1;
	border-color: var(--orange);
}

.ie-gallery-wrap .img-thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.ie-gallery-wrap .swiper-button-next,
.ie-gallery-wrap .swiper-button-prev {
	width: 44px;
	height: 44px;
	border-radius: 999px;
	background: rgba(0,0,0,0.35);
	backdrop-filter: blur(8px);
}

.ie-gallery-wrap .swiper-button-next:after,
.ie-gallery-wrap .swiper-button-prev:after {
	font-size: 18px;
	font-weight: 900;
}

@media (max-width: 991px) {
	.ie-img-cropped {
		height: 420px;
	}

	.ie-gallery-wrap .mySwiper2 .swiper-slide {
		min-height: 420px;
	}

	.ie-gallery-wrap .mySwiper2 img {
		height: 420px;
	}
}

@media (max-width: 767px) {
	.ie-post-nav-next {
		text-align: left;
		align-items: flex-start;
	}
}

@media (max-width: 575px) {
	.ie-single-hero,
	.ie-single-hero-inner {
		min-height: 210px;
	}

	.ie-single-hero-inner {
		padding: 32px 0;
	}

	.ie-img-cropped {
		height: 300px;
	}

	.ie-single-content-box,
	.ie-post-nav-box {
		border-radius: 18px;
	}

	.ie-gallery-wrap .mySwiper2 .swiper-slide {
		min-height: 300px;
	}

	.ie-gallery-wrap .mySwiper2 img {
		height: 300px;
	}

	.ie-gallery-wrap .mySwiper .swiper-slide {
		height: 68px;
	}
}


/* =========================================================
   GALLERY LIGHTBOX
   ========================================================= */
body.ie-gallery-lightbox-open {
	overflow: hidden;
}

.ie-gallery-lightbox {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 28px 78px;
	background: rgba(0, 0, 0, 0.92);
}

.ie-gallery-lightbox.is-active {
	display: flex;
}

.ie-gallery-lightbox-inner {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.ie-gallery-lightbox-img {
	display: block;
	max-width: 100%;
	max-height: calc(100vh - 150px);
	width: auto;
	height: auto;
	object-fit: contain;
	box-shadow: 0 18px 60px rgba(0,0,0,0.45);
}

.ie-gallery-lightbox-caption {
	margin-top: 14px;
	max-width: 900px;
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
}

.ie-gallery-lightbox-counter {
	margin-top: 8px;
	color: rgba(255,255,255,0.7);
	font-size: 13px;
	font-weight: 800;
}

.ie-gallery-lightbox-close,
.ie-gallery-lightbox-prev,
.ie-gallery-lightbox-next {
	position: absolute;
	z-index: 2;
	border: 0;
	border-radius: 999px;
	background: rgba(255,255,255,0.14);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background-color .2s ease, transform .2s ease;
}

.ie-gallery-lightbox-close:hover,
.ie-gallery-lightbox-prev:hover,
.ie-gallery-lightbox-next:hover {
	background: var(--orange);
	transform: translateY(-1px);
}

.ie-gallery-lightbox-close {
	top: 22px;
	right: 24px;
	width: 46px;
	height: 46px;
	font-size: 34px;
	line-height: 1;
}

.ie-gallery-lightbox-prev,
.ie-gallery-lightbox-next {
	top: 50%;
	transform: translateY(-50%);
	width: 54px;
	height: 54px;
	font-size: 46px;
	line-height: 1;
}

.ie-gallery-lightbox-prev:hover,
.ie-gallery-lightbox-next:hover {
	transform: translateY(-50%) translateY(-1px);
}

.ie-gallery-lightbox-prev {
	left: 22px;
}

.ie-gallery-lightbox-next {
	right: 22px;
}

@media (max-width: 767px) {
	.ie-gallery-lightbox {
		padding: 22px 18px 72px;
	}

	.ie-gallery-lightbox-img {
		max-height: calc(100vh - 190px);
	}

	.ie-gallery-lightbox-close {
		top: 14px;
		right: 14px;
		width: 42px;
		height: 42px;
		font-size: 30px;
	}

	.ie-gallery-lightbox-prev,
	.ie-gallery-lightbox-next {
		top: auto;
		bottom: 16px;
		width: 48px;
		height: 48px;
		font-size: 40px;
		transform: none;
	}

	.ie-gallery-lightbox-prev:hover,
	.ie-gallery-lightbox-next:hover {
		transform: translateY(-1px);
	}

	.ie-gallery-lightbox-prev {
		left: calc(50% - 58px);
	}

	.ie-gallery-lightbox-next {
		right: calc(50% - 58px);
	}
}

/* =========================================================
   FINAL FIX: Text Block images (Above/Below + Full Height)
   - Full Height must not force parent/card height.
   - Image above/image-only starts at the very top of the card.
   - Image-only card must shrink to image content, not stretch and leave blank area.
   ========================================================= */
.pb-card.pb-card-height-auto,
.pb-card.pb-card-image-size-full_height,
.pb-card.pb-card-image-only {
  height: auto !important;
  min-height: 0 !important;
  align-self: flex-start;
}

.pb-card.pb-card-image-size-full_height .pb-text-image,
.pb-card.pb-card-image-size-full_height .pb-text-image img {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

.pb-card.pb-card-image-size-full_height .pb-text-image img {
  width: 100% !important;
  display: block !important;
  object-fit: contain !important;
}

.pb-card.pb-card-image-above_text,
.pb-card.pb-card-image-only {
  padding-top: 0 !important;
  overflow: hidden !important;
}

.pb-card.pb-card-image-above_text > .pb-text-image:first-child,
.pb-card.pb-card-image-only > .pb-text-image:first-child {
  margin-top: 0 !important;
}

.pb-card.pb-card-image-above_text > .pb-text-image:first-child + .h-title,
.pb-card.pb-card-image-above_text > .pb-text-image:first-child + .pb-wysiwyg,
.pb-card.pb-card-image-above_text > .pb-text-image:first-child + .h-title + .pb-wysiwyg {
  margin-top: 26px !important;
}

.pb-card.pb-card-image-only {
  padding-bottom: 0 !important;
}

.pb-card.pb-card-image-only > .pb-text-image:last-child {
  margin-bottom: 0 !important;
}

/* =========================================================
   FINAL FIX: Text Block 100 image padding + border option
   ========================================================= */

.pb-card.text-block.pb-card-height-auto,
.pb-card.text-block.pb-card-image-size-full_height,
.pb-card.text-block.pb-card-image-only{
  height: auto !important;
  min-height: 0 !important;
  align-self: flex-start !important;
}

.pb-card.text-block.pb-card-image-first,
.pb-card.text-block.pb-card-image-above_text,
.pb-card.text-block.pb-card-image-only{
  padding-top: 0 !important;
  overflow: hidden !important;
}

.pb-card.text-block.pb-card-image-first > .pb-text-image:first-child,
.pb-card.text-block.pb-card-image-above_text > .pb-text-image:first-child,
.pb-card.text-block.pb-card-image-only > .pb-text-image:first-child,
.pb-card.text-block:has(> .pb-text-image:first-child) > .pb-text-image:first-child{
  margin-top: 0 !important;
}

.pb-card.text-block.pb-card-image-above_text > .pb-text-image:first-child + .h-title,
.pb-card.text-block.pb-card-image-above_text > .pb-text-image:first-child + .pb-wysiwyg,
.pb-card.text-block.pb-card-image-above_text > .pb-text-image:first-child + .h-title + .pb-wysiwyg{
  margin-top: 26px !important;
}

.pb-card.text-block.pb-card-image-only{
  padding-bottom: 0 !important;
}

.pb-card.text-block.pb-card-image-only > .pb-text-image{
  margin-bottom: 0 !important;
}

.pb-card.text-block.pb-card-image-size-full_height .pb-text-image,
.pb-card.text-block.pb-card-image-size-full_height .pb-text-image img{
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

.pb-card.text-block.pb-card-image-size-full_height .pb-text-image img{
  width: 100% !important;
  display: block !important;
  object-fit: contain !important;
}

.pb-card.text-block.pb-no-border{
  border: none !important;
}

/* =========================================================
   FINAL OVERRIDE: Text Block image spacing must keep normal card padding
   - Image Above / Image Only keeps .card-pad top + bottom padding.
   - Image wrapper has no extra margin/padding.
   - Full Height image does not stretch parent or overflow.
   ========================================================= */
.pb-card.text-block.pb-card-has-image,
.pb-card.text-block.pb-card-image-size-full_height,
.pb-card.text-block.pb-card-image-only,
.pb-card.text-block.pb-card-height-auto{
  height: auto !important;
  min-height: 0 !important;
  align-self: flex-start !important;
}

.pb-card.text-block.pb-card-image-first,
.pb-card.text-block.pb-card-image-above_text,
.pb-card.text-block.pb-card-image-only{
  padding-top: 26px !important;
  padding-bottom: 26px !important;
  overflow: visible !important;
}

.pb-card.text-block .pb-text-image,
.pb-card.text-block .pb-text-image:first-child,
.pb-card.text-block .pb-text-image:last-child,
.pb-card.text-block.pb-card-image-first > .pb-text-image:first-child,
.pb-card.text-block.pb-card-image-above_text > .pb-text-image:first-child,
.pb-card.text-block.pb-card-image-only > .pb-text-image:first-child,
.pb-card.text-block.pb-card-image-only > .pb-text-image:last-child{
  margin: 0 !important;
  padding: 0 !important;
}

.pb-card.text-block .pb-text-image img{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 14px;
}

.pb-card.text-block.pb-card-image-size-full_height .pb-text-image,
.pb-card.text-block.pb-card-image-size-full_height .pb-text-image img{
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

.pb-card.text-block.pb-card-image-size-full_height .pb-text-image img{
  object-fit: contain !important;
}

.pb-card.text-block.pb-card-image-above_text > .pb-text-image:first-child + .h-title,
.pb-card.text-block.pb-card-image-above_text > .pb-text-image:first-child + .pb-wysiwyg,
.pb-card.text-block.pb-card-image-above_text > .pb-text-image:first-child + .h-title + .pb-wysiwyg{
  margin-top: 26px !important;
}

.pb-card.text-block .pb-wysiwyg + .pb-text-image{
  margin-top: 26px !important;
}

.pb-card.text-block.pb-no-border{
  border: none !important;
  box-shadow: none !important;
}




/* =========================================================
   CONTACT FORM 7 — INSIDE ECONOMIES
========================================================= */

.cf7-ie-form,
.cf7-ie-form * {
	box-sizing: border-box;
}

/* ---------------------------------------------------------
   Reset CF7 spacing
--------------------------------------------------------- */

.cf7-ie-form {
	row-gap: 14px !important;
}

.cf7-ie-form p {
	margin: 0 !important;
	padding: 0 !important;
}

.cf7-ie-form br {
	display: none !important;
}

.cf7-ie-form .col-md-6,
.cf7-ie-form .col-12 {
	margin: 0 !important;
	padding-top: 0 !important;
}

/* ---------------------------------------------------------
   Labels
--------------------------------------------------------- */

.cf7-ie-form .form-label {
	display: block;
	margin: 0 0 8px !important;
	color: #00143d;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.2;
}

/* ---------------------------------------------------------
   Input wrappers
--------------------------------------------------------- */

.cf7-ie-form .input-wrap {
	position: relative;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

.cf7-ie-form .wpcf7-form-control-wrap {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* ---------------------------------------------------------
   Icons
--------------------------------------------------------- */

.cf7-ie-form .input-wrap i {
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	color: #9aa3b5;
	font-size: 15px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	pointer-events: none;
}

.cf7-ie-form .textarea-wrap i {
	top: 16px;
	transform: none;
}

/* ---------------------------------------------------------
   Inputs / Selects
--------------------------------------------------------- */

.cf7-ie-form .form-control,
.cf7-ie-form .form-select,
.cf7-ie-form input[type="text"],
.cf7-ie-form input[type="email"],
.cf7-ie-form input[type="url"],
.cf7-ie-form textarea,
.cf7-ie-form select {
	display: block;
	width: 100%;
	height: 48px !important;
	min-height: 48px !important;

	margin: 0 !important;

	padding-top: 0 !important;
	padding-right: 16px !important;
	padding-bottom: 0 !important;
	padding-left: 46px !important;

	border: 1px solid #d9dee8 !important;
	border-radius: 13px !important;

	background: #fff !important;
	color: #5c6476 !important;

	font-size: 14px !important;
	font-weight: 500;
	line-height: 48px !important;

	box-shadow: none !important;
	outline: none !important;

	transition: all 0.2s ease;
}

/* Focus */

.cf7-ie-form .form-control:focus,
.cf7-ie-form .form-select:focus,
.cf7-ie-form input:focus,
.cf7-ie-form textarea:focus,
.cf7-ie-form select:focus {
	border-color: #f28c3a !important;
	box-shadow: 0 0 0 3px rgba(242, 140, 58, 0.14) !important;
}

/* Placeholder */

.cf7-ie-form input::placeholder,
.cf7-ie-form textarea::placeholder {
	color: #5c6476;
	opacity: 1;
}

/* ---------------------------------------------------------
   Textarea
--------------------------------------------------------- */

.cf7-ie-form textarea,
.cf7-ie-form textarea.form-control {
	height: 120px !important;
	min-height: 120px !important;

	padding-top: 14px !important;
	padding-left: 46px !important;

	line-height: 1.45 !important;

	resize: vertical;
}

/* ---------------------------------------------------------
   Selects
--------------------------------------------------------- */

.cf7-ie-form select,
.cf7-ie-form .form-select {
	appearance: auto;
	cursor: pointer;
}

/* ---------------------------------------------------------
   Checkbox / Acceptance
--------------------------------------------------------- */

.cf7-ie-form .cf7-check-wrap {
	margin: 2px 0 0 !important;
	padding: 0 !important;

	font-size: 13px;
	line-height: 1.45;
	color: #00143d;
}

.cf7-ie-form .cf7-check-wrap .wpcf7-form-control-wrap,
.cf7-ie-form .cf7-check-wrap .wpcf7-form-control {
	display: block !important;
	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

.cf7-ie-form .cf7-check-wrap .wpcf7-list-item {
	display: block !important;

	margin: 0 !important;
	padding: 0 !important;
}

.cf7-ie-form .cf7-check-wrap label {
	display: flex !important;
	align-items: flex-start !important;
	gap: 9px;

	margin: 0 !important;
	padding: 0 !important;
}

.cf7-ie-form .cf7-check-wrap input[type="checkbox"] {
	width: 15px !important;
	height: 15px !important;

	margin: 2px 0 0 !important;
	padding: 0 !important;

	flex: 0 0 15px;
}

.cf7-ie-form .cf7-check-wrap .wpcf7-list-item-label {
	display: inline !important;

	margin: 0 !important;
	padding: 0 !important;
}

.cf7-ie-form .cf7-check-wrap a {
	color: #2563eb;
	font-weight: 700;
	text-decoration: none;
}

.cf7-ie-form .cf7-check-wrap a:hover {
	text-decoration: underline;
}

/* Required star */

.cf7-ie-form .required-check .wpcf7-list-item-label::after {
	content: " *";
	color: #dc2626;
	font-weight: 800;
}

/* ---------------------------------------------------------
   Submit area
--------------------------------------------------------- */

.cf7-ie-form .send-row {
	display: flex !important;
	flex-direction: column;
	align-items: flex-start;

	gap: 10px !important;

	margin-top: 0 !important;
	padding-top: 0 !important;
}

.cf7-ie-form .send-row small {
	display: block;

	margin: 0 !important;
	padding: 0 !important;

	font-size: 12px;
	line-height: 1.35;

	color: #5c6476;
}

/* ---------------------------------------------------------
   Submit button
--------------------------------------------------------- */

.cf7-ie-form .btn-send,
.cf7-ie-form input[type="submit"].btn-send {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;

	min-width: 120px;
	height: 50px;

	margin: 0 !important;
	padding: 0 28px !important;

	border: 0 !important;
	border-radius: 12px !important;

	background: #F28C3A !important;
	color: #fff !important;

	font-size: 15px;
	font-weight: 800;
	line-height: 50px;

	cursor: pointer;

	box-shadow: 0 16px 28px rgba(242, 140, 58, 0.25);

	transition: all 0.2s ease;
}

.cf7-ie-form .btn-send:hover,
.cf7-ie-form input[type="submit"].btn-send:hover {
	background: #E97E2E !important;
	color: #fff !important;
}

/* ---------------------------------------------------------
   Validation / Response
--------------------------------------------------------- */

.cf7-ie-form .wpcf7-not-valid-tip {
	margin-top: 6px;

	font-size: 12px;
	line-height: 1.35;

	color: #dc2626;
}

.cf7-ie-form .wpcf7-response-output {
	margin: 14px 0 0 !important;
	padding: 12px 14px !important;

	border-radius: 10px;

	font-size: 13px;
	line-height: 1.4;
}

/* ---------------------------------------------------------
   Mobile
--------------------------------------------------------- */

@media (max-width: 767.98px) {

	.cf7-ie-form {
		row-gap: 12px !important;
	}

	.cf7-ie-form .form-control,
	.cf7-ie-form .form-select,
	.cf7-ie-form input[type="text"],
	.cf7-ie-form input[type="email"],
	.cf7-ie-form input[type="url"],
	.cf7-ie-form select {
		height: 46px !important;
		min-height: 46px !important;
		line-height: 46px !important;
	}

	.cf7-ie-form textarea,
	.cf7-ie-form textarea.form-control {
		height: 115px !important;
		min-height: 115px !important;
	}

	.cf7-ie-form .btn-send,
	.cf7-ie-form input[type="submit"].btn-send {
		width: 100%;
	}
}

.screen-reader-response {
	display: none !important;
}
.wpcf7-response-output {
  margin-top: 20px;
  padding: 10px;
  background-color: #dadada;
  color: #465772;
  font-weight: 700;	
  border-radius: 10px;
  text-align: center;
}


.cf7-ie-form .cf7-check-list .wpcf7-form-control {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 18px;
}

.cf7-ie-form .file-wrap input[type="file"] {
	padding-top: 10px !important;
	line-height: 1.2 !important;
}

@media (max-width: 767.98px) {
	.cf7-ie-form .cf7-check-list .wpcf7-form-control {
		grid-template-columns: 1fr;
	}
}

/* Hide empty CF7 response box before submit */
.wpcf7 form .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	display: block;
}


/* ukloni zvjezdice iz svake checkbox opcije */
.cf7-ie-form .wpcf7-form-control-wrap .wpcf7-list-item-label::after{
	content:none !important;
	display:none !important;
}

/* =========================================================
   CF7 ICON ALIGN FIX
   ========================================================= */

.cf7-ie-form .input-wrap{
	position:relative;
	display:flex;
	align-items:center;
}

.cf7-ie-form .input-wrap i{
	position:absolute;
	left:14px;
	top:50%;
	transform:translateY(-50%);
	z-index:2;
	pointer-events:none;
	line-height:1;
}

/* textarea icon */
.cf7-ie-form .textarea-wrap i{
	top:18px;
	transform:none;
}

/* validation message spacing */
.cf7-ie-form .wpcf7-not-valid-tip{
	display:block;
	margin-top:8px;
}



/* COMPANY TEMPLATE ONLY */
/* Scoped only to body/template class .ie-company-template.
   Older browser fallback uses floats first; modern browsers upgrade to CSS Grid only if supported. */

.ie-company-template .ie-company-layout-wrap,
.ie-company-template .ie-company-layout,
.ie-company-template .ie-company-main,
.ie-company-template .ie-company-aside {
	overflow: visible !important;
}

.ie-company-template .ie-company-layout {
	display: block;
	position: relative;
	width: 100%;
}

.ie-company-template .ie-company-layout::after {
	content: "";
	display: table;
	clear: both;
}

.ie-company-template .ie-company-main,
.ie-company-template .ie-company-aside {
	width: 100%;
	min-width: 0;
}

.ie-company-template .ie-company-form-section {
	padding: 0 0 20px 0;
}

.ie-company-template .ie-company-form-section .frost-card {
	width: 100%;
}

.ie-company-template .ie-company-aside-card p {
	color: var(--muted);
	line-height: 1.65;
}

@media (min-width: 992px) {
	.ie-company-template .ie-company-main {
		float: left;
		width: calc(100% - 352px);
		padding-right: 0;
	}

	.ie-company-template .ie-company-aside {
		float: right;
		width: 320px;
		margin-left: 32px;
		position: -webkit-sticky;
		position: sticky;
		top: 110px;
		align-self: start;
		z-index: 5;
	}

	.ie-company-template .ie-company-aside-sticky {
		position: relative;
		top: auto;
		width: 100%;
	}

	body.admin-bar .ie-company-template .ie-company-aside {
		top: 142px;
	}

	@supports (display: grid) {
		.ie-company-template .ie-company-layout {
			display: grid;
			grid-template-columns: minmax(0, 1fr) 320px;
			gap: 32px;
			align-items: start;
		}

		.ie-company-template .ie-company-layout::after {
			content: none;
			display: none;
		}

		.ie-company-template .ie-company-main {
			float: none;
			width: auto;
			min-width: 0;
			padding-right: 0;
		}

		.ie-company-template .ie-company-aside {
			float: none;
			width: auto;
			margin-left: 0;
		}
	}
}

@media (max-width: 991.98px) {
	.ie-company-template .ie-company-layout {
		display: block;
	}

	.ie-company-template .ie-company-main,
	.ie-company-template .ie-company-aside {
		float: none;
		width: 100%;
		margin-left: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.ie-company-template .ie-company-aside {
		position: static;
		top: auto;
		margin-top: 24px;
	}

	.ie-company-template .ie-company-aside-sticky {
		position: static;
		top: auto;
	}
}

#connect {
	scroll-margin-top: 120px;
}


.hero .h1-like {
  font-size: clamp(2.0rem, 4.2vw, 2.5rem);
  font-weight: 900;
  letter-spacing: -1px;
  line-height: 1.05;
  margin-bottom: 14px;
}

/* =========================================================
   CF7 INSTITUTION FORM ONLY
   Scoped: applies ONLY when wrapper has:
   <div class="cf7-ie-form ie-institution-form row g-3 mt-3">
   ========================================================= */

.cf7-ie-form.ie-institution-form .input-wrap{
  position: relative;
  width: 100%;
}

.cf7-ie-form.ie-institution-form .input-wrap i{
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  pointer-events: none;
  line-height: 1;
  color: rgba(31,42,68,.45);
}

/* Fields full width */
.cf7-ie-form.ie-institution-form .input-wrap .form-control,
.cf7-ie-form.ie-institution-form .input-wrap .form-select{
  width: 100% !important;
  max-width: 100%;
  display: block;
  border-radius: 14px;
  border: 1px solid rgba(31,42,68,.12);
  background: rgba(255,255,255,.72);
  padding: .85rem 1rem .85rem 2.65rem;
  box-shadow: none;
}

/* Select height */
.cf7-ie-form.ie-institution-form .input-wrap .form-select{
  min-height: 54px;
}

/* Focus */
.cf7-ie-form.ie-institution-form .input-wrap .form-control:focus,
.cf7-ie-form.ie-institution-form .input-wrap .form-select:focus{
  border-color: rgba(242,140,58,.55);
  box-shadow: 0 0 0 .22rem rgba(242,140,58,.18);
  background: #fff;
}

/* Textarea icon should stay at top */
.cf7-ie-form.ie-institution-form .textarea-wrap i{
  top: 18px;
  transform: none;
}

/* Textarea full width / proper height */
.cf7-ie-form.ie-institution-form textarea.form-control{
  width: 100% !important;
  max-width: 100%;
  min-height: 160px;
  resize: vertical;
  padding-top: .85rem;
}

/* Validation message spacing */
.cf7-ie-form.ie-institution-form .wpcf7-not-valid-tip{
  display: block;
  margin-top: 8px;
}

/* Area of Interest required star should be on label only */
.cf7-ie-form.ie-institution-form .area-interest-label::after{
  content: "*";
  color: #dc3232;
  margin-left: 2px;
}

/* Remove stars from individual checkbox options */
.cf7-ie-form.ie-institution-form .area-interest-check .wpcf7-list-item-label::after,
.cf7-ie-form.ie-institution-form .area-interest-check .wpcf7-list-item-label:after{
  content: none !important;
  display: none !important;
}

/* Checkbox layout cleanup */
.cf7-ie-form.ie-institution-form .area-interest-check .wpcf7-form-control{
  display: grid;
  gap: 6px;
}

.cf7-ie-form.ie-institution-form .area-interest-check .wpcf7-list-item{
  display: block;
  margin: 0;
}

.cf7-ie-form.ie-institution-form .area-interest-check label{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
}

.cf7-ie-form.ie-institution-form .area-interest-check input[type="checkbox"]{
  width: 16px;
  height: 16px;
  margin: 0;
  flex: 0 0 auto;
}

/* Send button spacing only for this form */
.cf7-ie-form.ie-institution-form .send-row{
  margin-top: 25px !important;
}

.cf7-ie-form.ie-institution-form .btn-send{
  border-radius: 14px;
  padding: .75rem 1.1rem;
  font-weight: 900;
  width: auto;
  white-space: nowrap;
}

/* =========================================================
   FINAL FIX – PAGE TOP NOT CUT OFF
   ========================================================= */

body{
  padding-top: 100px !important;
}

.page-hero,
.profile-hero,
.map-band,
.hero,
section:first-of-type{
  scroll-margin-top: 125px;
}

@media (max-width: 991.98px){
  body{
    padding-top: 100px !important;
  }
}

@media (max-width: 782px){
  body.admin-bar{
    padding-top: 150px !important;
  }
}

/* =========================================================
   CF7 IE FORM – FINAL WIDTH + ICON FIX
   Ne dira navbar, body, page layout
   ========================================================= */

.cf7-ie-form .input-wrap{
	position: relative !important;
	width: 100% !important;
	display: block !important;
}

.cf7-ie-form .input-wrap .wpcf7-form-control-wrap{
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
}

.cf7-ie-form .input-wrap .form-control,
.cf7-ie-form .input-wrap .form-select,
.cf7-ie-form .input-wrap input,
.cf7-ie-form .input-wrap select,
.cf7-ie-form .input-wrap textarea{
	width: 100% !important;
	max-width: 100% !important;
	display: block !important;
	box-sizing: border-box !important;
}

.cf7-ie-form .input-wrap i{
	position: absolute !important;
	left: 14px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 2 !important;
	pointer-events: none !important;
	line-height: 1 !important;
	color: rgba(31,42,68,.45);
}

.cf7-ie-form .textarea-wrap i{
	top: 18px !important;
	transform: none !important;
}

.cf7-ie-form textarea.form-control{
	min-height: 160px !important;
	resize: vertical;
}

.cf7-ie-form .form-select{
	min-height: 54px !important;
}

/* Validation message da ne pomjera ikonicu */
.cf7-ie-form .wpcf7-not-valid-tip{
	display: block !important;
	margin-top: 8px !important;
}

/* Ukloni zvjezdice iz checkbox opcija */
.cf7-ie-form .wpcf7-list-item-label::after{
	content: none !important;
	display: none !important;
}



/* =========================================================
   CATEGORY EVENTS PAGE - scoped only
   ========================================================= */

.category-events-page .category-events-layout-section{
  padding-top: 0;
}

.category-events-page .category-events-layout{
  display: grid;
  grid-template-columns: 0.85fr 1fr 1fr;
  gap: 24px;
  align-items: start;
}

.category-events-page .category-events-intro{
  position: sticky;
  top: 120px;
  align-self: start;
}

body.admin-bar.category-events-page .category-events-intro{
  top: 152px;
}

.category-events-page .category-events-intro-inner{
  height: auto;
}

.category-events-page .category-events-intro-inner h2,
.category-events-page .category-events-intro-inner h3{
  margin-top: 0;
}

.category-events-page .category-events-column-title{
  font-size: 1.35rem;
  font-weight: 900;
  letter-spacing: -0.5px;
  margin: 0 0 16px;
  padding: 0;
}

.category-events-page .category-events-list{
  display: grid;
  gap: 18px;
}

.category-events-page .category-event-card{
  display: flex;
  flex-direction: column;
}

.category-events-page .category-event-card img{
  height: 210px;
}

.category-events-page .category-event-meta-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.category-events-page .category-event-status{
  flex: 0 0 auto;
	font-size: 11px !important;
}

.category-events-page .category-event-date{
  font-size: .78rem;
  font-weight: 400;
  color: rgba(31,42,68,.62);
  text-align: right;
  line-height: 1.25;
}

.category-events-page .category-event-title{
  font-weight: 900;
  margin-bottom: 8px;
}

@media (max-width: 1199.98px){
  .category-events-page .category-events-layout{
    grid-template-columns: 1fr 1fr;
  }

  .category-events-page .category-events-intro{
    grid-column: 1 / -1;
    position: static;
    top: auto;
  }
}

@media (max-width: 767.98px){
  .category-events-page .category-events-layout{
    grid-template-columns: 1fr;
  }

  .category-events-page .category-event-meta-row{
    align-items: flex-start;
  }

  .category-events-page .category-event-date{
    max-width: 45%;
  }
}

.color-orange {
	color: var(--orange) !important;
}

/* =========================================================
   CF7 IE FORM – FINAL ICON + SELECT ARROW FIX
   Fix:
   1) ikonice ostaju centrirane u polju i kada se pojavi validation error
   2) strelica kod select polja je pomjerena ulijevo od desnog ruba
   Scoped only to .cf7-ie-form
   ========================================================= */

.cf7-ie-form .input-wrap{
	position: relative !important;
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.cf7-ie-form .input-wrap .wpcf7-form-control-wrap{
	position: relative !important;
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Ikonica je vezana za visinu input/select polja, ne za ukupnu visinu wrappera sa error porukom */
.cf7-ie-form .input-wrap > i{
	position: absolute !important;
	left: 16px !important;
	top: 24px !important;
	transform: translateY(-50%) !important;
	z-index: 5 !important;
	width: 18px !important;
	height: 18px !important;
	line-height: 18px !important;
	text-align: center !important;
	color: #9aa3b5 !important;
	pointer-events: none !important;
}

/* Select polja su viša, zato ikonica ide na sredinu 54px polja */
.cf7-ie-form .input-wrap select ~ i,
.cf7-ie-form .input-wrap .form-select ~ i{
	top: 27px !important;
}

/* Fallback za strukturu gdje je ikonica prije wpcf7 wrappera */
.cf7-ie-form .input-wrap:has(select) > i,
.cf7-ie-form .input-wrap:has(.form-select) > i{
	top: 27px !important;
}

/* Textarea ikonica uvijek ostaje gore */
.cf7-ie-form .textarea-wrap > i{
	top: 18px !important;
	transform: none !important;
}

/* Input/select/textarea širina i padding */
.cf7-ie-form .input-wrap .form-control,
.cf7-ie-form .input-wrap input[type="text"],
.cf7-ie-form .input-wrap input[type="email"],
.cf7-ie-form .input-wrap input[type="url"],
.cf7-ie-form .input-wrap input[type="tel"],
.cf7-ie-form .input-wrap input[type="number"],
.cf7-ie-form .input-wrap textarea{
	width: 100% !important;
	max-width: 100% !important;
	display: block !important;
	box-sizing: border-box !important;
	padding-left: 46px !important;
	padding-right: 16px !important;
}

/* Select: dodatni desni padding + custom strelica pomjerena od ruba */
.cf7-ie-form .input-wrap select,
.cf7-ie-form .input-wrap .form-select{
	width: 100% !important;
	max-width: 100% !important;
	display: block !important;
	box-sizing: border-box !important;
	min-height: 54px !important;
	padding-left: 46px !important;
	padding-right: 54px !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%231F2A44' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6l4 4 4-4'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 15px center !important;
	background-size: 14px 14px !important;
}

/* IE/Edge legacy select arrow hide */
.cf7-ie-form .input-wrap select::-ms-expand{
	display: none;
}

/* Error poruka ide ispod polja i ne utiče na poziciju ikonice */
.cf7-ie-form .wpcf7-not-valid-tip{
	display: block !important;
	width: 100% !important;
	margin-top: 8px !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
	color: #dc2626 !important;
}

/* Mobile - uskladi centriranje sa manjom visinom polja */
@media (max-width: 767.98px){
	.cf7-ie-form .input-wrap > i{
		top: 23px !important;
	}

	.cf7-ie-form .input-wrap:has(select) > i,
	.cf7-ie-form .input-wrap:has(.form-select) > i{
		top: 27px !important;
	}

	.cf7-ie-form .textarea-wrap > i{
		top: 18px !important;
	}
}



/* =========================================================
   FINAL OVERRIDE – CONTACT FORM ICON ALIGNMENT
   Mora ostati na dnu fajla da kasniji CSS ne pregazi poziciju.
   ========================================================= */
.contact-form .input-wrap{
  position: relative !important;
}

.contact-form .input-wrap > i,
.contact-form .input-wrap i{
  position: absolute !important;
  left: 16px !important;
  top: 0 !important;
  width: 22px !important;
  height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: none !important;
  margin: 0 !important;
  line-height: 1 !important;
  font-size: 16px !important;
  color: rgba(31,42,68,.45);
  pointer-events: none;
  z-index: 3;
}

.contact-form .input-wrap .form-control,
.contact-form .input-wrap .form-select{
  min-height: 52px !important;
  height: 52px !important;
  padding-left: 3.15rem !important;
  padding-right: 3.2rem !important;
}

.contact-form .input-wrap .form-select{
  background-position: right 1.25rem center !important;
}

.contact-form .textarea-wrap > i,
.contact-form .textarea-wrap i{
  top: 0 !important;
  height: 52px !important;
  transform: none !important;
}

.contact-form .textarea-wrap textarea.form-control{
  min-height: 180px !important;
  height: auto !important;
  padding-top: .95rem !important;
}

.contact-form .wpcf7-not-valid-tip{
  display: block !important;
  margin-top: 8px !important;
  line-height: 1.3 !important;
}


/* =========================================================
   GLOBAL CF7 FINAL FIXES
   ========================================================= */

.wpcf7 form .input-wrap{
  position: relative !important;
}

.wpcf7 form .input-wrap > i,
.wpcf7 form .input-wrap i{
  position: absolute !important;
  left: 16px !important;
  top: 0 !important;
  width: 22px !important;
  height: 52px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  transform: none !important;
  margin: 0 !important;

  color: rgba(31,42,68,.45) !important;
  pointer-events: none !important;
  z-index: 3 !important;
  line-height: 1 !important;
  font-size: 16px !important;
}

.wpcf7 form .input-wrap .form-control,
.wpcf7 form .input-wrap .form-select{
  min-height: 52px !important;
  height: 52px !important;
  padding-left: 3.15rem !important;
}

.wpcf7 form .input-wrap .form-select{
  padding-right: 3.4rem !important;
  background-position: right 1.25rem center !important;
  background-size: 14px 14px !important;
}

.wpcf7 form .textarea-wrap > i,
.wpcf7 form .textarea-wrap i{
  top: 0 !important;
  height: 52px !important;
  transform: none !important;
}

.wpcf7 form .wpcf7-not-valid-tip{
  display: block !important;
  margin-top: 8px !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}

@media (max-width: 767.98px){
  .wpcf7 form .input-wrap > i,
  .wpcf7 form .input-wrap i{
    left: 15px !important;
  }

  .wpcf7 form .input-wrap .form-select{
    background-position: right 1rem center !important;
  }
}


/* =========================================================
   FINAL ALIGN FIX — SELECT + FILE UPLOAD
   ========================================================= */

/* SELECT */
.wpcf7 form .input-wrap.select-wrap,
.wpcf7 form .select-wrap{
  position: relative !important;
}

.wpcf7 form .input-wrap.select-wrap > i,
.wpcf7 form .select-wrap > i{
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 20px !important;
  height: 20px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  z-index: 5 !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

.wpcf7 form .input-wrap.select-wrap .form-select,
.wpcf7 form .select-wrap .form-select{
  height: 52px !important;
  min-height: 52px !important;

  padding-left: 52px !important;
  padding-right: 54px !important;

  line-height: 25px !important;

  background-position: right 18px center !important;
  background-size: 14px 14px !important;
}

/* FILE UPLOAD */
.wpcf7 form .file-wrap{
  position: relative !important;
}

.wpcf7 form .file-wrap > i{
  position: absolute !important;
  left: 16px !important;
  top: 26px !important;
  transform: translateY(-50%) !important;

  width: 20px !important;
  height: 20px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  z-index: 5 !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

.wpcf7 form .file-wrap .wpcf7-form-control-wrap{
  display: block !important;
}

.wpcf7 form input[type="file"]{
  width: 100% !important;
  min-height: 52px !important;

  padding-left: 52px !important;
  padding-top: 13px !important;
  padding-bottom: 13px !important;

  border-radius: 14px !important;
  border: 1px solid rgba(31,42,68,.12) !important;
  background: rgba(255,255,255,.72) !important;

  line-height: 1.2 !important;
}

/* FILE BUTTON */
.wpcf7 form input[type="file"]::file-selector-button{
  height: 43px !important;
  margin-right: 14px !important;

  border: 0 !important;
  border-right: 1px solid rgba(31,42,68,.08) !important;

  background: rgba(31,42,68,.04) !important;
  color: var(--ink) !important;

  padding: 0 14px !important;
  cursor: pointer !important;
}


/* CATEGORY EVENTS - hero description full width */
.category-events-page .page-hero p{
  max-width: 100% !important;
  width: 100%;
}

/* CATEGORY EVENTS - single centered load more */
.category-events-page .category-events-load-more-wrap{
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 28px;
}

.category-events-page #loadMoreCategoryEvents{
  width: auto;
  min-width: 180px;
}

/* CATEGORY EVENTS HERO - remove left/right padding */
.category-events-page .page-hero h1,
.category-events-page .page-hero p{
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* HOME - Insights & Events section only */
.home-insights-events-section .home-ie-card{
  overflow: hidden;
}

.home-insights-events-section .home-ie-meta{
  gap: 12px;
}

.home-insights-events-section .home-ie-tag{
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.home-insights-events-section .home-ie-tag:hover{
  background: var(--orange);
  color: #fff !important;
  border-color: var(--orange);
}

.home-insights-events-section .home-ie-tag:hover i{
  color: #fff !important;
}

.home-insights-events-section .home-ie-date{
  text-align: right;
  white-space: nowrap;
}

.home-insights-events-section .home-ie-title{
  font-weight: 900;
  color: #465772;
}

@media (max-width: 991.98px){
  .home-insights-events-section .home-ie-meta{
    align-items: flex-start !important;
  }

  .home-insights-events-section .home-ie-date{
    white-space: normal;
  }
}

@media (max-width: 575.98px){
  .home-insights-events-section .section-head{
    align-items: flex-start;
    flex-direction: column;
  }

  .home-insights-events-section .home-ie-meta{
    flex-direction: column;
  }

  .home-insights-events-section .home-ie-date{
    text-align: left;
  }
}


.parallax-light-events::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.85) !important;
  z-index: -1;
  top: -10px;
}

.profile-hero-events {
  background-attachment: unset !important;
  border-bottom: unset !important;
}