/* Mobile nav toggle — the original static template hid .nav-links
   entirely below 640px with no way to reach it, AND kept the full
   site-name + tagline + "Google Partner" badge in the header at every
   width, which overflows/wraps badly on narrow phones. This file adds
   a hamburger button + slide-down panel, and trims the logo block down
   on small screens so the header no longer breaks. Desktop/tablet
   layout above 640px is untouched. */

/* Safety net: nothing in the page should cause horizontal scrolling. */
html, body { max-width: 100%; overflow-x: hidden; }

.nav-mobile-toggle{
  display:none;
  background:none;border:0;cursor:pointer;
  font-size:1.5rem;line-height:1;color:var(--dark,#1F2937);
  padding:6px;
}

@media(max-width:640px){
  .nav-inner{gap:8px}

  /* Trim the logo block: drop the tagline + "Google Partner" badge,
     shrink the mark box, so logo + hamburger always fit one row. */
  .nav-logo-badge{display:none}
  .nav-logo-text span{display:none}
  .nav-logo-mark{width:34px;height:34px;font-size:.65rem}
  .nav-logo-text{font-size:.9rem}

  .nav-mobile-toggle{display:inline-flex}

  .nav-links{
    display:none;
    position:absolute;
    left:0;right:0;top:100%;
    background:var(--white,#fff);
    flex-direction:column;
    align-items:stretch;
    box-shadow:0 12px 24px rgba(31,41,55,.12);
    padding:8px 20px 20px;
    max-height:80vh;
    overflow-y:auto;
    z-index:60;
  }
  .nav-links.is-open{display:flex}

  .nav-links .nav-item{width:100%}
  .nav-links .nav-link{width:100%;justify-content:space-between}
  .nav-links .nav-dropdown{
    position:static;box-shadow:none;border:none;
    flex-direction:column;padding-left:12px;
    display:none;opacity:1;visibility:visible;transform:none;
  }
  .nav-links .nav-dropdown.is-open{display:flex}

  .nav-inner{position:relative}
  .nav-ctas{display:none}
}

/* Footer: extra safety so long unbroken strings (e.g. an unformatted
   email/URL typed into a Customizer field) can't force horizontal
   scroll on narrow screens. */
@media(max-width:480px){
  .footer-ceo-bio,
  .footer-ceo-email{ word-break: break-word; }
  .footer-actions{ gap:8px }
  .footer-action-btn{ font-size:.75rem; padding:7px 12px }
}