w kontenerze. wp_nav_menu zwraca liste,
wiec zdejmujemy z niej wyglad listy i przekazujemy uklad z rodzica.
============================================================ */
.fw-menu{list-style:none;margin:0;padding:0;display:contents}
.fw-menu li{list-style:none;margin:0;padding:0}
.nav2-links .fw-menu li,.nav2-mobile .fw-menu li{display:contents}
.foot2-col .fw-menu,.foot2-bar .fw-menu{display:contents}
/* ============================================================
CONTACT FORM 7 — dopasowanie do systemu designu
CF7 owija kazde pole w i inline'owy , przez co pola
z szerokoscia 100% liczyly ja wzgledem zawartosci i sie rozjezdzaly.
============================================================ */
.contact2-form .wpcf7-form p{margin:0}
.contact2-form .wpcf7-form br{display:none}
.contact2-form .wpcf7-form-control-wrap{display:block;width:100%}
.contact2-form .fw-input,.contact2-form .fw-select,.contact2-form .fw-textarea{width:100%}
.contact2-form .fw-field label{display:block}
/* Przycisk wysylki: CF7 dokłada wlasne klasy, a Kadence stylizuje
input[type=submit] — obie warstwy trzeba przebic. */
.contact2-form input.wpcf7-submit{background:var(--brand);color:#fff;border:none;border-radius:var(--radius-sm);padding:15px 32px;width:100%;font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--fw-semibold);cursor:pointer;transition:background var(--dur-base) var(--ease-standard)}
.contact2-form input.wpcf7-submit:hover{background:var(--brand-hover)}
.contact2-form input.wpcf7-submit:focus-visible{outline:none;box-shadow:var(--ring-focus)}
/* Zgoda RODO. CF7 buduje wlasna zagniezdzona strukture span > label > input + span,
wiec zdejmujemy z niej marginesy i skladamy checkbox z tekstem w jednej linii.
Tekstu zgody nie wolno ukrywac — bez niego nie ma zgody, a przycisk wysylki
zostaje przygaszony przez CF7 do czasu jej zaznaczenia. */
.contact2-form .fw-checkbox{display:block}
.contact2-form .fw-checkbox .wpcf7-form-control-wrap{display:block;width:100%}
.contact2-form .fw-checkbox .wpcf7-list-item{margin:0;display:block}
.contact2-form .fw-checkbox .wpcf7-list-item label{display:flex;align-items:flex-start;gap:10px;cursor:pointer}
.contact2-form .fw-checkbox input[type="checkbox"]{flex:none;width:18px;height:18px;margin-top:2px;accent-color:var(--brand);cursor:pointer}
.contact2-form .fw-checkbox .wpcf7-list-item-label{font-size:var(--text-sm);line-height:1.5;color:var(--text-secondary)}
/* ============================================================
PALETA KADENCE
Motyw rodzic ma w domyslnej palecie niebieski #2B6CB0 i wychodzi on
wszedzie, gdzie nie siega nasz arkusz: linki, obramowania pol, stany
przyciskow, zaznaczenia. Zamiast gonic pojedyncze przypadki,
przepinamy cala palete na kolory Finwise.
============================================================ */
:root{
--global-palette1:#1A554D; /* akcent — teal-700 */
--global-palette2:#123F39; /* akcent ciemniejszy — teal-800 */
--global-palette3:#18241F; /* naglowki — ink-900 */
--global-palette4:#26332D; /* tekst — ink-800 */
--global-palette5:#55615A; /* tekst drugorzedny — ink-600 */
--global-palette6:#939E96; /* tekst wygaszony — ink-400 */
--global-palette7:#EDF0EB; /* jasne tlo — ink-100 */
--global-palette8:#FBF9F4; /* papier */
--global-palette9:#FFFFFF;
--global-palette-btn-bg:#1A554D;
--global-palette-btn-bg-hover:transparent;
--global-palette-btn:#FFFFFF;
--global-palette-btn-hover:#1A554D;
}
/* Zaznaczenie tekstu i podswietlenie dotkniecia na mobile — takze bywaly niebieskie */
::selection{background:var(--teal-200);color:var(--ink-900)}
a,button,input,select,textarea,.fw-btn,summary{-webkit-tap-highlight-color:transparent}
/* ============================================================
STAN AKTYWNY PRZYCISKOW
Zamiast ciemniejszego wypelnienia: przezroczyste tlo, zielony obrys,
zielony tekst i strzalka. Obrys robimy cieniem wewnetrznym, zeby
przycisk nie zmienial rozmiaru przy najechaniu.
============================================================ */
.fw-btn--primary:hover,
.fw-btn--primary:focus-visible,
.contact2-form input.wpcf7-submit:hover,
.contact2-form input.wpcf7-submit:focus-visible,
.sec2--dark .fw-card .fw-btn--primary:hover,
.sec2--dark .fw-card .fw-btn--primary:focus-visible{
background:transparent;
color:var(--brand);
box-shadow:inset 0 0 0 2px var(--brand);
}
.fw-btn--primary:hover .fw-ico,
.fw-btn--primary:focus-visible .fw-ico{color:var(--brand)}
/* Na ciemnym tle zielony tekst bylby nieczytelny — tam ten sam efekt na bialo */
.sec2--dark .fw-btn--white:hover,
.sec2--dark .fw-btn--white:focus-visible{
background:transparent;
color:#fff;
box-shadow:inset 0 0 0 2px #fff;
}
.sec2--dark .fw-btn--white:hover .fw-ico,
.sec2--dark .fw-btn--white:focus-visible .fw-ico{color:#fff}
/* Przycisk w naglowku jest maly i siedzi na jasnym pasku — ten sam wariant */
.nav2 .fw-btn--primary:hover,
.nav2 .fw-btn--primary:focus-visible{background:transparent;color:var(--brand);box-shadow:inset 0 0 0 2px var(--brand)}
/* Linki tekstowe i strzalki */
.arrow-link:hover,.arrow-link:focus-visible{color:var(--brand-strong)}
.fw-page a:hover,.fw-page a:focus-visible{color:var(--brand-strong)}
/* ============================================================
FAQ — stan otwarty
Kadence stylizuje kazdy