/* === Mobile UX enhancements === */
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { -webkit-tap-highlight-color: transparent; }
* { box-sizing: border-box; }
/* Remove hover effects on touch devices */
@media (hover: none) and (pointer: coarse) {
[class*="btn"], button, a, [role="button"], label, input, select, textarea {
cursor: default !important;
}
[class*=""]:hover {
transform: none !important;
}
}
/* Better form styles on mobile */
@media (max-width: 560px) {
input, select, textarea { font-size: 16px !important; }
}