/* ============================================================ * Contact Form 7 - ujednolicony styl przyciskow submit * ------------------------------------------------------------ * Aplikowany do wszystkich formularzy CF7 na stronie: * - strona /kontakt/ (Formularz kontaktowy) * - kreator neonow: tryb "contact" i przekazanie do weryfikacji * * Cel: przycisk dopasowany do szerokosci formularza, wysrodkowany, * wyraznie widoczny, kontrastowy, w kolorystyce brandu omineo. * * Kolor brandu: --primary-color: #E8054C (definicja w main-styles.css). * Solid gradient dla pelnej widocznosci - nie polprzezroczysty. * * Wysokie specificity (form.wpcf7-form input.wpcf7-submit) swiadomie, * aby nadpisac lokalne style w contact-page.css i w CSS konfiguratora. * ============================================================ */ /* Bazowy styl + warianty dla dark/light theme (walka o specyficznosc z konfiguratorem ktory ma [data-theme="dark"] w swoich selektorach). !important na krytycznych wlasciwosciach jako safety net - potrzebne bo configurator_style12.css ma selektory o wyzszej specyficznosci dla modali (0,4,1). Ujednolicony wyglad ma priorytet nad lokalnymi stylami wtyczki/konfiguratora. */ form.wpcf7-form input[type="submit"].wpcf7-submit, form.wpcf7-form button[type="submit"].wpcf7-submit, form.wpcf7-form input.wpcf7-submit, .wpcf7-form input[type="submit"], .wpcf7-form button[type="submit"], [data-theme] .wpcf7-form input[type="submit"], [data-theme] .wpcf7-form button[type="submit"], [data-theme="dark"] .configurator-neon-email .ebcf_modal-content input[type="submit"], [data-theme="light"] .configurator-neon-email .ebcf_modal-content input[type="submit"], .configurator-neon-email .wpcf7 input[type="submit"], .ebcf_modal-content input[type="submit"] { /* Layout - dopasowany do formularza, wysrodkowany */ display: block !important; width: 100% !important; max-width: 520px !important; margin: 1.75rem auto 0 auto !important; padding: 16px 32px !important; /* Kolor i tlo - solid gradient brandu (kontrastowy, widoczny) */ background: linear-gradient(135deg, #E8054C 0%, #FF2563 100%) !important; color: #ffffff !important; border: none !important; border-radius: 14px !important; /* Typografia */ font-family: inherit; font-size: 17px; font-weight: 700; letter-spacing: 0.02em; line-height: 1.25; text-align: center; text-transform: none; /* Interakcja */ cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease; box-shadow: 0 8px 24px rgba(232, 5, 76, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2); /* Reset default stylow przegladarki */ appearance: none; -webkit-appearance: none; transform: none; } /* Hover - lift + jasniejszy glow */ form.wpcf7-form input[type="submit"].wpcf7-submit:hover, form.wpcf7-form button[type="submit"].wpcf7-submit:hover, form.wpcf7-form input.wpcf7-submit:hover, .wpcf7-form input[type="submit"]:hover, .wpcf7-form button[type="submit"]:hover, [data-theme] .wpcf7-form input[type="submit"]:hover, [data-theme] .wpcf7-form button[type="submit"]:hover, [data-theme="dark"] .configurator-neon-email .ebcf_modal-content input[type="submit"]:hover, [data-theme="light"] .configurator-neon-email .ebcf_modal-content input[type="submit"]:hover, .configurator-neon-email .wpcf7 input[type="submit"]:hover, .ebcf_modal-content input[type="submit"]:hover { background: linear-gradient(135deg, #FF2563 0%, #E8054C 100%) !important; transform: translateY(-2px) !important; box-shadow: 0 12px 32px rgba(232, 5, 76, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.25); filter: brightness(1.06); } /* Active - naturalne "wcisniecie" */ form.wpcf7-form input[type="submit"].wpcf7-submit:active, form.wpcf7-form button[type="submit"].wpcf7-submit:active, form.wpcf7-form input.wpcf7-submit:active, .wpcf7-form input[type="submit"]:active, .wpcf7-form button[type="submit"]:active, [data-theme] .wpcf7-form input[type="submit"]:active, [data-theme] .wpcf7-form button[type="submit"]:active { transform: translateY(0) !important; box-shadow: 0 6px 18px rgba(232, 5, 76, 0.4); filter: brightness(0.98); } /* Focus-visible - dla dostepnosci (keyboard navigation) */ form.wpcf7-form input[type="submit"].wpcf7-submit:focus-visible, form.wpcf7-form button[type="submit"].wpcf7-submit:focus-visible, form.wpcf7-form input.wpcf7-submit:focus-visible, .wpcf7-form input[type="submit"]:focus-visible, .wpcf7-form button[type="submit"]:focus-visible, [data-theme] .wpcf7-form input[type="submit"]:focus-visible, [data-theme] .wpcf7-form button[type="submit"]:focus-visible { outline: 3px solid rgba(232, 5, 76, 0.55) !important; outline-offset: 3px; } /* Wylaczony (po submit, oczekiwanie na odpowiedz) */ form.wpcf7-form input[type="submit"].wpcf7-submit:disabled, form.wpcf7-form button[type="submit"].wpcf7-submit:disabled, form.wpcf7-form input.wpcf7-submit:disabled, .wpcf7-form input[type="submit"]:disabled, .wpcf7-form button[type="submit"]:disabled, [data-theme] .wpcf7-form input[type="submit"]:disabled, [data-theme] .wpcf7-form button[type="submit"]:disabled { opacity: 0.65 !important; cursor: not-allowed !important; transform: none !important; filter: grayscale(0.3); box-shadow: 0 4px 14px rgba(232, 5, 76, 0.2); } /* Spinner CF7 - odsun od przycisku (pojawia sie po submicie przy ladowaniu) */ .wpcf7-form .wpcf7-spinner { display: block; margin: 14px auto 0 auto; } /* Responsive - na malych ekranach pelna szerokosc bez max-width */ @media (max-width: 520px) { form.wpcf7-form input[type="submit"].wpcf7-submit, form.wpcf7-form button[type="submit"].wpcf7-submit, form.wpcf7-form input.wpcf7-submit, .wpcf7-form input[type="submit"], .wpcf7-form button[type="submit"], [data-theme] .wpcf7-form input[type="submit"], [data-theme] .wpcf7-form button[type="submit"], [data-theme="dark"] .configurator-neon-email .ebcf_modal-content input[type="submit"], [data-theme="light"] .configurator-neon-email .ebcf_modal-content input[type="submit"], .configurator-neon-email .wpcf7 input[type="submit"], .ebcf_modal-content input[type="submit"] { max-width: none !important; padding: 14px 20px !important; font-size: 16px; } }