/* SME mobile polish v1.1.0 (Thump, 19 Oct 2026). Phones only (max-width 767px). Rebuilt after the 15 Oct version changed spacing and sizes on most
   pages (55 of 60 sampled pages changed height). Only the two fixes that cost no layout space remain; the logo fix ships as smesa-woo-logo-fix.php.
   Rollback: option smesa_mobile_polish = off. */
@media (max-width: 767px) {
	/* 2. Google "Sign in with Google" card: it covered the bottom 144 px of every page including the tab bar. It now waits 15 seconds
	      (long enough to read first), then sits above the tab bar. Sign up stays in the header the whole time. */
	body #credential_picker_container, body div:has(> iframe#credential_picker_iframe), body iframe#credential_picker_iframe { bottom: 66px !important; visibility: hidden; animation: smesa-ot-in 0s linear 15s forwards; }
	@keyframes smesa-ot-in { to { visibility: visible; } }

	/* glossary A-Z: a sticky 180 px block covered a fifth of the screen while scrolling. One swipeable row of 44 px letters instead. */
	.smesa-gloss-hub .gh-az { position: static !important; flex-wrap: nowrap !important; overflow-x: auto; justify-content: flex-start !important; margin: -18px 0 26px !important; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
	.smesa-gloss-hub .gh-az::-webkit-scrollbar { display: none; }
	.smesa-gloss-hub .gh-az a { flex: none; min-width: 44px !important; height: 44px !important; }
}