|
|
| Line 74: |
Line 74: |
|
| |
|
|
| |
|
| /* Remover o fundo branco do quadrado da pesquisa no Mobile */ | | /* Remove o fundo branco do botão da lupa */ |
| @media screen and (max-width: 720px) {
| | #p-search .cdx-button { |
| /* O container principal da busca */
| | background-color: transparent !important; |
| .cdx-search-input,
| | border: none !important; |
| .cdx-search-input__input-wrapper,
| | color: #ffffff !important; /* Cor do ícone */ |
| .vector-search-box-input { | | } |
| background-color: rgba(255, 255, 255, 0.1) !important; /* Ligeira transparência */
| |
| border: 1px solid rgba(255, 255, 255, 0.3) !important;
| |
| color: white !important; /* Cor do texto que escreves */
| |
| }
| |
|
| |
|
| /* O input específico onde se digita */
| | /* Garante que o ícone da lupa seja verde se quiseres seguir o estilo ATRONIA */ |
| .cdx-text-input__input {
| | #p-search .vector-icon { |
| background-color: transparent !important;
| | color: #ccff00 !important; /* Aquele verde limão do teu logo */ |
| color: white !important;
| |
| }
| |
| | |
| /* Cor do ícone da lupa e do texto de placeholder */
| |
| .cdx-text-input__icon, ::placeholder {
| |
| color: rgba(255, 255, 255, 0.7) !important;
| |
| }
| |
| } | | } |
