|
|
| Line 2,312: |
Line 2,312: |
| margin: 0 !important; | | margin: 0 !important; |
| align-items: center !important; | | align-items: center !important; |
| }
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| /* --- CONFIGURAÇÃO ULTRA-COMPACTA MOBILE --- */
| |
| @media screen and (max-width: 720px) {
| |
| /* 1. Reduz a altura total da barra (zona roxa) */
| |
| .mw-header {
| |
| height: 50px !important;
| |
| min-height: 50px !important;
| |
| padding: 0 10px !important;
| |
| display: flex !important;
| |
| align-items: center !important;
| |
| position: relative !important;
| |
| }
| |
|
| |
| /* 2. Fixa o Menu Hambúrguer e o Logo à esquerda */
| |
| .mw-header-start {
| |
| display: flex !important;
| |
| align-items: center !important;
| |
| gap: 5px !important;
| |
| }
| |
|
| |
| .mw-header .mw-logo-icon {
| |
| width: 80px !important;
| |
| height: auto !important;
| |
| max-height: 25px !important;
| |
| display: block !important;
| |
| }
| |
|
| |
| /* 3. Coloca os ícones da direita num bloco fixo para não colapsarem */
| |
| .vector-header-end {
| |
| position: absolute !important;
| |
| right: 10px !important;
| |
| display: flex !important;
| |
| flex-direction: row !important;
| |
| align-items: center !important;
| |
| gap: 2px !important; /* Ícones bem juntos */
| |
| width: auto !important;
| |
| }
| |
|
| |
| /* 4. MATA O COLAPSO: Força o Login a ser um link direto, não um menu dropdown */
| |
| .vector-user-links-dropdown,
| |
| #vector-user-links-dropdown-checkbox,
| |
| .vector-user-links-dropdown-label {
| |
| display: none !important;
| |
| }
| |
|
| |
| /* 5. Faz o Log in aparecer como texto simples ao lado dos ícones */
| |
| .vector-user-links-main {
| |
| display: flex !important;
| |
| position: static !important;
| |
| }
| |
|
| |
| #pt-login, #pt-login-2 {
| |
| display: inline-flex !important;
| |
| color: #ffffff !important;
| |
| font-size: 12px !important;
| |
| font-weight: bold !important;
| |
| padding: 0 5px !important;
| |
| }
| |
|
| |
| /* 6. Encolhe a pesquisa ao mínimo (apenas o ícone da lupa) */
| |
| #p-search {
| |
| margin: 0 5px !important;
| |
| order: 2 !important; /* Coloca a lupa entre o logo e o login */
| |
| }
| |
|
| |
| .vector-search-box-auto-expand-width {
| |
| max-width: 35px !important;
| |
| } | | } |
| } | | } |
