Contact

.cf7-group { display: none; } .cf7-group.active { display: block; } .cf7-rodo span{ font-weight: 500 !important; text-transform: none !important; }.cf7-rodo label{ display: flex !important; } .sent > *:not(.wpcf7-response-output) { display: none !important; } input[type="checkbox"] { aspect-ratio: 1 / 1; } (function(){ function initCF7Groups(form){ var select = form.querySelector('.temat-select'); var groups = form.querySelectorAll('.cf7-group'); if(!select) return;function update(){ var val = select.value; groups.forEach(function(group){ var match = group.getAttribute('data-group') === val; group.classList.toggle('active', match); group.style.display = match ? 'block' : 'none';if(match){ group.querySelectorAll('[data-required]').forEach(function(el){ el.setAttribute('required', 'required'); el.setAttribute('aria-required', 'true'); }); } else { group.querySelectorAll('[required]').forEach(function(el){ el.removeAttribute('required'); el.removeAttribute('aria-required'); }); // czyścimy TYLKO pola tekstowe — radio/checkbox zostawiamy bez zmian, // żeby nie kasować domyślnie zaznaczonych opcji (np. default:1 przy radio) group.querySelectorAll('input[type="text"], input[type="tel"], input[type="email"], textarea, select').forEach(function(el){ el.value = ''; }); } }); }select.addEventListener('change', update); update(); }document.addEventListener('DOMContentLoaded', function(){ document.querySelectorAll('.wpcf7-form').forEach(initCF7Groups); }); // dla motywów ładujących formularz przez AJAX (np. po zmianie strony) document.addEventListener('wpcf7reset', function(e){ initCF7Groups(e.target); });// Po prawidłowym wysłaniu: chowamy pola formularza, ale zostawiamy widoczny // komunikat sukcesu (.wpcf7-response-output), niezależnie od tego, czy jest // on zagnieżdżony wewnątrz

, czy renderowany jako sąsiedni element document.addEventListener('wpcf7mailsent', function(event){ event.target.classList.add('cf7-po-wyslaniu'); }, false); })();