/* Wayhira So Herbal Hospital - shared mobile / touch refinements.
   Loaded last on every page so it only adds to the existing styles. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,video,iframe,svg{max-width:100%}
body{overflow-wrap:break-word}

/* Phones and small tablets */
@media(max-width:900px){
  /* easier to tap: footer, "Learn more", contact links, page contents lists */
  footer a{display:inline-block;padding:9px 0}
  .more,.lm{display:inline-block;padding:11px 0}
  [aria-label="On this page"] a{display:block;padding:11px 10px}
  /* slideshow dots: keep them small to look at, large to tap */
  .hdot{position:relative}
  .hdot::before{content:"";position:absolute;inset:-14px -5px}
  .hpause{width:40px;height:40px}
  /* forms: 16px stops iPhones zooming in, 48px is comfortable to tap */
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;min-height:48px}
  textarea{min-height:130px}
  input[type=checkbox],input[type=radio]{width:22px;height:22px}
  .btn,button.btn,a.btn{min-height:48px}
}
@media(max-width:820px){
  /* phone menu */
  .burger{min-width:48px;min-height:48px;display:grid;place-items:center;padding:0}
  .links a{display:block;padding:8px 0}
  .links a::after{bottom:4px}
  /* contact numbers and email are easy to hit */
  .contact a[href^="tel:"],.contact a[href^="mailto:"],a[href^="tel:"],a[href^="mailto:"]{padding-top:9px;padding-bottom:9px}
  form button:not([type=submit]){padding-top:12px;padding-bottom:12px}
}
@media(max-width:800px){
  /* home hero: keep the slideshow controls clear of the "Kasoa, Ghana" label */
  body:has(.hctl) .hero{padding-top:92px;padding-bottom:70px}
}
/* Very small phones (older Android, iPhone SE) */
@media(max-width:360px){
  .wrap{padding-left:16px;padding-right:16px}
}
/* Phones turned sideways: use the short screen height sensibly */
@media(max-height:480px) and (orientation:landscape){
  .hero{min-height:0!important;padding-top:96px!important;padding-bottom:56px!important}
}