/* Safari Mobile Menu Fixes */

/* Arreglos específicos para Safari */
#sidebar-menu {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

#sidebar-menu.translate-x-0 {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

#sidebar-menu.-translate-x-full {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

/* Botón de menú - hover mejorado para touch */
#menu-toggle {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

#menu-toggle:active {
    opacity: 0.7;
}

/* Overlay arreglos */
#sidebar-overlay {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

/* Arreglos de z-index para Safari */
nav {
    z-index: 1000;
}

#sidebar-menu {
    z-index: 1001;
}

#sidebar-overlay {
    z-index: 1000;
}

/* Prevenir scroll bounce en iOS */
body.menu-open {
    position: fixed !important;
    width: 100% !important;
    overflow: hidden !important;
    -webkit-overflow-scrolling: touch;
}