| Строка 985: |
Строка 985: |
| | transform: translateY(-50%) !important; | | transform: translateY(-50%) !important; |
| | z-index: 5 !important; | | z-index: 5 !important; |
| | + | } |
| | + | |
| | + | /* ===== Когда открыт overlay-поиск, скрыть обычный поиск в шапке ===== */ |
| | + | |
| | + | .search-overlay.visible ~ * header.header-container.header-chrome > form.header > .search-box, |
| | + | .search-overlay.visible header.header-container.header-chrome > form.header > .search-box { |
| | + | visibility: hidden !important; |
| | + | opacity: 0 !important; |
| | + | pointer-events: none !important; |
| | + | } |
| | + | |
| | + | /* На случай, если overlay живёт в том же DOM и просто показывается поверх */ |
| | + | body .search-overlay.visible ~ #mw-mf-viewport header.header-container.header-chrome > form.header > .search-box, |
| | + | body .search-overlay.visible ~ .minerva-header .search-box { |
| | + | visibility: hidden !important; |
| | + | opacity: 0 !important; |
| | + | pointer-events: none !important; |
| | + | } |
| | + | |
| | + | /* Сам overlay-поиск — штатный, без смещений */ |
| | + | .search-overlay.visible .search-box, |
| | + | .overlay.search-overlay.visible .search-box { |
| | + | position: static !important; |
| | + | left: auto !important; |
| | + | top: auto !important; |
| | + | transform: none !important; |
| | + | width: auto !important; |
| | + | max-width: none !important; |
| | + | margin: 0 !important; |
| | + | } |
| | + | |
| | + | /* И его поле на всю доступную ширину */ |
| | + | .search-overlay.visible .search, |
| | + | .overlay.search-overlay.visible .search { |
| | + | width: 100% !important; |
| | + | max-width: none !important; |
| | } | | } |