/* ========================================================================= PUNKT 52 - fix ciemnego trojkata/strzalki FiboSearch miedzy polem a przyciskiem "Szukaj". Diagnoza pelna w fn-szukajka-home-mobile.php (nad shortcode'em). Element: pseudo-klasa :before na .dgwt-wcas-search-submit, technika "border triangle" (border-color: transparent #333 transparent + border-left:none), 8x16px, kolor #333 (ciemny grafit - stad "czarna kreska/strzalka"). GLOBALNY, NIE w media query - dotyczy KAZDEGO formularza FiboSearch na stronie (naglowek na kazdej podstronie + nowy pasek mobile na stronie glownej nizej). ========================================================================= */ .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before, .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:after { display: none !important; content: none !important; border: none !important; width: 0 !important; height: 0 !important; } /* ========================================================================= PUNKT 51 - pasek wyszukiwania na gorze tresci strony glownej, TYLKO mobile. Element jest w DOM na kazdej szerokosci (wstawiony przez the_content), ale domyslnie ukryty - widoczny wylacznie ponizej 768px. ========================================================================= */ .fn-home-szukaj { display: none; } @media (max-width: 767px) { .fn-home-szukaj { display: block; width: 100%; box-sizing: border-box; margin: 12px 12px 16px; padding: 12px; background: var(--fn-bg, #FBF7F5); border: 1px solid #E7DAD4; border-radius: 10px; } /* Formularz FiboSearch domyslnie ma max-width:600px (ustawienie wtyczki "Maksymalna szerokosc formularza" = 600, dgwt_wcas_settings.max_form_width, wypisywane globalnie inline w ) - tu chcemy pelna szerokosc dostepnego miejsca w karcie. */ .fn-home-szukaj .dgwt-wcas-search-wrapp { max-width: 100% !important; width: 100% !important; } .fn-home-szukaj .dgwt-wcas-sf-wrapp { width: 100%; } .fn-home-szukaj input[type="search"].dgwt-wcas-search-input { width: 100% !important; height: 48px !important; min-height: 48px !important; font-size: 15px !important; line-height: 1.3 !important; border: 1.5px solid #DCCFC9 !important; border-radius: 24px 0 0 24px !important; padding-left: 18px !important; padding-right: 8px !important; color: var(--fn-text, #2E2321) !important; background: var(--fn-white, #fff) !important; box-sizing: border-box !important; -webkit-appearance: none; appearance: none; } .fn-home-szukaj input[type="search"].dgwt-wcas-search-input::placeholder { color: var(--fn-muted, #8B7D77) !important; opacity: 1; } .fn-home-szukaj input[type="search"].dgwt-wcas-search-input:focus { border-color: var(--fn-primary, #A34B65) !important; box-shadow: 0 0 0 3px rgba(163, 75, 101, .12) !important; outline: none !important; } .fn-home-szukaj button.dgwt-wcas-search-submit { height: 48px !important; min-height: 48px !important; border-radius: 0 24px 24px 0 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: .5px; padding-inline: 20px !important; padding: 0 20px !important; background-color: var(--fn-primary, #A34B65) !important; color: #fff !important; text-shadow: none !important; box-shadow: none !important; } .fn-home-szukaj button.dgwt-wcas-search-submit:hover, .fn-home-szukaj button.dgwt-wcas-search-submit:focus, .fn-home-szukaj button.dgwt-wcas-search-submit:active { background-color: var(--fn-primary-dark, #7E3A4F) !important; opacity: 1 !important; } }