/* Shared header: same height and font sizes on all deploy pages (homepage, add-ons, blog, contact) */

/* Main header: ensure SVG logo is visible on all viewports (including mobile); template only styles .logo a img */
.header-default .logo a svg {
  display: block !important;
  width: 100%;
  max-width: 120px;
  height: auto;
  max-height: 45px;
  object-fit: contain;
}

.header-transparent-with-topbar .header-default .container {
  padding-top: 20px;
  padding-bottom: 20px;
}
.header-transparent-with-topbar .header-default .logo a {
  height: 80px;
  min-height: 80px;
  display: flex;
  align-items: center;
}
.header-transparent-with-topbar .tmp-header.sticky {
  height: auto;
  min-height: 80px;
}
/* Nav and button: consistent font size across pages */
.header-transparent-with-topbar .mainmenu-nav .mainmenu > li > a {
  font-size: 16px;
}
.header-transparent-with-topbar .header-default .header-btn .tmp-btn {
  font-size: 14px;
}

/* Services anchor: scroll so "What We Offer" isn’t under the sticky header */
#services {
  scroll-margin-top: 100px;
}

/* Contact page: honeypot – hidden from users, bots fill it; backend reject if non-empty */
.contact-honeypot {
  position: absolute !important;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

/* Contact page: less space under "Let's Start a Conversation" */
.tmp-contact-area.tmp-section-gap {
  padding-bottom: 40px !important;
}

/* Mobile menu sidebar: make SVG logo visible (template only styles img) */
.popup-mobile-menu .header-top .logo a {
  color: #fff;
  display: block;
}
.popup-mobile-menu .header-top .logo a svg {
  display: block;
  width: 120px;
  height: 36px; /* viewBox 547.7×165.7 → scale to fit width */
  max-width: 120px;
  max-height: 45px;
  object-fit: contain;
}
.popup-mobile-menu .header-top .logo a svg .st0 {
  fill: currentColor;
}

/* Hide custom cursor on touch devices (no mouse to follow) */
@media (hover: none) {
  .mouse-cursor {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* More space between Get in Touch button and burger menu on mobile */
@media (max-width: 991px) {
  .header-default .header-right .header-btn {
    margin-right: 16px;
  }
}

/* Less space above page title (e.g. "NetSuite Blog") on mobile */
@media (max-width: 767px) {
  .breadcrumb-area.pt--150 {
    padding-top: 70px !important;
  }
}

/* Hide scroll-to-top sidebar (progress bar + link) on mobile */
@media (max-width: 767px) {
  .scrollbar-v,
  .float-text {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}
