/* Sitewide mobile polish: focus on header, menu, buttons, and readability */

/* Base readability on small screens */
@media (max-width: 767.98px) {
  html, body { font-size: 15px; line-height: 1.6; }
  h1 { font-size: 22px; }
  h2 { font-size: 20px; }
  h3 { font-size: 18px; }
  h4 { font-size: 16px; }
  p { margin-bottom: 10px; }
}

/* Header: bigger tap target for hamburger + balanced logo */
@media (max-width: 1099px) {
  /* .mmenu-trigger .hamburger { padding: 10px; } REMOVED - Controlled by header.css */
  /* .mmenu-trigger .hamburger-box { width: 28px; height: 20px; } REMOVED - Controlled by header.css */
  /* #logo img { max-width: 150px; height: auto; } REMOVED - Controlled by header.css */
}

/* Mobile menu: comfortable rows & visible text */
@media (max-width: 1099px) {
  .mm-menu { background: #fff; }
  .mm-menu .mm-listview > li > a { min-height: 44px; align-items: center; display: flex; color: #333; }
  .mm-menu .mm-listview > li > a i { margin-right: 8px; }
}

/* Buttons: friendlier hit area on mobile */
@media (max-width: 767.98px) {
  .button, .btn { padding: 10px 14px; border-radius: 10px; }
}

/* Forms: inputs comfortable spacing */
@media (max-width: 767.98px) {
  input[type="text"], input[type="email"], input[type="number"], input[type="password"], select, textarea {
    padding: 12px 14px;
  }
}

/* Pagination: compact spacing */
@media (max-width: 767.98px) {
  .pagination { gap: 6px; }
}