.hide {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Additional Responsive Utilities */

/* Prevent body scroll when mobile menu is open */
body.menu-open {
    overflow: hidden;
}

/* Ensure content doesn't overflow on small screens */
* {
    box-sizing: border-box;
}

/* Smooth scrolling for all devices */
html {
    scroll-behavior: smooth;
}

/* Fix for form inputs on iOS */
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Prevent zoom on input focus for mobile devices */
@media screen and (max-width: 768px) {
    input[type="text"],
    input[type="email"],
    input[type="password"],
    textarea,
    select {
        font-size: 16px !important;
    }
}

/* Improve tap targets for mobile */
@media (max-width: 768px) {
    button,
    a,
    .btn,
    input[type="submit"],
    input[type="button"] {
        min-height: 44px;
        min-width: 44px;
    }
}

/* Fix viewport height on mobile browsers */
.main-content {
    min-height: 100vh;
    min-height: -webkit-fill-available;
}

/* Better focus states for accessibility */
*:focus-visible {
    outline: 2px solid var(--accent-light);
    outline-offset: 2px;
}

/* Improve touch interaction on mobile */
@media (hover: none) and (pointer: coarse) {
    button,
    a,
    .menu-link,
    .dropdown-item,
    .theme-dropdown-btn,
    .theme-dropdown-item {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
        touch-action: manipulation;
    }
}

/* Prevent double-tap zoom on buttons */
button,
input[type="submit"],
input[type="button"],
.btn-submit {
    touch-action: manipulation;
}

/* Fix for Safari mobile viewport units */
@supports (-webkit-touch-callout: none) {
    .main-content {
        min-height: -webkit-fill-available;
    }
}