/* Culto Custom CSS */

/* Fix white line at top */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Elegant font import */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&display=swap');

/* Povećan menu font + CAPS + Elegant font */
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span,
#sp-menu .nav > li > a {
  font-family: 'Raleway', sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  text-transform: capitalize !important;
  letter-spacing: 2px !important;
}

/* Maknuta crta ispod loga */
#sp-logo,
#sp-logo .logo,
#sp-logo .logo a,
.sp-header,
#sp-header,
.logo a,
.logo img {
  border: none !important;
  border-bottom: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Povećan logo */
.logo-image,
.logo-image-phone {
  height: 60px !important;
}

@media (max-width: 992px) {
  .logo-image,
  .logo-image-phone {
    height: 50px !important;
  }
}

@media (max-width: 576px) {
  .logo-image,
  .logo-image-phone {
    height: 45px !important;
  }
}

/* ===== TRANSPARENT HEADER OVER HERO ===== */
.com-sppagebuilder #sp-main-body {
  margin-top: -127px;
}

#sp-header {
  background: rgb(0 0 0 / 0%) !important;
}

#sp-top-bar {
  background: rgb(0 0 0 / 0%) !important;
  position: relative;
  z-index: 99;
}

/* Menu font white */
#sp-header .sp-megamenu-parent > li > a {
  color: #fff !important;
}

/* Hamburger menu white */
#sp-header .burger-icon > span {
  background-color: #fff !important;
}

/* Hide only Helix default logo (not custom culto logo) */
#sp-logo > .sp-column > .logo,
.offcanvas-menu .logo {
  display: none !important;
}

/* Keep custom culto logo visible */
.culto-logo-section {
  display: block !important;
}

.culto-logo-img {
  display: block !important;
}

/* Sticky header - darker background on scroll */
#sp-header.header-sticky {
  background: rgba(0, 0, 0, 0.6) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

/* Language switcher - HR / EN text labels */
.mod-languages img {
  display: none !important;
}

.mod-languages__list {
  display: flex;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.mod-languages__list li a {
  color: #fff !important;
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 6px 12px;
  border: 1px solid rgba(255,255,255,0.5);
  border-radius: 3px;
  transition: all 0.3s ease;
  text-decoration: none !important;
}

.mod-languages__list li a::after {
  content: "HR";
}

.mod-languages__list li a[href*="/en/"]::after {
  content: "EN";
}

.mod-languages__list li a:hover {
  background: rgba(255,255,255,0.2);
  border-color: #fff;
}

.mod-languages__list li.lang-active a {
  background: rgba(255,255,255,0.3);
  border-color: #fff;
}