/* Mobile UX polish — conservative, layout-safe touch improvements.
   Added on top of Flatsome theme; only affects small screens. */
@media (max-width: 849px) {
  /* Comfortable 44x44 tap target for the hamburger menu toggle (icon stays centred) */
  .header-main .mobile-nav .nav-icon > a.is-small,
  .mobile-nav .nav-icon > a[data-open="#main-menu"] {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* Larger, easier-to-hit social icons inside the off-canvas mobile menu */
  #main-menu .social-icons a,
  .mfp-content .off-canvas .social-icons a {
    min-width: 40px;
    min-height: 40px;
    line-height: 40px;
  }

  /* Subtle brand-coloured tap highlight instead of the default grey flash */
  a, button, .button, input[type="submit"], [role="button"] {
    -webkit-tap-highlight-color: rgba(32, 158, 46, 0.18);
  }

  /* Avoid iOS auto-zoom on focus by guaranteeing >=16px form text */
  input:not([type="checkbox"]):not([type="radio"]),
  textarea,
  select {
    font-size: 16px;
  }
}