/*
 * HOLMID V15.20.37 – FEJLÉC/MENÜ, KIZÁRÓLAG MOBIL ÉS TABLET
 * Ez a fájl csak legfeljebb 1060 px szélességnél töltődik be.
 */
/* V15.20.33 – mobil hamburger menü: egyetlen tiszta, fix koordinátás elrendezés */
.menu-line-icon{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.menu-line-icon path{
  fill:none!important;
  stroke:currentColor!important;
}

@media(max-width:1060px){
  .marketplace-nav.open{
    box-sizing:border-box!important;
    gap:0!important;
    padding:14px 16px 16px!important;
    border:1px solid #e5ddd5!important;
    border-top:0!important;
    border-radius:0 0 14px 14px!important;
    background:#fff!important;
    box-shadow:0 18px 38px rgba(50,39,29,.16)!important;
    z-index:320!important;
  }

  .nav-comment-notifications{
    display:block!important;
    width:100%!important;
    min-height:58px!important;
    margin:0!important;
    align-self:auto!important;
  }
  .nav-comment-notifications>summary{
    list-style:none!important;
  }
  .nav-comment-notifications>summary::-webkit-details-marker{
    display:none!important;
  }

  /* Minden normál sor ugyanazt a koordinátarendszert használja. */
  .marketplace-nav>a,
  .marketplace-nav .nav-install-button,
  .marketplace-nav .nav-comment-trigger,
  .marketplace-nav .profile-trigger{
    position:relative!important;
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    margin:0!important;
    padding:0 52px 0 74px!important;
    border:0!important;
    border-bottom:1px solid #eee9e4!important;
    border-radius:0!important;
    background:transparent!important;
    color:#282c30!important;
    font:inherit!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:58px!important;
    text-align:left!important;
    text-decoration:none!important;
    transform:none!important;
  }

  .marketplace-nav>a.active{
    height:62px!important;
    min-height:62px!important;
    margin:0 0 4px!important;
    line-height:62px!important;
    border:1px solid #efcfb0!important;
    border-radius:12px!important;
    background:#fff3e7!important;
    color:#b95708!important;
    box-shadow:0 1px 0 rgba(185,87,8,.03)!important;
  }

  /* Az összes bal oldali ikon pontosan ugyanazon az X koordinátán áll. */
  .marketplace-nav>a>svg,
  .marketplace-nav .nav-install-button>svg,
  .marketplace-nav .nav-comment-bell{
    position:absolute!important;
    left:18px!important;
    top:50%!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    max-width:24px!important;
    max-height:24px!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(-50%)!important;
  }
  .marketplace-nav>a>svg,
  .marketplace-nav .nav-install-button>svg,
  .marketplace-nav .nav-comment-bell>svg{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    max-width:24px!important;
    max-height:24px!important;
    margin:0!important;
    overflow:visible!important;
  }

  /* Az összes felirat ugyanonnan indul, az értesítés sem tud középre mászni. */
  .marketplace-nav>a>span,
  .marketplace-nav .nav-install-button>span,
  .marketplace-nav .nav-comment-label,
  .marketplace-nav .profile-trigger>span{
    position:absolute!important;
    left:74px!important;
    right:52px!important;
    top:50%!important;
    display:block!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    color:inherit!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1.15!important;
    text-align:left!important;
    white-space:nowrap!important;
    transform:translateY(-50%)!important;
  }

  .marketplace-nav .nav-install-button:disabled,
  .marketplace-nav .nav-install-button[aria-disabled="true"]{
    opacity:.42!important;
  }

  .marketplace-nav .nav-comment-trigger{
    cursor:pointer!important;
  }
  .nav-comment-notifications[open]>.nav-comment-trigger{
    background:#fff7f0!important;
    color:#b95708!important;
  }
  .nav-comment-bell{
    display:block!important;
  }
  .nav-comment-bell b{
    position:absolute!important;
    right:-8px!important;
    top:-6px!important;
    display:grid!important;
    place-items:center!important;
    width:auto!important;
    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;
    border:0!important;
    border-radius:9px!important;
    background:#e8683f!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:950!important;
    line-height:1!important;
    text-shadow:none!important;
  }
  .nav-comment-bell b[hidden]{
    display:none!important;
  }

  .marketplace-nav .nav-message>b{
    position:absolute!important;
    right:18px!important;
    top:50%!important;
    margin:0!important;
    transform:translateY(-50%)!important;
  }

  .marketplace-nav .header-profile{
    width:100%!important;
    margin:10px 0 0!important;
  }
  .marketplace-nav .profile-trigger{
    height:64px!important;
    min-height:64px!important;
    line-height:64px!important;
    border:1px solid #f0dfcf!important;
    border-radius:12px!important;
    background:#fff5eb!important;
    color:#b95708!important;
  }
  .marketplace-nav .profile-trigger .header-profile-avatar{
    position:absolute!important;
    left:18px!important;
    top:50%!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    margin:0!important;
    transform:translateY(-50%)!important;
  }
  .marketplace-nav .profile-trigger>svg{
    position:absolute!important;
    right:18px!important;
    left:auto!important;
    top:50%!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    max-width:20px!important;
    max-height:20px!important;
    margin:0!important;
    transform:translateY(-50%)!important;
  }
  .marketplace-nav .profile-trigger-unread{
    position:absolute!important;
    right:44px!important;
    top:50%!important;
    margin:0!important;
    transform:translateY(-50%)!important;
  }

  /* Az alsó narancssárga gomb külön flex sor, nem örökli a menüsor abszolút pozícióit. */
  .marketplace-nav .publish-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    width:100%!important;
    height:62px!important;
    min-height:62px!important;
    margin:12px 0 0!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:11px!important;
    background:linear-gradient(180deg,#ed7a00,#dc6700)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(190,88,0,.18)!important;
    font-size:15px!important;
    font-weight:850!important;
    line-height:1.15!important;
    text-align:center!important;
  }
  .marketplace-nav .publish-link>svg{
    position:static!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    max-width:24px!important;
    max-height:24px!important;
    margin:0!important;
    transform:none!important;
  }
}


/* Kijelentkezett állapot: a narancssárga regisztrációs gomb saját flex-elrendezést kap. */
.marketplace-nav .publish-link > span{
  position:static!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  display:inline-block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font-size:15px!important;
  font-weight:850!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:normal!important;
  transform:none!important;
}

.marketplace-nav .publish-link.nav-icon-link{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  padding:0 18px!important;
  line-height:1.15!important;
}

.marketplace-nav .publish-link.nav-icon-link > svg{
  position:static!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  flex:0 0 24px!important;
  transform:none!important;
}
