/* =======================================================
   🛡️ BLINDAGEM MOBILE GLADS TECHNOLOGY - VITRINE
   ======================================================= */

/* Ajustes gerais de espaçamento no Mobile */
@media (max-width: 768px) {
    /* 1. Protege o topo e o cabeçalho */
    body { padding-top: 80px !important; }
    #mainHeader { padding: 10px 0 !important; position: relative; min-height: 70px; }
    
    /* 2. Fixa o Menu (Risquinhos) na Direita */
    .navbar-toggle { 
        position: absolute !important;
        right: 15px !important;
        top: 15px !important;
        margin: 0 !important;
        z-index: 9999 !important; 
    }
    
    /* 3. Empurra a Lua (Dark Mode) para o lado do Menu */
    .theme-switch-front {
        position: absolute !important;
        right: 80px !important; /* Distância exata para não encostar no menu */
        top: 15px !important;
        z-index: 9998 !important;
        margin: 0 !important;
    }
    
    /* 4. Impede o Logo de encavalar com os botões */
    .navbar-brand { width: 60%; padding: 5px 15px !important; }
    .navbar-brand img { max-width: 100% !important; height: auto !important; }

    /* 5. Descola o formulário e salva o botão WhatsApp */
    .boxFocus { margin-top: 30px !important; }
    #contactfrm { padding-bottom: 40px !important; } /* Dá espaço pro Whatsapp flutuante não tapar o input */
    
    /* 6. Garante que os botões não quebrem e fiquem do tamanho da tela */
    .btn { white-space: normal !important; word-wrap: break-word !important; }
    #submit { width: 100% !important; margin-top: 15px !important; padding: 15px !important; font-size: 18px !important; }
    
    /* 7. Ajusta o Tour 3D para não vazar da tela */
    .glads-3d-tour-section { margin-top: 20px !important; padding: 15px 0 !important; }
    .glads-3d-iframe-container { margin: 0 10px !important; }
    
    /* 8. Protege iframes e mapas */
    iframe, img { max-width: 100% !important; }
}

/* Garante que o Menu aberto não fique transparente e ilegível */
@media (max-width: 768px) {
    .navbar-collapse { background-color: #ffffff !important; border-top: 1px solid #eee; }
    body.dark-theme .navbar-collapse { background-color: #0f172a !important; border-top: 1px solid #334155; }
}