/* Shared compact controls for phones, including a phone rotated to landscape.
   Applied after the page styles. Colours and full labels remain untouched. */
@media (max-width:639px), (max-width:959px) and (max-height:500px){
  .hbb-site :is(.hbb-button,.hbb-page-button,.hbb-donate-button,.hbb-footer-action,.hbb-footer-contact),
  .hbb-site .hbb-involved-option-copy .hbb-page-button,
  .hbb-site .hbb-contact-message .wpcf7-submit,
  .hbb-site .hbb-prose :is(.wpcf7,.visual-form-builder,.give-form-wrap) :is(input[type="submit"],button[type="submit"]){
    min-width:0;min-height:44px;max-width:100%;height:auto;padding:9px 14px;
    font-size:13px;line-height:1.35;letter-spacing:normal;gap:7px;
    white-space:normal;overflow-wrap:break-word;text-align:center;text-wrap:pretty;
  }
  .hbb-site :is(.hbb-button,.hbb-page-button,.hbb-donate-button,.hbb-footer-action,.hbb-footer-contact){display:inline-flex;align-items:center;justify-content:center}
  .hbb-site :is(.hbb-button,.hbb-page-button,.hbb-footer-action,.hbb-footer-contact)>.material-symbols-outlined{font-size:18px;line-height:1;flex-shrink:0}
  .hbb-site .hbb-contact-message .wpcf7-submit{min-width:104px}

  /* Visible glyphs stay small while the target remains comfortable to tap. */
  .hbb-site .hbb-icon-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:0}
  .hbb-site .hbb-icon-button>.material-symbols-outlined{font-size:20px;line-height:1}
  .hbb-site .hbb-lightbox-controls button{min-width:44px;min-height:44px;padding:8px 10px;gap:6px;font-size:13px;line-height:1.35}
  .hbb-site .hbb-lightbox-controls .material-symbols-outlined{font-size:18px;line-height:1;flex:none}

  /* Homepage CTAs share the same rhythm even when the editor changes a label. */
  .hbb-site .hbb-home-hero-copy>.flex>a,
  .hbb-site [data-section="closing-invitation"] .relative.z-10>.flex>a,
  .hbb-site [data-section="gallery-stories"] .lg\:w-\[45\%\]>a,
  .hbb-site [data-section="donation-strip"] .justify-end>a{
    min-height:44px;min-width:0;max-width:100%;height:auto;padding:9px 12px;
    font-size:13px;line-height:1.35;gap:6px;text-align:center;justify-content:center;
  }
  .hbb-site .hbb-home-hero-copy>.flex>a>.material-symbols-outlined,
  .hbb-site [data-section="closing-invitation"] .relative.z-10>.flex>a>.material-symbols-outlined,
  .hbb-site [data-section="gallery-stories"] .lg\:w-\[45\%\]>a>.material-symbols-outlined,
  .hbb-site [data-section="donation-strip"] .justify-end>a>.material-symbols-outlined{font-size:18px;line-height:1;flex-shrink:0}
  .hbb-site [data-section="closing-invitation"] .relative.z-10>.flex{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}
  .hbb-site [data-section="closing-invitation"] .relative.z-10>.flex>a{flex:1 1 auto}
  .hbb-site .hbb-home-hero-copy>.flex{align-items:stretch}

  /* Text actions gain a 44px target rather than a large decorative button. */
  .hbb-site :is(.hbb-home-section-link>a,.hbb-home-history-link,.hbb-home-participation-details>a,.hbb-about-section-link,.hbb-about-mission-bottom>a,.hbb-team-person .hbb-text-link,.hbb-card-meta>a,.hbb-filter-form>.hbb-text-link,.hbb-mobile-extra>a,.hbb-contact .hbb-social-links a){
    display:inline-flex;align-items:center;min-height:44px;max-width:100%;padding-block:8px;
    font-size:13px;line-height:1.4;gap:7px;white-space:normal;
  }
  .hbb-site :is(.hbb-home-section-link>a,.hbb-home-history-link,.hbb-home-participation-details>a,.hbb-about-section-link,.hbb-about-mission-bottom>a)>.material-symbols-outlined{font-size:18px;line-height:1;flex-shrink:0}
  .hbb-site .hbb-home-card-details>summary{min-height:44px;font-size:13px;line-height:1.4}
  .hbb-site .hbb-filter-links{gap:8px}
  .hbb-site .hbb-filter-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;font-size:13px;line-height:1.35;text-align:center}
  .hbb-site .hbb-pagination .page-numbers{min-width:44px;min-height:44px;padding:8px 12px;font-size:13px;line-height:1.35}
  .hbb-site .hbb-footer [data-back-top]{min-height:44px;font-size:13px;line-height:1.35;gap:6px}
  .hbb-site .hbb-footer [data-back-top]>.material-symbols-outlined{font-size:18px;line-height:1}
}
@media(max-width:359px){
  .hbb-site .hbb-home-hero-copy>.flex>a{padding-inline:8px}
}