/* ===== LANG DROPDOWN (NO FRAMES) - FINAL ===== */
header#site-header .lang-dd{
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Button: ONLY current flag + chevron, no frame */
header#site-header .lang-dd__btn{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 6px !important;     /* hover zona */
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

header#site-header .lang-dd__btn img{
  width: 22px !important;
  height: auto !important;
  display: block !important;
}

/* Menu: hidden by default */
header#site-header .lang-dd__menu{
  display: none !important;
  position: absolute !important;
  top: 28px !important;
  right: 0 !important;
  z-index: 999999 !important;
  padding: 6px !important;
  background: rgba(0,0,0,.20) !important;  /* može i transparent ako hoćeš */
  border-radius: 10px !important;
  border: 0 !important;
  backdrop-filter: blur(6px) !important;
}

/* Show menu ONLY on hover */
header#site-header .lang-dd:hover .lang-dd__menu{
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

/* Item: just flag, no frame */
header#site-header .lang-dd__item{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px 6px !important;     /* hover zona */
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

header#site-header .lang-dd__item img{
  width: 22px !important;
  height: auto !important;
  display: block !important;
}

/* Kill any theme separators/pseudo bullets */
header#site-header .lang-dd *::before,
header#site-header .lang-dd *::after{
  content: none !important;
  display: none !important;
}

/* ===== Fix hover gap: bridge između btn i menija ===== */
header#site-header .lang-dd{
  position: relative !important;
}

/* proširi hover zonu ispod dugmeta */
header#site-header .lang-dd::after{
  content: "" !important;
  position: absolute !important;
  left: -10px !important;
  right: -10px !important;
  top: 22px !important;     /* počinje ispod dugmeta */
  height: 22px !important;  /* “most” do menija */
}

/* približi meni dugmetu (smanji gap) */
header#site-header .lang-dd__menu{
  top: 30px !important;     /* smanji/podesi po potrebi (28–34) */
}

/* ===== Mobile: uvećaj language ikonicu + touch target ===== */
@media (max-width: 768px){
  header#site-header .lang-dd__btn{
    padding: 10px 12px !important;
    min-width: 48px !important;
    min-height: 48px !important;
  }

  header#site-header .lang-dd__btn img{
    width: 30px !important;   /* povećaj zastavicu */
    height: auto !important;
  }

  header#site-header .lang-dd__menu{
    top: 54px !important;     /* spusti meni ispod većeg dugmeta */
    gap: 10px !important;
  }

  header#site-header .lang-dd__item{
    padding: 10px 12px !important;
    min-width: 48px !important;
    min-height: 48px !important;
  }

  header#site-header .lang-dd__item img{
    width: 30px !important;
  }
}


/*aleeeee*/

/* ===== Mobile header: ukloni prazne rupe i dupli logo ===== */
/* ===== Mobile: ispravan header layout za sve tipove headera ===== */
@media (max-width: 991px){

  /* 1) U jednom redu – flex bez space-between “rupa” */
  header#site-header nav.ht-navigation{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
  }

  /* 2) Sakrij desktop meni blok u headeru (ionako ide hamburger) */
  header#site-header nav.ht-navigation .navigation-top{
    display: none !important;
  }

  /* 3) Sakrij sticky logo na mobitelu (duplira i gura layout) */
  header#site-header nav.ht-navigation a.sticky-logo{
    display: none !important;
  }

  /* 4) Logo lijevo, sve ikone desno */
  header#site-header nav.ht-navigation a.main-logo,
  header#site-header nav.ht-navigation a.logo.d-inline-block.d-xl-none{
    margin-right: auto !important;
  }

  /* 5) Ubij bootstrap “ms-*” margine u headeru */
  header#site-header nav.ht-navigation .ms-3,
  header#site-header nav.ht-navigation .ms-4{
    margin-left: 0 !important;
  }

  /* 6) Ako ti ova pozadina gura spacing */
  header#site-header nav.ht-navigation .ht-mobile-menu-bg{
    display: none !important;
  }
}