/* ===== 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 ===== */
/* ===== Mobile: layout + hamburger meni ===== */
/* ===== Mobile: popravi header bez diranja offcanvas logike teme ===== */
@media (max-width: 991px){

  header#site-header nav.ht-navigation{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
  }

  /* NE diraj display/position offcanvas menija – samo osiguraj da nije display:none */
  header#site-header nav.ht-navigation .navigation-top{
    display: block !important;
  }

  /* overlay ne diraj */
  header#site-header nav.ht-navigation .ht-mobile-menu-bg{
    display: block !important;
  }

  /* sakrij sticky logo na mobitelu */
  header#site-header nav.ht-navigation a.sticky-logo{
    display: none !important;
  }

  /* logo lijevo */
  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;
  }

  /* ubij ms-* margine */
  header#site-header nav.ht-navigation .ms-3,
  header#site-header nav.ht-navigation .ms-4{
    margin-left: 0 !important;
  }

  /* ubrzaj animacije koje tema već koristi (bez promjene left/transform) */
  header#site-header nav.ht-navigation .navigation-top,
  header#site-header nav.ht-navigation .ht-mobile-menu-bg{
    transition-duration: .2s !important;
  }
}

/* Sticky header: ne skaliraj zastavice, drži ih iste kao gore */
#header-wrap.fixed-header .lang-dd__btn img,
#header-wrap.fixed-header .lang-dd__item img{
  width: 30px !important;      /* stavi koliko želiš da bude na mobitelu */
  height: auto !important;
  transform: none !important;
}

/* i sam button da ne “skače” */
#header-wrap.fixed-header .lang-dd__btn,
#header-wrap.fixed-header .lang-dd__item{
  transform: none !important;
}

/* Desktop */
header#site-header .lang-dd__btn img,
header#site-header .lang-dd__item img{
  width: 26px !important;
}

/* Mobile */
@media (max-width: 768px){
  header#site-header .lang-dd__btn img,
  header#site-header .lang-dd__item img{
    width: 30px !important;
  }
}

/* Jedinstvena manja veličina zastavica (desktop + sticky + dropdown) */
header#site-header .lang-dd__btn img,
header#site-header .lang-dd__item img,
#header-wrap.fixed-header .lang-dd__btn img,
#header-wrap.fixed-header .lang-dd__item img{
  width: 22px !important;
  height: 15px !important;
  max-width: none !important;
  max-height: none !important;
  transform: none !important;
}

/* Mobile – malo veće radi dodira */
@media (max-width: 768px){
  header#site-header .lang-dd__btn img,
  header#site-header .lang-dd__item img,
  #header-wrap.fixed-header .lang-dd__btn img,
  #header-wrap.fixed-header .lang-dd__item img{
    width: 24px !important;
    height: 16px !important;
  }
}