/**
 * FIX CRÍTICO PARA MENU HAMBÚRGUER MOBILE
 * Garante que o botão seja sempre clicável
 * 
 * @package GeoIBRAM Theme
 * @version 3.1
 */

/* FORÇAR CLICABILIDADE DO BOTÃO HAMBÚRGUER */
#sidebarBtn,
#geoibram-mobile-menu-toggle,
button#sidebarBtn,
button#geoibram-mobile-menu-toggle,
button[aria-label*="menu" i],
button[aria-label*="Abrir menu" i],
.geoibram-mobile-hamburger {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 10001 !important;
    position: relative !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1) !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
}

/* Garantir que o SVG dentro do botão não bloqueie o clique */
#sidebarBtn svg,
#geoibram-mobile-menu-toggle svg,
.geoibram-mobile-hamburger svg,
button[aria-label*="menu" i] svg,
button[aria-label*="Abrir menu" i] svg {
    pointer-events: none !important;
}

/* Garantir que o header não bloqueie o clique */
.geoibram-mobile-header,
header.block.lg\:hidden {
    z-index: 10000 !important;
    position: relative !important;
}

/* Garantir que o botão hambúrguer esteja acima de tudo no header */
.geoibram-mobile-header button,
header.block.lg\:hidden button {
    position: relative !important;
    z-index: 10002 !important;
}

/* Remover qualquer pointer-events que possa estar bloqueando */
.geoibram-mobile-left-section,
.geoibram-mobile-header-content {
    pointer-events: auto !important;
}

/* Garantir que o sidebar seja visível quando aberto */
@media (max-width: 1023px) {
    /* Sidebar fechado por padrão em mobile */
    #sidebar,
    .sidebar,
    aside.sidebar,
    .produtor-sidebar-modern,
    .operador-drone-sidebar-modern,
    .apicultor-sidebar-modern {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        transform: translateX(-100%) !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 10002 !important;
        transition: transform 0.3s ease !important;
        width: 280px !important;
        max-width: 85vw !important;
    }
    
    /* Sidebar aberto - MÚLTIPLAS CLASSES PARA GARANTIR */
    #sidebar.mobile-sidebar-open,
    .sidebar.mobile-sidebar-open,
    aside.mobile-sidebar-open,
    .produtor-sidebar-modern.mobile-sidebar-open,
    .operador-drone-sidebar-modern.mobile-sidebar-open,
    .apicultor-sidebar-modern.mobile-sidebar-open,
    #sidebar.active,
    .sidebar.active,
    aside.active,
    .produtor-sidebar-modern.active,
    .operador-drone-sidebar-modern.active,
    .apicultor-sidebar-modern.active {
        transform: translateX(0) !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 10002 !important;
        left: 0 !important;
    }
}

/* Overlay deve estar abaixo do sidebar mas acima do conteúdo */
#mobile-overlay,
.sidebar-overlay {
    z-index: 10001 !important;
    cursor: pointer !important;
}

#mobile-overlay.active,
.sidebar-overlay.active {
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    cursor: pointer !important;
}

/* Garantir que o nav do sidebar seja coluna */
.produtor-sidebar-nav-modern,
.operador-drone-sidebar-nav-modern,
.apicultor-sidebar-nav-modern,
.sidebar nav {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
}

/* Garantir que os itens do menu sejam em linha (dentro do item) mas os itens em coluna */
.produtor-sidebar-item-modern,
.operador-drone-sidebar-item-modern,
.apicultor-sidebar-item-modern,
.sidebar nav a {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}

/* Debug: Adicionar borda visual ao botão quando em desenvolvimento */
@media (max-width: 1023px) {
    #sidebarBtn:active,
    #geoibram-mobile-menu-toggle:active {
        background-color: rgba(0, 0, 0, 0.1) !important;
        transform: scale(0.95) !important;
    }
}