/* GN Portfolio header mobile: menu sempre a sinistra; navigatore solo nei dettagli. */
@media screen and (max-width: 1024px) {
  html body .edgtf-mobile-header .edgtf-mobile-header-inner {
    position: relative !important;
    overflow: visible !important;
  }

  html body .edgtf-mobile-header .edgtf-mobile-header-inner > .gn-portfolio-header-menu {
    position: absolute !important;
    top: 50% !important;
    left: 18px !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    float: none !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 20 !important;
  }

  html body .edgtf-mobile-header .edgtf-mobile-header-inner > .gn-portfolio-header-nav {
    position: absolute !important;
    top: 50% !important;
    right: 18px !important;
    left: auto !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-direction: row !important;
    width: max-content !important;
    max-width: 95px !important;
    height: 28px !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    background: transparent !important;
    z-index: 20 !important;
  }
  html body .edgtf-mobile-header .edgtf-mobile-header-inner > .gn-portfolio-header-nav[hidden] {
    display: none !important;
  }

  html body .edgtf-mobile-header .gn-portfolio-header-nav > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 28px !important;
    width: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #a5a5a5 !important;
    font: 400 15px/18px Arial, sans-serif !important;
    text-decoration: none !important;
  }
  html body .edgtf-mobile-header .gn-portfolio-header-nav > a:hover,
  html body .edgtf-mobile-header .gn-portfolio-header-nav > a:focus-visible {
    color: #214bff !important;
  }
  html body .edgtf-mobile-header .gn-portfolio-header-divider {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 18px !important;
    font: 400 12px/18px Arial, sans-serif !important;
    margin: 0 2px !important;
    padding: 0 !important;
    color: #a5a5a5 !important;
  }

  /* Works: toglie il navigatore duplicato sotto la didascalia solo quando
     il menu superiore ha entrambi i collegamenti attivi. */
  html body.single-portfolio-item.gn-portfolio-header-ready
  .row-nav-portfolio-bottom .edgtf-ps-navigation-new.r-nav-1 {
    display: none !important;
  }
}
