/**
 * TradingBlueprint — warstwa wizualna landingu.
 *
 * Struktura i odstępy sekcji siedzą w atrybutach bloków Kadence (edytowalne w
 * edytorze). Ten arkusz odpowiada za typografię, kolory i detale komponentów,
 * których Kadence nie wyraża atrybutami — spina je przez klasy `tbp-*`
 * nadawane blokom we wzorcu `patterns/tbp-homepage.php`.
 */

/* ==========================================================================
   1. Tokeny
   ========================================================================== */

:root {
	--tbp-bg: #0b0c0e;
	--tbp-bg-alt: #0e1013;
	--tbp-surface: #14171b;
	--tbp-surface-2: #101216;
	--tbp-surface-3: #14161a;

	--tbp-line: #1d2024;
	--tbp-line-strong: #24272d;
	--tbp-line-soft: #1a1d21;
	--tbp-line-muted: #2e3238;
	--tbp-line-light: #383e45;

	--tbp-gold: #e8b10a;
	--tbp-gold-hover: #f3c947;

	--tbp-text: #e9ebee;
	--tbp-heading: #f2f4f6;
	--tbp-body: #a8aeb6;
	--tbp-muted: #9aa0a8;
	--tbp-dim: #8d939b;
	--tbp-dimmer: #757b84;
	--tbp-faint: #5f656d;
	--tbp-list: #c6cad0;

	--tbp-font-display: "Instrument Sans", system-ui, -apple-system, sans-serif;
	--tbp-font-body: "Barlow", system-ui, -apple-system, sans-serif;
	--tbp-font-mono: "Space Mono", ui-monospace, monospace;

	--tbp-radius: 2px;
	--tbp-hatch: repeating-linear-gradient(135deg, #14171b 0 11px, #191c21 11px 22px);
}

/* ==========================================================================
   2. Baza landingu
   ========================================================================== */

body.tbp-landing {
	background: var(--tbp-bg);
	color: var(--tbp-text);
	font-family: var(--tbp-font-body);
	font-size: 17px;
	line-height: 1.6;

	/* `clip` zamiast `hidden`: przycina tak samo, ale nie tworzy kontenera
	   przewijania, który unieważniałby przyklejony nagłówek. */
	overflow-x: clip;
}

body.tbp-landing .content-area,
body.tbp-landing .site-content,
body.tbp-landing .entry-content-wrap {
	background: var(--tbp-bg);
}

/* Landing niesie własne odstępy sekcji — kontener motywu ma być przezroczysty. */
body.tbp-landing .content-container,
body.tbp-landing .entry-content-wrap {
	padding: 0;
	margin: 0;
	max-width: none;
}

body.tbp-landing a {
	color: var(--tbp-gold);
	text-decoration: none;
}

body.tbp-landing a:hover,
body.tbp-landing a:focus {
	color: var(--tbp-gold-hover);
}

/* Zwykły blok nagłówka. Landing składa się wyłącznie z nagłówków Kadence
   z własnymi klasami, ale podstrony w tej oprawie (np. /aplikuj) sięgają po
   zwykły blok — a ten Kadence koloruje kolorem palety nr 3, który w tym
   motywie jest ciemnym tłem sekcji. Na ciemnej stronie nagłówek znikał.
   Kolor wybrany ręcznie w edytorze nadal wygrywa: WordPress nadaje klasom
   kolorów palety `!important`, a własny kolor trafia do atrybutu style. */
body.tbp-landing .wp-block-heading {
	color: var(--tbp-heading);
	font-family: var(--tbp-font-display);
}

/* ==========================================================================
   3. Rusztowanie sekcji
   ========================================================================== */

.tbp-section {
	border-bottom: 1px solid var(--tbp-line);
}

/* Szerokość niesie atrybut `maxWidth` bloku; ta reguła jest zabezpieczeniem,
   gdyby sekcję wstawiono bez niego. */
.tbp-wrap>.kt-row-column-wrap {
	max-width: 1200px;
	margin-inline: auto;
}

/* Nadlinia sekcji: „01 — Program” */
.tbp-eyebrow,
.tbp-eyebrow.wp-block-kadence-advancedheading {
	font-family: var(--tbp-font-mono);
	font-size: 12px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--tbp-dimmer);
	margin: 0 0 22px;
}

.tbp-eyebrow--gold,
.tbp-eyebrow--gold.wp-block-kadence-advancedheading {
	color: var(--tbp-gold);
}

.tbp-title,
.tbp-title.wp-block-kadence-advancedheading {
	font-family: var(--tbp-font-display);
	font-weight: 700;
	font-size: clamp(28px, 2.7vw, 40px);
	line-height: 1.12;
	letter-spacing: -0.018em;
	color: var(--tbp-heading);
	margin: 0 0 24px;
	text-wrap: pretty;
}

.tbp-lead {
	color: var(--tbp-body);
	font-size: 17.5px;
	line-height: 1.62;
	margin: 0;
}

.tbp-lead+.tbp-lead {
	margin-top: 16px;
}

.tbp-title--narrow,
.tbp-title--narrow.wp-block-kadence-advancedheading {
	max-width: 720px;
	margin-bottom: 14px;
}

.tbp-title--lg,
.tbp-title--lg.wp-block-kadence-advancedheading {
	font-size: clamp(30px, 3vw, 44px);
	line-height: 1.1;
	letter-spacing: -0.02em;
	margin-bottom: 20px;
}

.tbp-note {
	color: var(--tbp-muted);
	font-size: 17px;
	margin: 0;
}

/* ==========================================================================
   4. Hero
   ========================================================================== */

.tbp-hero__title,
.tbp-hero__title.wp-block-kadence-advancedheading {
	font-family: var(--tbp-font-display);
	font-weight: 700;
	font-size: clamp(38px, 4.2vw, 60px);
	line-height: 1.05;
	letter-spacing: -0.022em;
	color: var(--tbp-heading);
	margin: 0 0 28px;
	text-wrap: pretty;
}

.tbp-hero__title em,
.tbp-hero__title .tbp-accent {
	color: var(--tbp-gold);
	font-style: normal;
}

.tbp-hero__copy {
	max-width: 620px;
}

body.tbp-landing .tbp-hero__thumbs {
	margin-top: 14px;
}

/* ==========================================================================
   5. Pasek statystyk
   ========================================================================== */

.tbp-stats {
	background: var(--tbp-bg-alt);
	border-top: 1px solid var(--tbp-line);
}

.tbp-stat {
	text-align: center;
}

.tbp-stat__value,
.tbp-stat__value.wp-block-kadence-advancedheading {
	font-family: var(--tbp-font-display);
	font-weight: 700;
	font-size: 34px;
	line-height: 1;
	color: var(--tbp-gold);
	margin: 0 0 10px;
}

.tbp-stat__label {
	font-size: 15.5px;
	color: var(--tbp-muted);
	margin: 0;
}

/* ==========================================================================
   6. Program — lista numerowana
   ========================================================================== */

.tbp-checklist__head,
.tbp-checklist__head.wp-block-kadence-advancedheading {
	font-family: var(--tbp-font-display);
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 0.02em;
	color: var(--tbp-text);
	margin: 0 0 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--tbp-line-strong);
}

/* Numeracja 01…10 pochodzi z licznika CSS, więc kolejność pozycji można
   zmieniać w edytorze bez ręcznego przepisywania numerów. */
ol.tbp-numbered {
	counter-reset: tbp-item;
	list-style: none;
	margin: 0;
	padding: 0;
}

ol.tbp-numbered li {
	counter-increment: tbp-item;
	position: relative;
	display: block;
	padding: 15px 0 15px 42px;
	border-bottom: 1px solid var(--tbp-line-soft);
	color: var(--tbp-list);
	font-size: 17px;
	line-height: 1.5;
}

ol.tbp-numbered li:last-child {
	border-bottom: 0;
}

ol.tbp-numbered li::before {
	content: counter(tbp-item, decimal-leading-zero);
	position: absolute;
	left: 0;
	top: 20px;
	font-family: var(--tbp-font-mono);
	font-size: 12px;
	line-height: 1;
	color: var(--tbp-gold);
}

/* ==========================================================================
   7. Proces — kroki
   ========================================================================== */

.tbp-steps {
	background: var(--tbp-bg-alt);
}

/* Hairline między kaflami robi tło siatki prześwitujące przez odstęp 1px. */
.tbp-steps__grid>.kt-row-column-wrap {
	background: var(--tbp-line-strong);
	border: 1px solid var(--tbp-line-strong);
	gap: 1px !important;
}

.tbp-step {
	background: var(--tbp-bg);
}

.tbp-step__num,
.tbp-step__num.wp-block-kadence-advancedheading {
	font-family: var(--tbp-font-mono);
	font-size: 12px;
	letter-spacing: 0.1em;
	color: var(--tbp-gold);
	margin: 0 0 18px;
}

.tbp-step__title,
.tbp-step__title.wp-block-kadence-advancedheading {
	font-family: var(--tbp-font-display);
	font-weight: 600;
	font-size: 19px;
	color: var(--tbp-heading);
	margin: 0 0 10px;
	line-height: 1.25;
}

.tbp-step__text {
	color: var(--tbp-dim);
	font-size: 17px;
	line-height: 1.55;
	margin: 0;
}

body.tbp-landing .tbp-steps__intro {
	max-width: 640px;
	margin: 0 0 56px;
}

/* ==========================================================================
   8. Zakres — karty
   ========================================================================== */

.tbp-scope {
	background: linear-gradient(180deg, #2c3238 0%, #1e2328 100%);
	border-bottom: 1px solid #14181c;
}

.tbp-scope .tbp-title,
.tbp-scope .tbp-title.wp-block-kadence-advancedheading {
	color: #ffffff;
}

.tbp-scope__intro {
	color: #b4bac2;
	font-size: 17px;
	margin: 0;
	max-width: 620px;
}

/* Karty wyrównują wysokość w rzędzie — Kadence rozciąga kolumny w gridzie. */
.tbp-scope__row>.kt-row-column-wrap {
	align-items: stretch;
}

.tbp-card {
	background: var(--tbp-surface);
	border: 1px solid var(--tbp-line-light);
}

.tbp-card__title,
.tbp-card__title.wp-block-kadence-advancedheading {
	font-family: var(--tbp-font-display);
	font-weight: 600;
	font-size: 18.5px;
	color: var(--tbp-heading);
	line-height: 1.3;
	margin: 0 0 12px;
}

.tbp-card__text {
	color: #a2a8b0;
	font-size: 16px;
	line-height: 1.58;
	margin: 0;
}

/* ==========================================================================
   9. O mnie
   ========================================================================== */

.tbp-about {
	background: var(--tbp-bg-alt);
}

body.tbp-landing .tbp-about__byline {
	margin-top: 20px;
	border-left: 2px solid var(--tbp-gold);
	padding-left: 18px;
}

.tbp-about__name,
.tbp-about__name.wp-block-kadence-advancedheading {
	font-family: var(--tbp-font-display);
	font-weight: 600;
	font-size: 17px;
	color: var(--tbp-heading);
	margin: 0;
}

.tbp-about__role {
	font-family: var(--tbp-font-mono);
	font-size: 12px;
	letter-spacing: 0.08em;
	color: var(--tbp-dim);
	margin: 4px 0 0;
}

.tbp-pullquote {
	color: #d6dae0;
	border-left: 2px solid var(--tbp-line-strong);
	padding-left: 20px;
	margin: 0;
	font-size: 17.5px;
	line-height: 1.62;
}

/* ==========================================================================
   10. Oferta — karty cenowe
   ========================================================================== */

.tbp-plan {
	background: var(--tbp-surface-2);
	border: 1px solid var(--tbp-line-strong);
	display: flex;
	flex-direction: column;
}

.tbp-plan--featured {
	background: var(--tbp-surface-3);
	border-color: var(--tbp-gold);
	box-shadow: 0 0 0 1px rgba(232, 177, 10, 0.18), 0 30px 70px -50px rgba(232, 177, 10, 0.55);
}

/* Wstęga wychodzi poza padding karty, żeby dotykała jej krawędzi. */
.tbp-plan__ribbon,
.tbp-plan__ribbon.wp-block-kadence-advancedheading {
	font-family: var(--tbp-font-mono);
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.18em;
	background: #191c21;
	color: var(--tbp-muted);
	border-bottom: 1px solid var(--tbp-line-strong);
	padding: 9px 28px;
	margin: -32px -28px 22px;
}

.tbp-plan--featured .tbp-plan__ribbon,
.tbp-plan--featured .tbp-plan__ribbon.wp-block-kadence-advancedheading {
	background: var(--tbp-gold);
	color: var(--tbp-bg);
	border-bottom: 0;
}

.tbp-plan__name,
.tbp-plan__name.wp-block-kadence-advancedheading {
	font-family: var(--tbp-font-display);
	font-weight: 700;
	font-size: 25px;
	color: var(--tbp-heading);
	line-height: 1.2;
	margin: 0;
}

body.tbp-landing .tbp-plan__meta {
	color: var(--tbp-muted);
	font-size: 16px;
	margin: 8px 0 22px;
	padding-bottom: 22px;
	border-bottom: 1px solid var(--tbp-line-strong);
}

.tbp-plan--featured .tbp-plan__meta {
	color: var(--tbp-gold);
	border-bottom-color: #2a2e34;
}

ul.tbp-ticks {
	list-style: none;
	margin: 0 0 22px;
	padding: 0;
	color: var(--tbp-body);
	font-size: 15.8px;
	line-height: 1.45;
}

ul.tbp-ticks li {
	position: relative;
	padding: 0 0 0 22px;
}

ul.tbp-ticks li+li {
	margin-top: 11px;
}

ul.tbp-ticks li::before {
	content: "✓";
	position: absolute;
	left: 0;
	color: #6e747c;
}

.tbp-plan--featured ul.tbp-ticks {
	color: var(--tbp-list);
}

.tbp-plan--featured ul.tbp-ticks li::before {
	color: var(--tbp-gold);
}

.tbp-offer__intro {
	max-width: 720px;
}

/* Stopka karty dosuwana do dołu, żeby przyciski trzech kart stały w linii.
   Kolumna Kadence musi być kolumną flex, żeby `auto` miało do czego się odnieść.
   Selektor potomka jest konieczny: `.single-content .wp-block-group` z motywu
   zeruje margin-top i wygrywa ze zwykłą klasą. */
.tbp-plan>.kt-inside-inner-col {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.tbp-plan>.kt-inside-inner-col>.tbp-plan__foot {
	margin-top: auto;
}

body.tbp-landing .tbp-plan__fineprint {
	color: var(--tbp-dim);
	font-size: 14.5px;
	line-height: 1.5;
	margin: 14px 0 0;
}

.tbp-plan:not(.tbp-plan--featured) .tbp-plan__fineprint {
	color: var(--tbp-dimmer);
}

/* ==========================================================================
   11. FAQ
   ========================================================================== */

.tbp-faq__list {
	border-top: 1px solid var(--tbp-line-strong);
}

.tbp-faq__list .wp-block-details {
	border-bottom: 1px solid var(--tbp-line-strong);
	padding: 0;
	background: none;
}

.tbp-faq__list .wp-block-details summary {
	cursor: pointer;
	list-style: none;
	display: flex;
	gap: 20px;
	align-items: flex-start;
	justify-content: space-between;
	padding: 22px 0;
	font-family: var(--tbp-font-display);
	font-weight: 600;
	font-size: 18px;
	color: var(--tbp-heading);
}

.tbp-faq__list .wp-block-details summary::-webkit-details-marker,
.tbp-faq__list .wp-block-details summary::marker {
	display: none;
	content: "";
}

.tbp-faq__list .wp-block-details summary:hover {
	color: var(--tbp-gold);
}

/* Krzyżyk obracany o 45° przy otwarciu — bez JS, wyłącznie na [open]. */
.tbp-faq__list .wp-block-details summary::after {
	content: "+";
	flex: 0 0 auto;
	color: var(--tbp-gold);
	font-size: 20px;
	line-height: 1;
	transition: transform 0.2s ease;
}

.tbp-faq__list .wp-block-details[open] summary::after {
	transform: rotate(45deg);
}

.tbp-faq__list .wp-block-details> :not(summary) {
	color: var(--tbp-body);
	font-size: 17px;
	line-height: 1.6;
	max-width: 760px;
	margin: 0 0 14px;
}

.tbp-faq__list .wp-block-details> :not(summary):last-child {
	margin-bottom: 26px;
}

.tbp-faq__list ul {
	list-style: none;
	padding: 0;
	margin: 0 0 14px;
}

.tbp-faq__list ul li {
	position: relative;
	padding-left: 22px;
}

.tbp-faq__list ul li+li {
	margin-top: 8px;
}

.tbp-faq__list ul li::before {
	content: "·";
	position: absolute;
	left: 6px;
	color: var(--tbp-gold);
}

/* ==========================================================================
   12. CTA kontaktowe
   ========================================================================== */

.tbp-cta__box {
	border: 1px solid var(--tbp-line-strong);
	background: linear-gradient(180deg, #14161a 0%, #0f1114 100%);
}

body.tbp-landing .tbp-cta__fineprint {
	font-family: var(--tbp-font-mono);
	font-size: 13px;
	color: var(--tbp-dimmer);
	line-height: 1.6;
	margin: 16px 0 0;
}

/* ==========================================================================
   13. Przyciski
   ========================================================================== */

.tbp-buttons .wp-block-button__link,
body.tbp-landing .tbp-buttons .wp-block-button__link {
	font-family: var(--tbp-font-display);
	font-weight: 600;
	font-size: 17px;
	letter-spacing: 0.01em;
	padding: 15px 28px;
	border-radius: var(--tbp-radius);
	border: 1px solid transparent;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.tbp-buttons .wp-block-button:not(.is-style-outline) .wp-block-button__link,
body.tbp-landing .tbp-btn-gold .wp-block-button__link {
	background: var(--tbp-gold);
	color: var(--tbp-bg);
}

.tbp-buttons .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
body.tbp-landing .tbp-btn-gold .wp-block-button__link:hover {
	background: var(--tbp-gold-hover);
	color: var(--tbp-bg);
}

.tbp-buttons .wp-block-button.is-style-outline .wp-block-button__link,
body.tbp-landing .tbp-btn-ghost .wp-block-button__link {
	background: transparent;
	border-color: var(--tbp-line-muted);
	color: var(--tbp-text);
}

.tbp-buttons .wp-block-button.is-style-outline .wp-block-button__link:hover,
body.tbp-landing .tbp-btn-ghost .wp-block-button__link:hover {
	border-color: var(--tbp-gold);
	color: var(--tbp-gold);
	background: transparent;
	border-width: 1px !important;
}

/* Przycisk w karcie oferty rozciąga się na całą jej szerokość. */
.tbp-plan .wp-block-buttons,
.tbp-plan .wp-block-button {
	width: 100%;
}

.tbp-plan .wp-block-button__link {
	display: block;
	width: 100%;
	text-align: center;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0.06em;
	padding: 16px 20px;
}

/* ==========================================================================
   14. Miejsca na obrazy
   ========================================================================== */

.tbp-figure img {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid var(--tbp-line-strong);
}

.tbp-figure {
	margin: 0;
}

/* ==========================================================================
   15. Nagłówek i stopka motywu
   ========================================================================== */

.site-header,
.site-header-wrap {
	background: rgba(11, 12, 14, 0.88);
	backdrop-filter: blur(10px);
	border-bottom: 1px solid var(--tbp-line);
}

/* Przyklejony nagłówek.
   Kadence wnosi wprawdzie własne reguły dla `.kadence-sticky-header`, ale klasy
   `item-is-fixed` / `item-is-stuck` nadaje im skrypt, którego w tej instalacji
   nie ma — stąd przełącznik w opcjach motywu nic nie zmieniał. `position: sticky`
   załatwia to natywnie, jednakowo na desktopie i na mobile, bez żadnego JS.

   Selektor musi zawierać `#masthead`: Kadence ustawia w `header.min.css`
   regułę `#masthead { position: relative; z-index: 11 }`, a selektor po
   identyfikatorze wygrywa z samą klasą niezależnie od kolejności arkuszy.
   Zapis `#masthead.site-header` jest o jedną klasę mocniejszy i przejmuje
   kontrolę nad pozycjonowaniem. */
#masthead.site-header {
	position: sticky;
	top: 0;
	z-index: 100;
}

/* Pasek administracyjny jest przypięty do góry okna i zasłaniałby nagłówek. */
body.admin-bar #masthead.site-header {
	top: 32px;
}

@media (max-width: 782px) {

	body.admin-bar #masthead.site-header {
		top: 46px;
	}
}

/* Nagłówek nakładany na treść ma pozycjonowanie bezwzględne i własną warstwę —
   przyklejanie by go z niej wytrąciło. */
.transparent-header #masthead.site-header,
.mobile-transparent-header #masthead.site-header {
	position: absolute;
}

/* Ikona menu mobilnego dziedziczy po Kadence ciemny kolor palety, przez co na
   ciemnym tle nagłówka praktycznie znikała. */
.site-header .mobile-toggle-open-container .menu-toggle-open,
.site-header .mobile-toggle-open-container .menu-toggle-open:focus {
	color: var(--tbp-gold);
}

.site-header .mobile-toggle-open-container .menu-toggle-open:hover,
.site-header .mobile-toggle-open-container .menu-toggle-open:focus-visible {
	color: var(--tbp-gold-hover);
}

/* Ikona bywa rysowana jako SVG z własnym wypełnieniem, więc samo `color`
   nie zawsze wystarcza. */
.site-header .mobile-toggle-open-container .menu-toggle-open .kadence-svg-iconset,
.site-header .mobile-toggle-open-container .menu-toggle-open svg {
	color: currentColor;
	fill: currentColor;
}

.site-header .site-header-item .header-navigation .header-menu-container>ul>li>a {
	font-family: var(--tbp-font-display);
	font-size: 14.5px;
	font-weight: 500;
	letter-spacing: 0.01em;
	color: var(--tbp-muted);
}

.site-header .header-navigation .header-menu-container>ul>li>a:hover {
	color: var(--tbp-text);
}

.site-header .header-button {
	font-family: var(--tbp-font-display);
	font-weight: 600;
	letter-spacing: 0.02em;
	border-radius: var(--tbp-radius);
	background: var(--tbp-gold);
	color: var(--tbp-bg);
	border: 0;
}

.site-header .header-button:hover {
	background: var(--tbp-gold-hover);
	color: var(--tbp-bg);
}

.site-footer,
.site-footer .site-middle-footer-wrap,
.site-footer .site-bottom-footer-wrap {
	background: var(--tbp-bg-alt);
	color: var(--tbp-dim);
}

.site-footer .site-middle-footer-wrap {
	border-top: 1px solid var(--tbp-line);
}

.site-footer .site-bottom-footer-wrap {
	border-top: 1px solid var(--tbp-line-soft);
	font-size: 14px;
	color: var(--tbp-faint);
}

/* Copyright po lewej, polityka prywatności po prawej — jak w dolnym pasku projektu. */
.site-footer .footer-html-inner {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: space-between;
	width: 100%;
}

.site-footer .tbp-footer-privacy {
	color: var(--tbp-faint);
}

.site-footer .tbp-footer-privacy:hover {
	color: var(--tbp-muted);
}

.site-footer .widget-title,
.site-footer h2,
.site-footer h3 {
	font-family: var(--tbp-font-mono);
	font-size: 11.5px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--tbp-faint);
	margin-bottom: 16px;
}

.site-footer a {
	color: var(--tbp-muted);
}

.site-footer a:hover {
	color: var(--tbp-gold);
}

.tbp-footer-brand img {
	height: auto;
	margin-bottom: 18px;
	display: block;
}

/* Nagłówki kolumn stopki są zwykłymi akapitami w widgetach HTML, więc muszą
   dostać styl etykiety same z siebie. */
.site-footer .tbp-footer-label {
	font-family: var(--tbp-font-mono);
	font-size: 11.5px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--tbp-faint);
	margin: 0 0 16px;
}

.site-footer ul.tbp-footer-links {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 15.5px;
}

.site-footer ul.tbp-footer-links li+li {
	margin-top: 9px;
}

.site-footer .tbp-footer-muted {
	color: var(--tbp-dimmer);
}

.site-footer .tbp-footer-disclaimer {
	color: #6b7178;
	font-size: 14px;
	line-height: 1.6;
	max-width: 340px;
	margin: 0;
}

/* ==========================================================================
   16. Responsywność
   ========================================================================== */

@media (max-width: 1024px) {

	.tbp-plan__ribbon,
	.tbp-plan__ribbon.wp-block-kadence-advancedheading {
		padding: 9px 24px;
	}
}

@media (max-width: 767px) {
	body.tbp-landing {
		font-size: 17px;
	}

	.tbp-steps__grid>.kt-row-column-wrap {
		gap: 1px !important;
	}

	.tbp-plan__ribbon,
	.tbp-plan__ribbon.wp-block-kadence-advancedheading {
		margin: -24px -20px 20px;
		padding: 9px 20px;
	}

	.tbp-faq__list .wp-block-details summary {
		font-size: 17px;
	}

	.tbp-hero__copy {
		max-width: none;
	}
}