a.is-active-lang{
  color:#c8102e!important;
  font-weight:700!important;
}


/* --- HARD reset for language links inside a menu --- */
a.jezik_hr,
a.jezik_it{
  /* ubij template menu stilove */
  padding: 0 !important;
  margin: 0 0 0 16px !important;     /* ⬅️ veći razmak od IG do prve zastave */
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;

  /* napravi ih kao "icon" */
  display: inline-block !important;
  width: 26px !important;
  height: 18px !important;

  line-height: 0 !important;         /* ⬅️ ne ovisi o line-heightu menija */

  /* sakrij tekst */
  font-size: 0 !important;
  color: transparent !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  white-space: nowrap !important;

  /* poravnanje u headeru */
  vertical-align: middle !important;
  position: relative !important;
  top: -5px !important;              /* ⬅️ fino poravnanje s FB/IG ikonama */

  /* flag look */
  border-radius: 5px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;

  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important; /* ⬅️ transition uvijek */
}

/* između HR i IT neka bude manji razmak */
a.jezik_it{
  margin-left: 15px !important;       /* ⬅️ razmak između zastavica */
}

/* flag images */
a.jezik_hr{
  background-image: url("https://cdn.jsdelivr.net/npm/flag-icons/flags/4x3/hr.svg") !important;
}
a.jezik_it{
  background-image: url("https://cdn.jsdelivr.net/npm/flag-icons/flags/4x3/it.svg") !important;
}

/* hover */
a.jezik_hr:hover,
a.jezik_it:hover{
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 10px rgba(0,0,0,.18) !important;
  filter: saturate(1.05) !important;
}

/* active (tvoj JS dodaje .is-active-lang) */
a.is-active-lang{
  box-shadow: 0 0 0 2px #e60000, 0 4px 10px rgba(0,0,0,.16) !important;
  filter: saturate(1.1) !important;
}

@media (max-width: 768px){

  /* spriječi rezanje (Helix offcanvas često ima overflow:hidden) */
  .offcanvas-menu ul.mod-menu.mod-list.menu,
  .offcanvas-menu li.lang-flags-row{
    overflow: visible !important;
  }

  .offcanvas-menu li.lang-flags-row{
    display:flex !important;
    gap:12px;
    align-items:center;

    margin-top:12px !important;   /* mali razmak od Instagrama */
    padding-top:10px !important;  /* spušta zastave bez "rezanja" */

    /* fine tune ako treba još 1-2px dolje (po želji) */
    transform: translateY(2px);
  }

  .offcanvas-menu li.lang-flags-row a.jezik_hr,
  .offcanvas-menu li.lang-flags-row a.jezik_it{
    margin:0 !important; /* poništi desktop margine */
  }
}



#sp-header {
    height: 100px!important;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 99;
    padding: 0 30px;
    border: 1px solid #e1e7ec;
}

#sp-header .logo {
    height: 95px!important;
    display: inline-flex;
    margin: 0;
    align-items: center;
}

.sp-megamenu-parent {
    list-style: none;
    padding: 0;
    margin: -15px -15px!important;
    z-index: 99;
    display: block;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #fff;
    margin-top: -35px!important;
}

.lassons-feature-section2 {
 border: solid 1px #e1e7ec;
 
}

.lassons-feature-section2 .sppb-container-inner>.sppb-row>div:hover{
	box-shadow: none!important;
	
	cursor:pointer}
	
.fab, .far {
    font-weight: 400;
    font-size: 25px!important;
}	
	
	
#sp-footer {
    background: #001871!important;
}

@media (max-width: 767px) {
    body.layout-default .btn {
        font-size: 14px;
        padding: 15px 25px!important;
    }
}

/* ================================
   OFFCANVAS SOCIAL ICON FIX
================================ */


li.social-icons-row { margin-top: 20px!important; }

.offcanvas-menu li.item-433 a,
.offcanvas-menu li.item-434 a{
  font-size:0 !important;
  line-height:0 !important;
  padding:8px 0 !important;
}

.offcanvas-menu li.item-433 .fab,
.offcanvas-menu li.item-434 .fab{
  font-size:22px !important;
  line-height:22px !important;
  display:inline-block !important;
  vertical-align:middle;
}

@media (max-width: 768px){

  .offcanvas-menu li.social-icons-row{
    display:flex !important;
    gap:14px;
    align-items:center;
    margin-top:16px;
    padding-top:6px;
  }

  .offcanvas-menu li.social-icons-row a{
    font-size:0 !important;
    line-height:0 !important;
    padding:0 !important;
  }

  .offcanvas-menu li.social-icons-row .fab{
    font-size:26px !important;
    line-height:26px !important;
    display:inline-block !important;
  }
}