|
|
| Line 2,312: |
Line 2,312: |
| margin: 0 !important; | | margin: 0 !important; |
| align-items: center !important; | | align-items: center !important; |
| }
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| /* --- FIX FINAL: ALINHAMENTO E VISIBILIDADE DOS ÍCONES --- */
| |
| @media screen and (max-width: 720px) {
| |
| /* 1. Força o cabeçalho a não cortar os elementos */
| |
| .mw-header {
| |
| overflow: visible !important;
| |
| display: flex !important;
| |
| flex-wrap: nowrap !important;
| |
| justify-content: space-between !important;
| |
| }
| |
|
| |
| /* 2. Remove o espaço invisível do container de pesquisa */
| |
| #p-search, .vector-search-box {
| |
| flex: 0 0 auto !important;
| |
| margin: 0 !important;
| |
| width: auto !important;
| |
| }
| |
|
| |
| /* 3. Agrupa e aproxima os ícones da direita */
| |
| .vector-header-end {
| |
| display: flex !important;
| |
| align-items: center !important;
| |
| gap: 2px !important; /* Aproxima ao máximo a lupa, chave e user */
| |
| flex: 0 1 auto !important;
| |
| margin-left: auto !important;
| |
| }
| |
|
| |
| /* 4. Corrige a cor dos ícones (Branco para o fundo escuro) */
| |
| .mw-header .vector-icon {
| |
| background-color: #ffffff !important;
| |
| width: 20px !important;
| |
| height: 20px !important;
| |
| }
| |
|
| |
| /* 5. Estilo para o botão de Log in (evita que fique cortado) */
| |
| #pt-login-2, #pt-login {
| |
| background: transparent !important;
| |
| border: none !important;
| |
| padding: 0 4px !important;
| |
| margin: 0 !important;
| |
| }
| |
|
| |
| /* 6. Esconde o texto "Log in" para mostrar apenas o ícone ou um botão compacto */
| |
| #pt-login span, .vector-user-links-main span:not(.vector-icon) {
| |
| display: none !important;
| |
| } | | } |
| } | | } |
