/* ===== CORREÇÃO MOBILE - DEPÓSITO CACULA ===== */

/* Melhorar toque no mobile (sem quebrar cliques) */
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* NÃO bloquear seleção globalmente (isso quebra inputs no iOS) */
body {
    -webkit-touch-callout: default;
    -webkit-user-select: text;
    touch-action: manipulation;
}

/* Garantir funcionamento de links e botões */
a, button, input, select, textarea {
    pointer-events: auto;
    cursor: pointer;
    -webkit-user-select: auto;
    touch-action: manipulation;
}

/* ===== OVERLAYS (CRÍTICO) ===== */

/* Overlay mobile e carrinho NÃO podem bloquear quando inativos */
.mobile-overlay,
.cart-overlay {
    pointer-events: none;
}

/* Só bloqueiam quando ativos */
.mobile-overlay.active,
.cart-overlay.active {
    pointer-events: auto;
}

/* Sidebar sempre clicável */
.mobile-sidebar,
.cart-sidebar {
    pointer-events: auto;
}

/* ===== HEADER ===== */
header {
    position: relative;
    z-index: 100;
}

/* ===== CONTEÚDO ===== */
main,
.container,
.product-card,
.product-grid {
    pointer-events: auto;
    position: relative;
    z-index: 1;
}

/* ===== BOTÕES DE PRODUTO ===== */
.product-card button,
.product-card a,
.btn,
.btn-primary {
    pointer-events: auto;
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(255, 215, 0, 0.3);
}

/* ===== INPUTS ===== */
input,
select,
textarea {
    pointer-events: auto;
    touch-action: manipulation;
}

/* ===== WHATSAPP FLOAT ===== */
.whatsapp-float {
    pointer-events: auto;
    z-index: 9999;
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {

    html, body {
        overflow-x: hidden;
        overflow-y: auto;
        height: auto;
    }

    /* NÃO usar pointer-events global no mobile (isso quebra tudo) */
}

/* ===== SAFARI iOS ===== */
@supports (-webkit-touch-callout: none) {
    a, button {
        cursor: pointer;
    }
}