/* Większy tekst — z wtyczki WP Accessibility 2.3.3 (Joe Dolson, GPL-2.0+), toolbar/css/a11y-fontsize.css; zmienne jak w tej wtyczce. */
html { --wpa-font-size: clamp( 24px, 1.5rem, 36px ); --wpa-h1-size: clamp( 48px, 3rem, 72px ); --wpa-h2-size: clamp( 40px, 2.5rem, 60px ); --wpa-h3-size: clamp( 32px, 2rem, 48px ); --wpa-h4-size: clamp( 28px, 1.75rem, 42px ); --wpa-sub-list-size: 1.1em; --wpa-sub-sub-list-size: 1em; }
/* enqueue these as a separate stylesheet so they can be filtered */
.fontsize p,
.fontsize div:not(div:has( p, h1, h2, h3, h4, h5, h6)),
.fontsize footer:not(footer:has( p, h1, h2, h3, h4, h5, h6)),
.fontsize li:not(.a11y-toolbar-list-item),
.fontsize label,
.fontsize input,
.fontsize select,
.fontsize textarea,
.fontsize legend,
.fontsize code,
.fontsize pre,
.fontsize dd,
.fontsize dt,
.fontsize blockquote {
	font-size: var(--wpa-font-size) !important;
	line-height: 1.6;
}

.fontsize h1 {
	font-size: var(--wpa-h1-size) !important;
}

.fontsize h2 {
	font-size: var(--wpa-h2-size) !important;
}
.fontsize h3 {
	font-size: var(--wpa-h3-size) !important;
}
.fontsize h6,
.fontsize h5,
.fontsize h4 {
	font-size: var(--wpa-h4-size) !important;
}

/* Otherwise, these get larger with each level of nesting. */
.fontsize li li {
	font-size: var(--wpa-sub-list-size) !important;
}

.fontsize li li li {
	font-size: var(--wpa-sub-sub-list-size) !important;
}
.desaturated { filter: grayscale(1) !important; }
/* Przyciski widżetów J-Tools */
/* Opakowanie nie wpływa na układ: przyciski układają się jak bezpośrednie dzieci panelu (np. float z CSS strony). */
.jtools-przyciski { display: contents; }
.jtools-przycisk { display: inline-flex; align-items: center; justify-content: center; gap: .4em; cursor: pointer; text-decoration: none; }
button.jtools-przycisk { font: inherit; border: 0; }
.jtools-przycisk svg { width: var(--jtools-ikona, 1em); height: var(--jtools-ikona, 1em); fill: currentColor; flex: none; }
.jtools-przycisk:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.jtools-ukryty { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* Widżet „J-Tools: przycisk” bez wewnętrznego odstępu panelu — jak widżet „Własny HTML” w TownPress */
.widget_jtools_przycisk .widget__inner { padding: 0; }
/* Widżet „J-Tools: przyciski”, gotowy wygląd „białe kwadraty 40 px” (jak w TownPress 1.x): bez tła panelu, odstęp 20 px,
   obrazek (np. BIP) wyśrodkowany bez opływania. Kolory, szerokość i rozmiar ikony pojedynczego przycisku — w jego ustawieniach. */
.jtools-przyciski--kwadraty { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 20px; }
.widget__inner:has(> .jtools-przyciski--kwadraty), .widget-inner:has(> .jtools-przyciski--kwadraty) { padding: 0; background: transparent; box-shadow: none; }
.jtools-przyciski--kwadraty .jtools-przycisk { box-sizing: border-box; min-width: 40px; height: 40px; margin: 0; padding: 0; color: #555; background: #fff; border-radius: 4px; --jtools-ikona: 18px; }
.jtools-przyciski--kwadraty .jtools-przycisk:has(.jtools-przycisk__tekst) { padding: 0 10px; }
.jtools-przyciski--kwadraty .jtools-przycisk i { font-size: var(--jtools-ikona); }
.jtools-przyciski--kwadraty .jtools-przycisk img { float: none; max-width: 100%; margin: 0; }
.jtools-przyciski--kwadraty .jtools-przycisk:hover { opacity: .7; }
/* Przyciski dostępności stojące obok siebie — w jednej ramce (zaokrąglone tylko skrajne rogi, bez odstępu). */
.jtools-przyciski--polacz-dostepnosc .a11y-toggle { border-radius: 0; }
.jtools-przyciski--polacz-dostepnosc .a11y-toggle:not(.a11y-toggle + .a11y-toggle) { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.jtools-przyciski--polacz-dostepnosc .a11y-toggle:not(:has(+ .a11y-toggle)) { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.jtools-przyciski--polacz-dostepnosc .a11y-toggle + .a11y-toggle { margin-left: 0; }
.jtools-przyciski--polacz-dostepnosc.jtools-przyciski--kwadraty .a11y-toggle + .a11y-toggle { margin-left: -20px; }
/* Widżet „J-Tools: przycisk”, gotowy wygląd „kafel”: biały, nazwa pogrubiona, ikona 18 px w kolorze strony (akcent z Customizera). */
/* a.vc_btn3.vc_general — silniej niż kolory zestawu WPBakery (.vc_btn3.vc_btn3-color-white.vc_btn3-style-flat) */
.jtools-przycisk-kafel, .jtools-przycisk-kafel a.vc_btn3.vc_general { width: 100% !important; color: #000; font-size: 16px; font-weight: 600; }
.jtools-przycisk-kafel.vc_do_btn { margin-bottom: 0; }
.jtools-przycisk-kafel a.vc_btn3, .jtools-przycisk-kafel a.vc_btn3.vc_btn3-icon-left:not(.vc_btn3-o-empty) { display: flex !important; align-items: center; gap: 10px; box-sizing: border-box; padding: 14px 18px; line-height: 1.2; background: #fff; text-decoration: none; }
.jtools-przycisk-kafel a.vc_btn3 i.vc_btn3-icon { position: static !important; flex-shrink: 0; margin: 0 !important; font-size: 18px; color: var(--jtools-akcent-tp); transform: translateY(1px); }
.jtools-przycisk-kafel a.vc_btn3.vc_general:hover { color: #000; background-color: #d4fbd3; }
/* Widżet „J-Tools: przyciski”, gotowy wygląd „przyciski nagłówka”: białe, wysokość 40 px, pływają w prawo co 20 px,
   panel przezroczysty i szeroki na 500 px, obrazek (np. BIP) 10 px od góry, wewnętrzny cień po najechaniu. */
.widget__inner:has(> .jtools-przyciski--naglowek), .widget-inner:has(> .jtools-przyciski--naglowek) { width: 500px; max-width: 100%; padding: 0; background: transparent; box-shadow: none; }
.jtools-przyciski--naglowek .jtools-przycisk { display: block; float: right; height: 40px; margin-left: 20px; padding: 0 10px; line-height: 40px; text-align: center; color: #565656; background-color: #fff; text-decoration: none; }
.jtools-przyciski--naglowek .jtools-przycisk span:not(.jtools-ukryty) { margin-left: 5px; vertical-align: top; }
.jtools-przyciski--naglowek .jtools-przycisk img { margin-top: 10px; }
.jtools-przyciski--naglowek .jtools-przycisk:hover { box-shadow: inset 0 0 0 5px rgba(0, 0, 0, .1); text-decoration: none; }
/* Opcja „ukryj na telefonach i tabletach” */
@media (max-width: 991px) {
	.jtools-przyciski--bez-telefonu, .widget__inner:has(> .jtools-przyciski--bez-telefonu), .widget-inner:has(> .jtools-przyciski--bez-telefonu) { display: none; }
}