/* Nethority theme | Mobile header fixes. Loads last on every page. */

/* Menu button: keep it plain even when a plugin styles all buttons */
.nth-header .nth-burger,
.nth-header .nth-burger:hover,
.nth-header .nth-burger:focus,
.nth-header .nth-burger:active{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:8px;color:var(--nth-ink,#333);min-width:0;line-height:1}
.nth-header .nth-burger:focus-visible{outline:2px solid #6152F0;outline-offset:2px}
.nth-header .nth-burger span{background:var(--nth-ink,#333)!important}

@media (max-width:1020px){
  /* Open menu scrolls inside the screen, so Pricing, About and Contact are always reachable */
  .nth-mnav.open,
  .nth-mobile-nav.nth-open{max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:28px}
  .admin-bar .nth-mnav.open,
  .admin-bar .nth-mobile-nav.nth-open{max-height:calc(100vh - 118px);max-height:calc(100dvh - 118px)}
  /* Page behind the open menu does not scroll */
  body:has(.nth-mnav.open),
  body:has(.nth-mobile-nav.nth-open){overflow:hidden}
}

@media (max-width:680px){
  /* Talk to us stays in the header on inner pages, same as the home page */
  .nth-header .nth-header-cta .nth-btn-primary{display:inline-flex}
  .nth-header .nth-header-cta,
  .nth-header .nth-head-cta{gap:8px}
  .nth-header .nth-header-cta .nth-btn-primary,
  .nth-header .nth-head-cta .nth-btn-primary{padding:9px 14px;font-size:14px;white-space:nowrap}
  .nth-header .nth-logo img{height:32px;width:auto}
}

@media (max-width:380px){
  .nth-header .nth-logo img{height:26px}
  .nth-header .nth-header-cta .nth-btn-primary,
  .nth-header .nth-head-cta .nth-btn-primary{padding:8px 12px;font-size:13px}
}

/* Neo section tabs (Data, Intelligence, Automation, Execution) scroll sideways on small phones instead of widening the page */
.nth-pftabs{max-width:100%;overflow:hidden}
.nth-pftabs .nth-wrap::-webkit-scrollbar{display:none}

/* Two column rows on Neo pages stay inside small screens */
@media (max-width:680px){
  .nth-pf-row,.nth-pf-row-rev{grid-template-columns:minmax(0,1fr)}
  .nth-pf-row>*,.nth-pf-row-rev>*,.nth-int-grid>*{min-width:0}
  .nth-int-grid{grid-template-columns:minmax(0,1fr)}
  .nth-int>div{min-width:0}
  .nth-int b,.nth-int small{overflow-wrap:anywhere}
	.nth-pftabs .nth-wrap{overflow-x:auto!important;max-width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch}

}

/* Talk to us button at the bottom of the inner mobile menu: centred text */
.nth-mobile-nav a.nth-btn{display:flex;justify-content:center;text-align:center;border-bottom:0}