/* Mobile browser compatibility fixes */

            [x-cloak] {
                display: none !important;
            }

            html {
                scroll-padding-top: 5rem;
            }

            /* iOS safe area support for notches and home indicator */
            .pb-safe {
                padding-bottom: env(safe-area-inset-bottom);
            }

            .pt-safe {
                padding-top: env(safe-area-inset-top);
            }

            .pl-safe {
                padding-left: env(safe-area-inset-left);
            }

            .pr-safe {
                padding-right: env(safe-area-inset-right);
            }

            /* Mobile menu height calculation */
            .mobile-menu-height {
                height: calc(100vh - 64px);
                height: calc(100svh - 64px);
                /* Small viewport height for mobile browsers */
            }

            /* iOS smooth scrolling */
            .overflow-y-auto,
            .overflow-x-auto,
            .overflow-auto {
                -webkit-overflow-scrolling: touch;
            }

            /* Prevent zoom on input focus for iOS */
            @media screen and (max-width: 767px) {

                input,
                textarea,
                select {
                    font-size: 16px !important;
                }
            }

            /* Fix for iOS hover states - prevent sticky hover on touch devices */
            @media (hover: none) and (pointer: coarse) {

                button:hover,
                a:hover {
                    /* Touch devices don't need hover states */
                }
            }