/* ==== CORRECTION 2026-10k HEADER CLOSE + NAV FULL TEXT + ACCOUNT ICON ==== */

/* 1) Hide mobile "Zapri meni" × on desktop (red-circled leftover) */
.gzs-nav-close {
  display: none !important;
}
@media (max-width: 991px) {
  .nav-sections .gzs-nav-close {
    display: inline-flex !important;
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 5 !important;
    width: 44px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #dde3ea !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #043E89 !important;
    font-size: 22px !important;
    cursor: pointer !important;
  }
}

/* 2) Menu labels in full — was flex:0 0 10% (~95px) clipping words */
@media (min-width: 992px) {
  .navigation,
  .navigation.sw-megamenu {
    max-width: 100% !important;
    width: 100% !important;
    overflow: visible !important;
  }
  .navigation.sw-megamenu > ul,
  .navigation > ul,
  .sw-megamenu > ul,
  ul.ui-menu {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 0 !important;
    overflow: visible !important;
  }
  .navigation .ui-menu-item.level0,
  .navigation .level0,
  .navigation.sw-megamenu .ui-menu-item.level0 {
    flex: 0 0 auto !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: auto !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
  }
  .navigation .level0 > .level-top,
  .navigation.sw-megamenu .level0 > .level-top,
  .navigation .ui-menu-item > .level-top {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    padding: 14px 10px !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    color: #043E89 !important;
    background: transparent !important;
  }
}

/* 3) Account icon before heart — use SVG (porto-new-icon-user-2 has no glyph) */
.page-header .gzs-account-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #043E89 !important;
}
.page-header .gzs-account-link i,
.page-header .gzs-account-link i.porto-new-icon-user-2,
.page-header .gzs-account-link i.porto-icon-user-2 {
  display: inline-block !important;
  width: 22px !important;
  height: 22px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23043E89' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;
}
.page-header .gzs-account-link i::before,
.page-header .gzs-account-link i.porto-new-icon-user-2::before {
  content: none !important;
  display: none !important;
}