|
|
| Line 2,312: |
Line 2,312: |
| margin: 0 !important; | | margin: 0 !important; |
| align-items: center !important; | | align-items: center !important; |
| }
| |
| }
| |
|
| |
|
| |
|
| |
| /* --- AJUSTE FINAL DO CABEÇALHO MOBILE --- */
| |
| @media screen and (max-width: 720px) {
| |
| /* 1. Esmaga a zona roxa: reduz o padding que estava em 14px */
| |
| .mw-header,
| |
| .vector-header-container .mw-header {
| |
| min-height: 44px !important; /* Altura mínima reduzida */
| |
| padding-top: 4px !important; /* Reduzido de 14px */
| |
| padding-bottom: 4px !important; /* Reduzido de 14px */
| |
| height: auto !important;
| |
| }
| |
|
| |
| /* 2. Garante que o container exterior não force altura extra */
| |
| .vector-header-container {
| |
| height: auto !important;
| |
| min-height: 0 !important;
| |
| }
| |
|
| |
| /* 3. Mantém a pesquisa pequena para o Login caber na linha */
| |
| #p-search {
| |
| flex: 0 0 40px !important;
| |
| width: 40px !important;
| |
| margin: 0 !important;
| |
| }
| |
|
| |
| /* 4. Alinha verticalmente o Logo, Lupa e Login ao centro */
| |
| .mw-header-start,
| |
| .vector-header-end {
| |
| display: flex !important;
| |
| align-items: center !important;
| |
| height: 100% !important;
| |
| }
| |
|
| |
| /* 5. Ajuste fino no logo para não tocar no topo/fundo */
| |
| .mw-header .mw-logo-icon {
| |
| max-height: 24px !important;
| |
| width: auto !important;
| |
| } | | } |
| } | | } |
