/*
 * mint-pillar.css — zestaw A patternow "mint pillar" (minthcm.org, Kadence child).
 *
 * Zrodlo wygladu: <style> + inline styles stron 3461 (/headless-hcm/) i 3454 (/3454-2/)
 * w wersji core/html (unia regul; 3461 ma 12 regul wiecej niz 3454: grid3, gtitle,
 * tabela, chip, lab). Wartosci przeniesione 1:1, przepisane na klasy mp-* uzywane
 * przez block-patterns/a-*.html i bloki core.
 *
 * Zakres: KAZDA regula zaczyna sie od ".wp-block-group.mint-pillar" (sekcja albo
 * czesc z patternu). Stara strona core/html ma <div class="mint-pillar"> bez
 * klasy wp-block-group, wiec ten plik jej nie dotyka.
 * Specyficznosc (0,2,1)+ celowo przebija reguly Kadence typu ".single-content p"
 * i ".wp-block-button .wp-block-button__link", ale przegrywa z inline style
 * i klasami has-* nadanymi w edytorze (zmiana w edytorze ma wygrac).
 *
 * Font: Inter (400/600/700) laduje motyw - ten sam uchwyt minthcm-fonts-<md5> co
 * Barlow i Roboto Condensed (functions.php, kopia lokalna OMGF, 0 odwolan do Google;
 * decyzja wlasciciela 2026-10-31, M4 E7). Ten plik nie ma @font-face - tylko stos
 * "Inter, system-ui, sans-serif" (fallback, gdyby kopia OMGF nie powstala).
 * Wyjatek: naglowki h1-h3 sa w Barlow (ladowany przez child, functions.php),
 * bez wersalikow. Decyzja uzytkownika 2026-10-28: wzorcem wygladu naglowkow jest
 * oryginal 3461 na DEV/Kadence, nie PROD/Bridge (tam h2/h3 dziedziczyly wersaliki
 * z Bridge). Wersaliki etykiet (mp-eyebrow, mp-kicker, mp-lab, naglowki tabel)
 * zostaja - oryginal ma je we wlasnym stylu.
 *
 * Kolumny mp-split: align-items z !important, bo core (blocks/columns/style.css)
 * ma ".wp-block-columns { align-items: initial !important }". Kolumna z
 * is-vertically-aligned-top/-bottom dostaje align-self start/end zamiast core
 * flex-start/flex-end: w mp-split--rev (wrap-reverse) os poprzeczna jest odwrocona
 * i flex-start = DOL (zmierzone na DEV 2026-10-28, #mcp i #agui 3461).
 *
 * Klasy pomocnicze mp-mt-* / mp-mb-* (koniec pliku) maja !important: zastepuja
 * inline marginesy oryginalu, ktore roznia sie miedzy instancjami sekcji.
 */

/* ---------- Korzen ---------- */

.wp-block-group.mint-pillar,
.wp-block-group.mint-pillar * {
	box-sizing: border-box;
}

.wp-block-group.mint-pillar {
	font-family: Inter, system-ui, sans-serif;
	color: #10201b;
}

/* Sekcje (tagName section). Tlo tylko na sekcji: czesc zagniezdzona w sekcji
   tez ma klase mint-pillar i nie moze zamalowac tla sekcji. */
.wp-block-group.mint-pillar.mp-section {
	background: #ffffff;
	padding: 64px 32px;
	margin-top: 0;
	margin-bottom: 0;
}

.wp-block-group.mint-pillar.mp-section--alt {
	background: #f4f8f6;
}

.wp-block-group.mint-pillar.mp-section--dark {
	background: #10201b;
}

/* Grupy bez theme.json dostaja wp-block-group__inner-container przy renderze;
   display:contents zachowuje grid/flex rodzica. */
.wp-block-group.mint-pillar .wp-block-group__inner-container {
	display: contents;
}

/* ---------- Neutralizacja Kadence / core w obrebie zestawu ---------- */

.wp-block-group.mint-pillar .wp-block-group,
.wp-block-group.mint-pillar .wp-block-columns,
.wp-block-group.mint-pillar .wp-block-column,
.wp-block-group.mint-pillar .wp-block-buttons,
.wp-block-group.mint-pillar figure,
.wp-block-group.mint-pillar ol,
.wp-block-group.mint-pillar ul,
.wp-block-group.mint-pillar li {
	margin: 0;
}

/* klasy strukturalne (opakowania czesci i elementy siatek) - bez wlasnego wygladu */
.wp-block-group.mint-pillar .mp-item,
.wp-block-group.mint-pillar .mp-layer-row,
.wp-block-group.mint-pillar.mp-table-part,
.wp-block-group.mint-pillar.mp-diagram-part {
	min-width: 0;
	margin: 0;
}

.wp-block-group.mint-pillar svg {
	max-width: 100%;
	height: auto;
}

/* ---------- Typografia bazowa (oryginal: .mint-pillar a/h1/h2/h3/p) ---------- */

.wp-block-group.mint-pillar a {
	color: #0b7a55;
}

.wp-block-group.mint-pillar a:hover {
	color: #075f42;
}

.wp-block-group.mint-pillar h1,
.wp-block-group.mint-pillar h2,
.wp-block-group.mint-pillar h3 {
	color: #10201b;
	font-family: Barlow, sans-serif;
	text-transform: none;
}

.wp-block-group.mint-pillar h1 {
	margin: 0 0 24px;
	font-size: 46px;
	line-height: 1.1;
	font-weight: 700;
	letter-spacing: -0.02em;
	max-width: 100%;
}

/* h2: oryginal 620px w CSS, 760px inline w sekcjach pionowych (wiekszosc) */
.wp-block-group.mint-pillar h2 {
	margin: 0 0 20px;
	font-size: 32px;
	line-height: 1.22;
	font-weight: 700;
	letter-spacing: -0.015em;
	max-width: 760px;
}

.wp-block-group.mint-pillar h3 {
	margin: 0 0 12px;
	font-size: 20px;
	line-height: 1.3;
	font-weight: 600;
	letter-spacing: normal;
}

/* p: oryginal max-width 100% w CSS, 760px inline w sekcjach pionowych;
   w kolumnach i siatkach 760px nie ogranicza (kolumna jest wezsza). */
.wp-block-group.mint-pillar p {
	margin: 0 0 16px;
	font-size: 16px;
	line-height: 1.68;
	color: #41604f;
	max-width: 760px;
}

/* ---------- Etykiety i tekst pomocniczy ---------- */

/* .eyebrow */
.wp-block-group.mint-pillar .mp-eyebrow {
	margin: 0 0 18px;
	font-size: 12px;
	font-weight: 600;
	line-height: 26px; /* dziedziczone z body Bridge (26 px), zmierzone na PROD */
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #0b7a55;
}

/* hero: pierwszy akapit 18px #20372e (z <strong>) */
.wp-block-group.mint-pillar .mp-lead {
	font-size: 18px;
	color: #20372e;
}

/* .cap */
.wp-block-group.mint-pillar .mp-cap {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: #41604f;
}

.wp-block-group.mint-pillar .mp-cap--strong {
	color: #10201b;
}

/* .lab */
.wp-block-group.mint-pillar .mp-lab {
	margin: 0 0 4px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #7d968a;
}

/* "In short" / "On this page" */
.wp-block-group.mint-pillar .mp-kicker {
	margin: 0 0 12px;
	font-size: 13px;
	font-weight: 700;
	line-height: 26px; /* dziedziczone z body Bridge (26 px), zmierzone na PROD */
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #0b7a55;
}

.wp-block-group.mint-pillar .mp-kicker--muted {
	margin-bottom: 8px;
	font-size: 12px;
	color: #41604f;
}

/* h3 sekcyjne: "MCP App: ..." (22px, 56px nad) i wariant 18px (3454) */
.wp-block-group.mint-pillar .mp-subhead {
	margin: 56px 0 12px;
	font-size: 22px;
}

.wp-block-group.mint-pillar .mp-subhead--sm {
	margin-top: 40px;
	font-size: 18px;
}

/* ---------- Hero i kolumny tekst + diagram ---------- */

.wp-block-group.mint-pillar .wp-block-columns.mp-split {
	display: flex;
	flex-wrap: wrap !important;
	gap: 40px;
	align-items: center !important;
}

.wp-block-group.mint-pillar .wp-block-columns.mp-split--rev {
	flex-wrap: wrap-reverse !important;
}

.wp-block-group.mint-pillar .wp-block-columns.mp-split > .wp-block-column {
	min-width: 0;
}

/* start/end = fizyczna gora/dol takze przy wrap-reverse (core: flex-start/flex-end) */
.wp-block-group.mint-pillar .wp-block-columns.mp-split > .wp-block-column.is-vertically-aligned-top {
	align-self: start;
}

.wp-block-group.mint-pillar .wp-block-columns.mp-split > .wp-block-column.is-vertically-aligned-bottom {
	align-self: end;
}

.wp-block-group.mint-pillar .wp-block-columns.mp-split > .wp-block-column.mp-col-290 {
	flex: 1 1 290px !important;
	max-width: 100%;
}

.wp-block-group.mint-pillar .wp-block-columns.mp-split > .wp-block-column.mp-col-240 {
	flex: 1 1 240px !important;
}

.wp-block-group.mint-pillar.mp-hero .wp-block-columns.mp-split > .wp-block-column.mp-col-240 {
	max-width: 480px;
}

.wp-block-group.mint-pillar .mp-split h2 {
	max-width: 620px;
}

.wp-block-group.mint-pillar .mp-diagram img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}

/* ---------- Przyciski (hero, CTA) ---------- */

.wp-block-group.mint-pillar .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 28px;
}

.wp-block-group.mint-pillar .wp-block-button {
	margin: 0;
}

/* domyslny = obrys (drugi przycisk oryginalu) */
.wp-block-group.mint-pillar .wp-block-button .wp-block-button__link,
.wp-block-group.mint-pillar .wp-block-button .wp-block-button__link:hover,
.wp-block-group.mint-pillar .wp-block-button .wp-block-button__link:focus {
	display: inline-block;
	padding: 14px 24px;
	border: 1px solid #c9d8d1;
	border-radius: 6px;
	background: transparent;
	box-shadow: none;
	color: #10201b;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 26px; /* dziedziczone z body Bridge (26 px), zmierzone na PROD */
	letter-spacing: normal;
	text-transform: none;
	text-decoration: none;
}

.wp-block-group.mint-pillar .mp-btn-primary .wp-block-button__link,
.wp-block-group.mint-pillar .mp-btn-primary .wp-block-button__link:hover,
.wp-block-group.mint-pillar .mp-btn-primary .wp-block-button__link:focus {
	border: 0;
	background: #0e9f6e;
	color: #10201b;
}

/* ---------- In short + spis tresci ---------- */

.wp-block-group.mint-pillar.mp-inshort {
	background: #f4f8f6;
	border-top: 1px solid #e2eae6;
	border-bottom: 1px solid #e2eae6;
	padding: 40px 32px;
}

.wp-block-group.mint-pillar .mp-inshort-text {
	margin: 0;
	max-width: 860px;
	font-size: 19px;
	line-height: 1.6;
	color: #20372e;
}

.wp-block-group.mint-pillar .wp-block-separator.mp-sep {
	width: 100%;
	max-width: 860px;
	height: 1px;
	margin: 36px 0 28px;
	border: 0;
	background: #d4e2db;
	opacity: 1;
}

/* numery 01, 02... z licznika CSS; wiersz .mp-toc-sub = podpunkt bez numeru */
.wp-block-group.mint-pillar .mp-toc {
	max-width: 860px;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: mp-toc;
}

.wp-block-group.mint-pillar .mp-toc li {
	display: flex;
	gap: 14px;
	align-items: baseline;
	margin: 0;
	padding: 11px 0;
	border-bottom: 1px solid #dfe9e4;
	font-size: 16px;
	line-height: 1.45;
	color: #10201b;
	counter-increment: mp-toc;
}

.wp-block-group.mint-pillar .mp-toc li::before {
	content: counter(mp-toc, decimal-leading-zero);
	flex: none;
	min-width: 20px;
	font-size: 12px;
	font-weight: 700;
	color: #0b7a55;
}

.wp-block-group.mint-pillar .mp-toc li.mp-toc-sub {
	padding-left: 34px;
	font-size: 15px;
	color: #41604f;
	counter-increment: none;
}

.wp-block-group.mint-pillar .mp-toc li.mp-toc-sub::before {
	content: none;
}

.wp-block-group.mint-pillar .mp-toc a,
.wp-block-group.mint-pillar .mp-toc a:hover {
	color: inherit;
	text-decoration: none;
}

/* ---------- Siatki ---------- */

/* .grid3 */
.wp-block-group.mint-pillar .mp-grid3 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 24px;
}

/* 3454: repeat(3, minmax(0, 1fr)) */
.wp-block-group.mint-pillar .mp-grid3--fixed {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* .gtitle */
.wp-block-group.mint-pillar .mp-gtitle {
	margin: 0 0 8px;
	padding-top: 14px;
	border-top: 2px solid #0e9f6e;
	font-size: 14px;
	font-weight: 600;
	line-height: 26px; /* dziedziczone z body Bridge (26 px), zmierzone na PROD */
	color: #10201b;
}

/* dwie karty (3461 WHY: auto-fit 280px; 3454 QUARTER: 2 kolumny stale) */
.wp-block-group.mint-pillar .mp-grid2 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 24px;
}

.wp-block-group.mint-pillar .mp-grid2--fixed {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wp-block-group.mint-pillar .mp-card {
	padding: 28px 30px;
	border: 1px solid #e2eae6;
	border-radius: 10px;
	background: #ffffff;
}

.wp-block-group.mint-pillar .mp-card--accent {
	border-color: #0e9f6e;
	background: #f0faf6;
}

.wp-block-group.mint-pillar .mp-card h3 {
	font-size: 18px;
}

.wp-block-group.mint-pillar .mp-card p {
	margin: 0 0 10px;
	font-size: 15px;
}

.wp-block-group.mint-pillar .mp-card p:last-child {
	margin-bottom: 0;
}

.wp-block-group.mint-pillar .mp-card .mp-card-label {
	margin: 0 0 18px;
	font-size: 12px;
	font-weight: 700;
	line-height: 26px; /* dziedziczone z body Bridge (26 px), zmierzone na PROD */
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #41604f;
}

.wp-block-group.mint-pillar .mp-card--accent .mp-card-label {
	color: #0b7a55;
}

/* karty warstw (3461 LAYERS): h3 + pary lab/cap + chip na dole */
.wp-block-group.mint-pillar .mp-layers {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 20px;
}

.wp-block-group.mint-pillar .mp-layer {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 26px 24px;
	border: 1px solid #e2eae6;
	border-radius: 10px;
}

.wp-block-group.mint-pillar .mp-layer h3 {
	margin: 0;
	font-size: 18px;
}

/* .chip */
.wp-block-group.mint-pillar .mp-chip {
	display: inline-block;
	align-self: flex-start;
	margin: auto 0 0;
	padding: 5px 10px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	background: #e6f5ee;
	color: #0b7a55;
}

.wp-block-group.mint-pillar .mp-chip--early {
	border: 1px solid #0e9f6e;
	background: #f0faf6;
	color: #0b7a55;
}

.wp-block-group.mint-pillar .mp-chip--hold {
	background: #eef4f1;
	color: #41604f;
}

/* kafle liczb (3454 WHY-HR) */
.wp-block-group.mint-pillar .mp-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.wp-block-group.mint-pillar .mp-stat {
	padding: 18px;
	border: 1px solid #e2eae6;
	border-radius: 10px;
}

.wp-block-group.mint-pillar .mp-stat-num {
	margin: 0 0 8px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	color: #0b7a55;
}

.wp-block-group.mint-pillar .mp-stat .mp-cap {
	font-size: 13px;
}

.wp-block-group.mint-pillar .mp-stat .mp-stat-src {
	color: #7d968a;
}

/* ---------- Tabela (.tbl-wrap, th.hl, td.rowh, td.hl) ---------- */

/* core/table nie niesie klas komorek: rowh = pierwsza kolumna,
   hl = ostatnia kolumna w wariancie --compare */
.wp-block-group.mint-pillar .wp-block-table.mp-tbl {
	overflow-x: auto;
	margin: 0;
	border: 1px solid #e2eae6;
	border-radius: 10px;
	background: #ffffff;
}

.wp-block-group.mint-pillar .mp-tbl table {
	width: 100%;
	min-width: 560px;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	table-layout: auto;
}

.wp-block-group.mint-pillar .mp-tbl thead {
	border: 0;
}

.wp-block-group.mint-pillar .mp-tbl th {
	padding: 16px 20px;
	border: 0;
	border-bottom: 1px solid #e2eae6;
	background: #f4f8f6;
	color: #41604f;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-align: left;
	text-transform: uppercase;
}

.wp-block-group.mint-pillar .mp-tbl td {
	padding: 14px 20px;
	border: 0;
	border-bottom: 1px solid #e2eae6;
	color: #41604f;
	font-size: 15px;
	line-height: 26px; /* dziedziczone z body Bridge (26 px), zmierzone na PROD */
	vertical-align: top;
}

.wp-block-group.mint-pillar .mp-tbl td:first-child {
	font-weight: 600;
	color: #10201b;
}

.wp-block-group.mint-pillar .mp-tbl tr:last-child td {
	border-bottom: 0;
}

.wp-block-group.mint-pillar .mp-tbl--compare th:first-child {
	width: 24%;
}

.wp-block-group.mint-pillar .mp-tbl--compare th:last-child {
	background: #e6f5ee;
	color: #0b7a55;
}

.wp-block-group.mint-pillar .mp-tbl--compare td:last-child {
	background: #f0faf6;
	color: #10201b;
}

/* ---------- Ciemna ramka ---------- */

.wp-block-group.mint-pillar .mp-callout {
	max-width: 760px;
	margin-top: 8px;
	padding: 24px 28px;
	border-radius: 10px;
	background: #10201b;
}

.wp-block-group.mint-pillar .mp-callout p {
	margin: 0;
	max-width: none;
	font-size: 16px;
	font-weight: 600;
	line-height: 26px; /* dziedziczone z body Bridge (26 px), zmierzone na PROD */
	color: #ffffff;
}

.wp-block-group.mint-pillar .mp-callout--note p {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6;
}

/* ---------- Lista krokow 01-05 (3461 READY) ---------- */

.wp-block-group.mint-pillar .mp-steps {
	max-width: 860px;
	border-bottom: 1px solid #d4e2db;
	counter-reset: mp-step;
}

.wp-block-group.mint-pillar .mp-step {
	display: grid;
	grid-template-columns: minmax(20px, auto) 1fr;
	column-gap: 16px;
	padding: 18px 0;
	border-top: 1px solid #d4e2db;
	counter-increment: mp-step;
}

.wp-block-group.mint-pillar .mp-step::before {
	content: counter(mp-step, decimal-leading-zero);
	grid-row: 1 / span 2;
	padding-top: 5px;
	font-size: 12px;
	font-weight: 700;
	line-height: 26px; /* dziedziczone z body Bridge (26 px), zmierzone na PROD */
	color: #0b7a55;
}

.wp-block-group.mint-pillar .mp-step p {
	grid-column: 2;
}

.wp-block-group.mint-pillar .mp-step .mp-step-title {
	margin: 0 0 6px;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.4;
	color: #10201b;
}

/* ---------- FAQ ---------- */

.wp-block-group.mint-pillar .mp-faq {
	max-width: 760px;
	margin-top: 12px;
}

.wp-block-group.mint-pillar .mp-faq-item {
	padding: 18px 0;
	border-bottom: 1px solid #d4e2db;
}

.wp-block-group.mint-pillar .mp-faq-item:last-child {
	border-bottom: 0;
}

.wp-block-group.mint-pillar .mp-faq .mp-faq-q {
	margin: 0 0 6px;
	font-size: 17px;
}

.wp-block-group.mint-pillar .mp-faq-item p {
	margin: 0;
	font-size: 15px;
}

/* ---------- Ciemna sekcja z lista linkow (3461 TEST, 3454 CHECK) ---------- */

.wp-block-group.mint-pillar.mp-section--dark h2 {
	color: #ffffff;
}

.wp-block-group.mint-pillar.mp-section--dark p {
	color: #b3c9c0;
}

.wp-block-group.mint-pillar .mp-links {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: mp-link;
}

.wp-block-group.mint-pillar .mp-links li {
	display: flex;
	gap: 16px;
	margin: 0;
	padding: 16px 0;
	border-bottom: 1px solid #2c443b;
	font-size: 16px;
	line-height: 26px; /* dziedziczone z body Bridge (26 px), zmierzone na PROD */
	color: #ffffff;
	counter-increment: mp-link;
}

.wp-block-group.mint-pillar .mp-links li::before {
	content: counter(mp-link, decimal-leading-zero);
	flex: none;
	padding-top: 4px;
	font-size: 12px;
	font-weight: 600;
	line-height: 26px; /* dziedziczone z body Bridge (26 px), zmierzone na PROD */
	color: #4fd1a5;
}

.wp-block-group.mint-pillar .mp-links a,
.wp-block-group.mint-pillar .mp-links a:hover {
	color: #ffffff;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.wp-block-group.mint-pillar .mp-links li.mp-links-note {
	padding: 20px 0 0;
	border-bottom: 0;
	font-size: 15px;
	color: #b3c9c0;
}

/* ---------- CTA wysrodkowane (3454 CTA) ---------- */

.wp-block-group.mint-pillar.mp-cta {
	text-align: center;
}

.wp-block-group.mint-pillar.mp-cta h2 {
	max-width: 700px;
	margin: 0 auto 16px;
}

.wp-block-group.mint-pillar.mp-cta p {
	max-width: 100%;
	margin: 0 auto 28px;
}

.wp-block-group.mint-pillar.mp-cta .wp-block-buttons {
	justify-content: center;
	margin-top: 0;
}

/* ---------- Marginesy z oryginalu (zastepuja inline style) ---------- */

.wp-block-group.mint-pillar .mp-mt-0 { margin-top: 0 !important; }
.wp-block-group.mint-pillar .mp-mt-24 { margin-top: 24px !important; }
.wp-block-group.mint-pillar .mp-mt-28 { margin-top: 28px !important; }
.wp-block-group.mint-pillar .mp-mt-32 { margin-top: 32px !important; }
.wp-block-group.mint-pillar .mp-mt-36 { margin-top: 36px !important; }
.wp-block-group.mint-pillar .mp-mb-0 { margin-bottom: 0 !important; }
.wp-block-group.mint-pillar .mp-mb-24 { margin-bottom: 24px !important; }
.wp-block-group.mint-pillar .mp-mb-28 { margin-bottom: 28px !important; }
.wp-block-group.mint-pillar .mp-mb-32 { margin-bottom: 32px !important; }
.wp-block-group.mint-pillar .mp-mb-36 { margin-bottom: 36px !important; }