/*
Theme Name:     Kadence Child (minthcm.org)
Description:    Motyw potomny Kadence dla minthcm.org — nastepca bridge-18-child (operacja marketing/wp-fleet-ops#12).
Author:         eVolpe
Template:       kadence
Version:        0.1.0
Text Domain:    kadence-child
*/

/* -------------------------------------------------------------------------
 * [0.1.0] Tokeny z qode_options_proya (inwentarz M1 §3) — jedno miejsce.
 * Paleta Kadence (--global-palette*) nadpisana tu, zeby wyglad nie zalezal
 * od opcji w bazie; skrypt przelaczenia ustawia te same wartosci w opcji
 * kadence_global_palette, zeby edytor pokazywal te same kolory.
 * ---------------------------------------------------------------------- */
:root {
	--mint-green-dark: #009976;
	--mint-green-light: #63c29a;
	--mint-menu: #008876;
	--mint-gray: #606164;
	--mint-gray-light: #818181;
	--mint-footer-top: #262626;
	--mint-footer-bottom: #1b1b1b;
	--mint-grid: 1100px;
	--mint-header-h: 100px;
	--global-palette1: #009976;
	--global-palette2: #63c29a;
	--global-palette3: #606164;
	--global-palette4: #606164;
	--global-palette5: #818181;
	--global-palette6: #a7a7a7;
	--global-palette7: #efefef;
	--global-palette8: #ffffff;
	--global-palette9: #ffffff;
	--global-body-font-family: Barlow, sans-serif;
	--global-heading-font-family: Barlow, sans-serif;
}

body {
	font-family: Barlow, sans-serif;
	font-size: 16px;
	line-height: 26px;
	color: var(--mint-gray);
}

a {
	color: var(--mint-green-dark);
}

a:hover,
a:focus {
	color: var(--mint-green-light);
}

h1, h2, h3, h4, h5, h6 {
	font-family: Barlow, sans-serif;
	color: var(--mint-gray);
}

::selection {
	background: var(--mint-green-light);
	color: #fff;
}

/* -------------------------------------------------------------------------
 * [0.1.0] Naglowek (inc/header.php) — w siatce 1100 px, przyklejony, 100 px
 * wysokosci jak header_bottom Bridge (header_bottom_appearance=fixed).
 * ---------------------------------------------------------------------- */
.minthcm-header {
	position: relative;
	z-index: 1000;
	background: #fff;
	height: var(--mint-header-h);
}

/* [M4b] Kadence header.min.css `#masthead{position:relative}` (ID) wygrywal ze `sticky`
   tej klasy, wiec `.admin-bar` top:32px przesuwal naglowek o 32 px w dol (pusta przestrzen
   nad nim po zalogowaniu). PROD (Bridge, >1000 px): naglowek przyklejony, przy scrollu
   zweza sie 100 -> 57 px (wys. = max(57, 100 - scrollY), JS w inc/header.php) i tlo 0,9;
   <=1000 px przewija sie razem ze strona. margin-bottom trzyma 100 px w przeplywie. */
@media (min-width: 1001px) {
	#masthead.minthcm-header {
		position: sticky;
		top: 0;
		margin-bottom: calc(100px - var(--mint-header-h));
		transition: background-color 0.2s;
	}

	.admin-bar #masthead.minthcm-header {
		top: 32px;
	}

	body.minthcm-scrolled #masthead.minthcm-header {
		background: rgba(255, 255, 255, 0.9);
	}
}

.minthcm-header__inner {
	/* [M4 Z1] logo na lewej krawedzi siatki 1100 (PROD x=170 przy 1440; bylo 185),
	   menu i lupa przy prawej (PROD: menu do 1242, lupa 1242-1270; bylo menu na srodku). */
	max-width: calc(var(--mint-grid) + 30px);
	height: 100%;
	margin: 0 auto;
	padding: 0 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0;
}

.minthcm-header__nav {
	margin-left: auto;
}

.minthcm-header__logo img {
	display: block;
	height: 40px;
	width: auto;
}

.minthcm-header__nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}

.minthcm-header__nav > ul > li {
	position: relative;
}

.minthcm-header__nav > ul > li > a {
	display: block;
	padding: 0 12px;
	line-height: var(--mint-header-h);
	color: var(--mint-menu);
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0;
}

.minthcm-header__nav > ul > li > a:hover,
.minthcm-header__nav > ul > li.current-menu-item > a,
.minthcm-header__nav > ul > li.current-menu-ancestor > a {
	color: var(--mint-gray);
}

.minthcm-header__nav a[target=_blank]::after {
	content: "\2197";
	margin-left: 4px;
	font-size: 0.9em;
}

/* Podmenu */
.minthcm-header__nav .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 220px;
	background: #fff;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
	flex-direction: column;
	align-items: stretch;
	padding: 8px 0;
}

.minthcm-header__nav li:hover > .sub-menu,
.minthcm-header__nav li:focus-within > .sub-menu {
	display: flex;
}

.minthcm-header__nav .sub-menu a {
	display: block;
	padding: 8px 18px;
	color: var(--mint-green-dark);
	font-size: 13px;
	text-decoration: none;
}

.minthcm-header__nav .sub-menu a:hover {
	color: var(--mint-gray);
}

/* Pozycje DEMO/DOWNLOAD (klasa menu-item--primary z bridge-18-child) */
.minthcm-header__nav li.menu-item--primary > a > span,
.minthcm-header__nav li.menu-item--primary > a:not(:has(span)) {
	color: #fff;
	background-color: var(--mint-green-dark);
	padding: 10px;
	border-radius: 4px;
	line-height: 1;
}

.minthcm-header__nav li.menu-item--primary > a {
	color: #fff;
}

.minthcm-header__nav li.menu-item--primary > a:hover > span,
.minthcm-header__nav li.menu-item--primary.current-menu-item > a > span {
	background-color: var(--mint-gray);
}

@media (min-width: 1001px) and (max-width: 1200px) {
	.minthcm-header__nav > ul > li > a {
		padding: 0 8px;
		font-size: 12px;
	}
}

/* Wyszukiwarka (search_button Bridge) */
.minthcm-header__search summary {
	list-style: none;
	cursor: pointer;
	color: var(--mint-green-light);
	padding: 0 0 0 8px;
	line-height: var(--mint-header-h);
}

.minthcm-header__search summary::-webkit-details-marker {
	display: none;
}

.minthcm-header__search summary:hover {
	color: var(--mint-gray);
}

.minthcm-header__search form {
	position: absolute;
	right: 15px;
	top: var(--mint-header-h);
	background: #fff;
	padding: 12px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

.minthcm-header__search {
	position: static;
}

.minthcm-nav-toggle {
	display: none;
	background: none;
	border: 0;
	padding: 8px;
	cursor: pointer;
}

.minthcm-nav-toggle span {
	display: block;
	width: 24px;
	height: 2px;
	margin: 5px 0;
	background: var(--mint-green-dark);
}

/* [M4 Z1] Naglowek mobilny jak Bridge (<=1000 px, zmierzone na PROD iPad 810 i iPhone 390):
   100 px wysokosci (bylo 70), hamburger przy lewej krawedzi siatki, logo na srodku,
   lupa przy prawej; siatka naglowka 768 / 600 / 420, ponizej 481 px pelna szerokosc - 2 x 15. */
@media (max-width: 1000px) {
	.minthcm-header {
		height: 100px;
		--mint-header-h: 100px;
	}

	.minthcm-header__inner {
		display: grid;
		grid-template-columns: 1fr auto 1fr;
		max-width: var(--mint-content-grid);
		padding: 0;
	}

	.minthcm-nav-toggle {
		display: block;
		grid-column: 1;
		grid-row: 1;
		justify-self: start;
		padding: 8px 0;
	}

	.minthcm-nav-toggle span {
		width: 19px;
		margin: 4px 0;
	}

	.minthcm-header__logo {
		grid-column: 2;
		grid-row: 1;
	}

	.minthcm-header__nav {
		display: none;
		position: absolute;
		top: var(--mint-header-h);
		left: 0;
		right: 0;
		margin-left: 0;
		background: #fff;
		box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
		max-height: calc(100vh - var(--mint-header-h));
		overflow-y: auto;
	}

	body.minthcm-nav-open .minthcm-header__nav {
		display: block;
	}

	.minthcm-header__nav ul {
		flex-direction: column;
		align-items: stretch;
	}

	.minthcm-header__nav > ul > li > a {
		line-height: 44px;
		padding: 0 20px;
		color: var(--mint-green-dark);
	}

	.minthcm-header__nav .sub-menu {
		display: flex;
		position: static;
		box-shadow: none;
		padding: 0 0 0 16px;
	}

	.minthcm-header__search {
		display: block;
		grid-column: 3;
		grid-row: 1;
		justify-self: end;
	}
}

@media (max-width: 480px) {
	.minthcm-header__inner {
		max-width: none;
		padding: 0 15px;
	}
}

/* -------------------------------------------------------------------------
 * [0.1.0] Stopka (inc/footer.php) — gora 2 kolumny (#262626), dol 3 kolumny
 * (#1b1b1b), obie w siatce, jak footer_top/footer_bottom Bridge.
 * ---------------------------------------------------------------------- */
.minthcm-footer__top {
	background: var(--mint-footer-top);
	color: var(--mint-gray-light);
	padding: 72px 0 52px;
}

.minthcm-footer__bottom {
	background: var(--mint-footer-bottom);
	color: var(--mint-gray);
	font-size: 12px;
	line-height: 35px;
	text-align: center;
}

.minthcm-footer__grid {
	max-width: var(--mint-grid);
	margin: 0 auto;
	padding: 0 15px;
	display: grid;
	gap: 0;
}

.minthcm-footer__top .minthcm-footer__grid {
	grid-template-columns: repeat(2, 1fr);
}

.minthcm-footer__bottom .minthcm-footer__grid {
	grid-template-columns: repeat(3, 1fr);
	align-items: center;
	min-height: 53px;
}

.minthcm-footer__top .widget,
.minthcm-footer__bottom .widget {
	margin: 0;
}

.minthcm-footer__top p {
	color: var(--mint-gray-light);
}

/* [M4b] Ikony social jak footer_bottom Bridge (PROD 2026-11-01, 1440 px): wyrownane do prawej
   krawedzi siatki (ostatnia ikona konczy sie 6 px przed nia), 30 px od gory paska + 9 px,
   kolor #606164, Discord (obrazek 30 px, bez filtra), ikony FA co ~38 px. */
.minthcm-footer__bottom .minthcm-footer__col--right {
	display: flex;
	align-self: stretch;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 14px;
	padding-top: 9px;
}

.minthcm-footer__bottom .wp-block-social-links {
	margin: 0;
	padding-right: 6px;
	gap: 8px;
}

.minthcm-footer__bottom .wp-block-social-links .wp-social-link {
	color: var(--mint-gray) !important;
}

.minthcm-footer__bottom .wp-block-social-links .wp-social-link svg {
	width: 30px;
	height: 30px;
}

.minthcm-footer__bottom .social-icon--disco,
.minthcm-footer__bottom .social-icon--disco a {
	display: block;
	line-height: 0;
}

.minthcm-footer__bottom .wp-block-social-links .wp-social-link:hover {
	color: var(--mint-green-light) !important;
}

.minthcm-footer__bottom figure.wp-block-image {
	margin: 0;
}

@media (max-width: 767px) {
	.minthcm-footer__top .minthcm-footer__grid,
	.minthcm-footer__bottom .minthcm-footer__grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	/* [M4b] telefon: ikony social wysrodkowane (PROD 390 px: 99-285). */
	.minthcm-footer__bottom .minthcm-footer__col--right {
		justify-content: center;
		padding-top: 0;
	}

	.minthcm-footer__bottom .wp-block-social-links {
		padding-right: 0;
	}
}

/* -------------------------------------------------------------------------
 * [0.1.0] Przyciski .qbutton z widgetow custom_html-3 / custom_html-5
 * (CTA w stopce) — odpowiednik klasy Bridge, ktora znika z motywem.
 * Wartosci zmierzone na PROD 2026-10-27: 13 px / 700 / 1 px / 39 px, ramka 2 px.
 * ---------------------------------------------------------------------- */
.qbutton {
	display: inline-block;
	position: relative;
	height: 39px;
	line-height: 39px;
	padding: 0 14px;
	border: 2px solid var(--mint-gray);
	border-radius: 4px;
	background: #fff;
	color: var(--mint-gray);
	font-family: Barlow, sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
	box-sizing: content-box;
}

.qbutton:hover {
	color: #fff;
	background-color: var(--mint-green-light);
	border-color: var(--mint-green-light);
}

.qbutton.white {
	background: transparent;
	color: #fff;
	border-color: #fff;
}

.qbutton.white:hover {
	color: #fff;
	background-color: var(--mint-green-light);
	border-color: var(--mint-green-light) !important;
}

a.qbutton.default.btn-green {
	color: #fff;
	border-color: var(--mint-green-light);
	background: var(--mint-green-light);
}

a.qbutton.default.btn-green:hover {
	color: var(--mint-gray);
	background: #fff;
	border-color: var(--mint-gray);
}

/* -------------------------------------------------------------------------
 * [0.1.0] Formularze Mautica (generate.js) — 1:1 z bridge-18-child/style.css.
 * ---------------------------------------------------------------------- */
.mauticform-myfield {
	margin-left: 0 !important;
}

.mauticform-mybutton {
	width: unset !important;
	margin-left: 0 !important;
}

.mauticform_wrapper {
	font-family: "Open Sans", sans-serif;
}

.mauticform-button-wrapper .mauticform-button.btn-default {
	color: var(--mint-gray) !important;
	border-radius: 4px !important;
	border: 2px solid var(--mint-gray) !important;
	line-height: 39px !important;
	margin: 0 !important;
	padding: 0 23px !important;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: transparent;
	transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
}

.minthcm-footer .mauticform-button-wrapper .mauticform-button.btn-default {
	color: white !important;
	border-color: #fff !important;
}

/* [M4 Z1] SUBSCRIBE w stopce byl pustym bialym prostokatem: generate.js formularza id=1
   wstrzykuje `.mauticform-button.btn-default { background-color: #fff }` PO tym arkuszu
   (rowna specyficznosc wygrywa), a na PROD przykrywa to `button.white` z bridge-18-child
   (!important) — tej reguly nie przeniesiono w M3a. Skutek motywu, nie DEV (wp-mautic
   nie bierze w tym udzialu: formularz stopki to <script generate.js> w widgecie). */
button.white {
	background: transparent !important;
	color: #fff !important;
	border-color: #fff !important;
}

button.white:hover {
	background-color: var(--mint-green-light) !important;
	border-color: var(--mint-green-light) !important;
}

/* Bridge nie stylowal pol formularza Mautica — liczyl je UA (Arial 13,33 px) plus CSS
   z generate.js. Kadence narzuca inputom/przyciskom Barlow 16/26, kolor i obramowanie
   (pole stopki 41 px zamiast 30 px). Przywrocenie UA dla fontu i kolorow, reszta z Mautica. */
.mauticform_wrapper input.mauticform-input,
.mauticform_wrapper .mauticform-button {
	font-family: revert;
	font-size: revert;
	line-height: revert;
}

.mauticform_wrapper input.mauticform-input {
	color: revert;
	border-color: #ccc;
	border-radius: 4px;
	/* [M4 Z1 r2] padding z CSS Mautica (.5em = 6,67 px) — Kadence `input[type=email]` 0.4em
	   ma wyzsza specyficznosc: pole 27,7 px zamiast 30,3 px PROD. */
	padding: 0.5em;
}

.mauticform-button-wrapper .mauticform-button.btn-default:hover,
.mauticform-button-wrapper .mauticform-button.btn-default:focus {
	color: white !important;
	border-color: var(--mint-green-light) !important;
	background-color: var(--mint-green-light) !important;
}

/* -------------------------------------------------------------------------
 * [0.1.0] Additional CSS PROD (custom_css_post_id 2849, 114 B) i ikony social.
 * Customizer CSS jest per motyw (theme_mods), wiec po zmianie motywu znika —
 * stad kopia tutaj.
 * ---------------------------------------------------------------------- */
/* [M4b] Bez filtra: na PROD obrazek Discorda jest pokazywany wprost (zmierzone 2026-11-01,
   computed filter none); grayscale+brightness(2) rozjasnial go wzgledem pozostalych ikon. */
.social-icon--disco img {
	width: 30px !important;
	height: 30px !important;
}

/* -------------------------------------------------------------------------
 * [0.1.0] Tytul strony (title_background_color #63c29a, bialy H1 uppercase)
 * i drobiazgi przeniesione z childa Bridge, ktore nadal maja zastosowanie.
 * ---------------------------------------------------------------------- */
/* Zmierzone na PROD 2026-10-27 (title_size_large): pasek 300 px, H1 70/60 px,
   600, 1 px, bialy, w siatce 1100; tresc zaczyna sie 30 px pod paskiem. */
.entry-hero .entry-hero-container-inner {
	background: var(--mint-green-light);
}

.entry-hero .entry-header {
	min-height: 300px;
	max-width: var(--mint-grid);
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}

.entry-hero .entry-title,
.entry-hero .archive-title {
	color: #fff;
	text-transform: uppercase;
	font-size: 70px;
	line-height: 60px;
	font-weight: 600;
	letter-spacing: 1px;
}

@media (max-width: 767px) {
	.entry-hero .entry-header {
		min-height: 160px;
	}

	.entry-hero .entry-title,
	.entry-hero .archive-title {
		font-size: 36px;
		line-height: 40px;
	}
}

.content-title-style-above .content-area {
	margin-top: 30px;
	margin-bottom: 160px;
}

/* M3c R5: szablony full_width i download-page w Bridge nie maja odstepu pod trescia — 160 px wyzej
   sumowalo sie z dolnym odstepem sekcji (mc-pb-160 / mc-pb-80): /download/ +167, /mobile-app/ +158,
   /open-source/ +160 px. Tylko strony, ktorych tresc konczy sekcja zestawu B (.mc-rhythm) — pilot
   M3b (3454, full_width, .mint-pillar) bez zmian. */
.page-template-full_width.content-title-style-above .content-area:has(.entry-content > .mc-rhythm:last-child),
.page-template-download-page.content-title-style-above .content-area:has(.entry-content > .mc-rhythm:last-child) {
	margin-bottom: 0;
}

/* Blok FAQ wtyczki evolpe-faq-schema pod trescia (/support/): margin-bottom 120 px jak .FAQ-block Bridge. */
.content-area .FAQ-block {
	margin-bottom: 120px;
}

/* przesuniecie linku do subskrypcji forum na prawo */
.subscription-toggle {
	float: right;
}

/* bbPress login form max width */
form.bbp-login-form {
	max-width: 280px;
}

/* offset dla kotwic /features/#… pod przyklejonym naglowkiem */
:target {
	scroll-margin-top: calc(var(--mint-header-h) + 20px);
}

/* [M4b] >1000 px naglowek po scrollu ma 57 px (zweza sie jak Bridge), nie 100. */
@media (min-width: 1001px) {
	:target {
		scroll-margin-top: 77px;
	}
}

.white * {
	color: white;
}

.white a:hover {
	color: #efefef;
}

/* -------------------------------------------------------------------------
 * [0.1.0] Szablony (inc/templates.php): pasek tytulu jak title_outer Bridge
 * (200 px, #63c29a, bialy H1 uppercase), akordeon wydan, pelna szerokosc.
 * ---------------------------------------------------------------------- */
.minthcm-title {
	background: var(--mint-green-light);
	height: 200px;
	display: flex;
	align-items: center;
}

.minthcm-title__inner {
	width: 100%;
	max-width: var(--mint-grid);
	margin: 0 auto;
	padding: 0 15px;
}

.minthcm-title h1 {
	margin: 0;
	color: #fff;
	font-size: 70px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 60px;
	text-transform: uppercase;
}

@media (max-width: 767px) {
	.minthcm-title {
		height: 140px;
	}

	.minthcm-title h1 {
		font-size: 36px;
		line-height: 40px;
	}
}

.minthcm-template.site-main {
	padding-top: 0;
}

.minthcm-accordion__item {
	border-bottom: 1px solid #e5e5e5;
}

.minthcm-accordion__item > summary {
	list-style: none;
	cursor: pointer;
	padding: 14px 0;
}

.minthcm-accordion__item > summary::-webkit-details-marker {
	display: none;
}

.minthcm-accordion__item > summary h5 {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--mint-gray);
}

.minthcm-accordion__item[open] > summary h5,
.minthcm-accordion__item > summary:hover h5 {
	color: var(--mint-green-light);
}

.minthcm-full-width .entry-content {
	margin: 0;
}

.minthcm-full-width > .entry {
	box-shadow: none;
	border-radius: 0;
}

/* -------------------------------------------------------------------------
 * [0.1.0] Zestaw B „minthcm-core” (block-patterns/b-*.html) — SZKIELET pod M3c
 * (konwersja home i /features/ z WPBakery). Paleta i przyciski Bridge.
 * ---------------------------------------------------------------------- */
.mc-section {
	max-width: var(--mint-grid);
	margin: 0 auto;
	padding: 80px 15px;
}

.mc-section .mc-split {
	align-items: center;
	gap: 40px;
}

.mc-section .mc-grid3 {
	gap: 40px;
}

.mc-icon img {
	max-height: 100px;
	width: auto;
}

.mc-btn .wp-block-button__link {
	border: 2px solid var(--mint-gray);
	border-radius: 4px;
	background: #fff;
	color: var(--mint-gray);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 39px;
	padding: 0 23px;
	text-transform: uppercase;
}

.mc-btn .wp-block-button__link:hover {
	background: var(--mint-green-light);
	border-color: var(--mint-green-light);
	color: #fff;
}

.mc-btn--green .wp-block-button__link {
	background: var(--mint-green-light);
	border-color: var(--mint-green-light);
	color: #fff;
}

.mc-btn--white .wp-block-button__link {
	background: transparent;
	border-color: #fff;
	color: #fff;
}

.mc-card {
	background: #efefef;
	padding: 40px;
	height: 100%;
}

.mc-cta {
	max-width: none;
	background: var(--mint-green-light);
	text-align: center;
	color: #fff;
}

.mc-cta .mc-cta__title,
.mc-cta p {
	color: #fff;
}

.mc-cta .wp-block-buttons {
	justify-content: center;
}

.mc-faq__inner {
	background: #efefef;
	padding: 40px 40px 35px;
}

.minthcm-title--large {
	height: 300px;
}

/* full_width: tresc zaczyna sie tuz pod paskiem (PROD /3454-2/: .mint-pillar y=400 = 100 + 300). */
.minthcm-full-width {
	padding-top: 0;
}

/* -------------------------------------------------------------------------
 * [0.1.0] Typografia tresci jak Bridge (zmierzone na PROD 2026-10-27,
 * wartosci obliczone w .content): marginesy akapitow, list i naglowkow = 0
 * (odstepy w tresci robia bloki spacer — /support/how-to-use-mint-api/ ma ich 273),
 * h1-h3 i h5 wersalikami z 1 px. Poza .mint-pillar (wlasny system, mint-pillar.css).
 * ---------------------------------------------------------------------- */
.entry-content :is(p, ul, ol, h1, h2, h3, h4, h5, h6):not(.mint-pillar *) {
	margin-top: 0;
	margin-bottom: 0;
}

.entry-content :is(h1, h2, h3, h5):not(.mint-pillar *) {
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* [M4 Z1] h1 W TRESCI to generyczne `h1` Bridge (30 px / 1.25em, bold, bez wersalikow) —
   70/60 600 wersaliki to h1 PASKA TYTULU (.title_size_large), omylkowo przeniesione tu w M3a.
   Zmierzone na PROD /terms-conditions/ 2026-10-28: 11 x h1 30/37.5 700 (DEV: 70/60, +684..+1697 px). */
.entry-content h1:not(.mint-pillar *) {
	font-size: 30px;
	line-height: 1.25em;
	font-weight: 700;
	text-transform: none;
	letter-spacing: normal;
}

/* Interlinie w em jak Bridge (PROD: 33,2308 / 22,1739 / 26,125 px) — w px zaokraglone
   dawaly ok. 0,2 px na naglowek. */
.entry-content h2:not(.mint-pillar *) {
	font-size: 24px;
	line-height: 1.384615em;
}

.entry-content h3:not(.mint-pillar *) {
	font-size: 17px;
	line-height: 1.304348em;
}

.entry-content h4:not(.mint-pillar *) {
	font-size: 19px;
	line-height: 1.375em;
	font-weight: 400;
}

.entry-content h5:not(.mint-pillar *) {
	font-size: 15px;
	line-height: 23.5px;
}

/* -------------------------------------------------------------------------
 * [M4 Z1] Siatka tresci stron bez zestawu A i B jak .container_inner Bridge.
 * Kadence: kontener 1148 z paddingiem 24 px (tekst 1100 tylko na desktopie; iPhone 342 @24,
 * 768 px: 720 @24); Bridge: 1100 / 950 / 768 / 600 / 420 / 300 / 95 % na progach
 * max-width 1200 / 1000 / 768 / 600 / 480 / 350 (PROD: iPhone 300 @45, 768 px: 600 @84).
 * Strony z sekcjami B (.mc-rhythm, wlasna siatka --mc-grid) i A (.mint-pillar) bez zmian.
 * ---------------------------------------------------------------------- */
:root {
	--mint-content-grid: 1100px;
}

@media (max-width: 1200px) {
	:root { --mint-content-grid: 950px; }
}

@media (max-width: 1000px) {
	:root { --mint-content-grid: 768px; }
}

@media (max-width: 768px) {
	:root { --mint-content-grid: 600px; }
}

@media (max-width: 600px) {
	:root { --mint-content-grid: 420px; }
}

@media (max-width: 480px) {
	:root { --mint-content-grid: 300px; }
}

@media (max-width: 350px) {
	:root { --mint-content-grid: 95vw; }
}

body.page:not(:has(.mint-pillar)) #primary > .content-container.site-container:not(:has(.mc-rhythm)) {
	max-width: var(--mint-content-grid);
	padding-left: 0;
	padding-right: 0;
}

/* [M4 Z1] DOWNLOAD w menu: na PROD link ma padding 12 px, a ramke niesie span w srodku
   (ramka 1142-1230 przy 1440); tu ramke niesie link, wiec odstep daje margines pozycji. */
@media (min-width: 1001px) {
	.minthcm-header__nav li.menu-item--primary {
		margin: 0 12px;
	}
}

/* -------------------------------------------------------------------------
 * [M4 Z1] Pasek tytulu jak .title.title_size_large Bridge (zmierzone na PROD
 * /terms-conditions/ 2026-10-28): 300 px i H1 70/60 przy lewej krawedzi siatki (bylo:
 * 200 px — regula childa przegrywala z `.entry-hero.page-hero-section .entry-header`
 * Kadence — i tytul na srodku); <=1000: wysokosc z tresci, padding 30, H1 40/50;
 * <=768: 25, 30/40; <=600: 15, 25/35; <=480: 20/25. Strony zestawu A (.mint-pillar)
 * bez zmian — ich wyglad zatwierdzono w pilocie M3b.
 * ---------------------------------------------------------------------- */
body:not(:has(.mint-pillar)) .entry-hero.page-hero-section .hero-container.site-container,
body:not(:has(.mint-pillar)) .minthcm-title__inner {
	max-width: var(--mint-content-grid);
	padding-left: 0;
	padding-right: 0;
}

body:not(:has(.mint-pillar)) .entry-hero.page-hero-section .entry-header {
	min-height: 300px;
	max-width: none;
	padding: 0;
	align-items: flex-start;
	text-align: left;
}

body:not(:has(.mint-pillar)) .entry-hero.page-hero-section .entry-title {
	margin: 0;
}

@media (max-width: 1000px) {
	body:not(:has(.mint-pillar)) .entry-hero.page-hero-section .entry-header {
		min-height: 0;
		padding: 30px 0;
	}

	body:not(:has(.mint-pillar)) .minthcm-title {
		height: auto;
		padding: 30px 0;
	}

	body:not(:has(.mint-pillar)) .entry-hero.page-hero-section .entry-title,
	body:not(:has(.mint-pillar)) .minthcm-title h1 {
		font-size: 40px;
		line-height: 50px;
	}
}

@media (max-width: 768px) {
	body:not(:has(.mint-pillar)) .entry-hero.page-hero-section .entry-header,
	body:not(:has(.mint-pillar)) .minthcm-title {
		padding: 25px 0;
	}

	body:not(:has(.mint-pillar)) .entry-hero.page-hero-section .entry-title,
	body:not(:has(.mint-pillar)) .minthcm-title h1 {
		font-size: 30px;
		line-height: 40px;
	}
}

@media (max-width: 600px) {
	body:not(:has(.mint-pillar)) .entry-hero.page-hero-section .entry-header,
	body:not(:has(.mint-pillar)) .minthcm-title {
		padding: 15px 0;
	}

	body:not(:has(.mint-pillar)) .entry-hero.page-hero-section .entry-title,
	body:not(:has(.mint-pillar)) .minthcm-title h1 {
		font-size: 25px;
		line-height: 35px;
	}
}

@media (max-width: 480px) {
	body:not(:has(.mint-pillar)) .entry-hero.page-hero-section .entry-title,
	body:not(:has(.mint-pillar)) .minthcm-title h1 {
		font-size: 20px;
		line-height: 25px;
	}
}

/* -------------------------------------------------------------------------
 * [M4 Z1] Tresc stron bez zestawu A i B (instrukcje pod /support/, landingi pod /features/,
 * /terms-conditions/, /demo/): odstepy Kadence .single-content -> wartosci Bridge
 * zmierzone na PROD 2026-10-28 (/support/how-to-use-mint-api/, /terms-conditions/):
 * ul wewnatrz bez wciecia, ol bez wciecia (numery na marginesie), figure 0 0 1em
 * (Kadence 32 px), code monospace w rozmiarze akapitu (Kadence 0.8em), obramowanie tabel #dbdbdb.
 * ---------------------------------------------------------------------- */
body:not(:has(.mc-rhythm, .mint-pillar)) .entry-content ul {
	list-style-position: inside;
	padding-left: 0;
}

body:not(:has(.mc-rhythm, .mint-pillar)) .entry-content ol {
	padding-left: 0;
}

body:not(:has(.mc-rhythm, .mint-pillar)) .entry-content figure {
	margin-bottom: 1em;
}

body:not(:has(.mc-rhythm, .mint-pillar)) .entry-content code {
	font-family: monospace, monospace;
	font-size: 1em;
}

body:not(:has(.mc-rhythm, .mint-pillar)) .entry-content .wp-block-table :is(td, th) {
	border-color: #dbdbdb;
}

/* Akapity z tlem (bloki kodu w instrukcjach): PROD 20 px 30 px; WP core daje 1.25em 2.375em
   (20 / 38 px) — przy siatce 300 px na iPhonie to 16 px wezej i dodatkowe zawiniecia. */
body:not(:has(.mc-rhythm, .mint-pillar)) .entry-content p.has-background {
	padding: 20px 30px;
	/* Kadence dziedziczy word-break: break-word — dlugie tokeny (JWT, URL-e API) lamaly sie
	   znak po znaku: /support/how-to-use-mint-api/ na iPhonie +5358 px wobec PROD. Bridge nie lamie
	   (tekst wychodzi poza ramke); tu bez lamania, nadmiar przewijany w ramce. */
	word-break: normal;
	overflow-wrap: normal;
	overflow-x: auto;
}

/* -------------------------------------------------------------------------
 * [M4 Z1] Stopka: akapity widgetow bez marginesow UA (Bridge zeruje wszystko; na DEV
 * „NEWSLETTER” mial margin-top 30 = 1em UA, opis 16/16), kolumny na krawedziach siatki
 * jak footer_in_grid Bridge (1100 / 768 / 600 / 420; <=480 pelna szerokosc - 2 x 15).
 * ---------------------------------------------------------------------- */
.minthcm-footer p {
	margin-top: 0;
	margin-bottom: 0;
}

.minthcm-footer__grid {
	max-width: calc(var(--mint-content-grid) + 30px);
}

@media (max-width: 480px) {
	.minthcm-footer__grid {
		max-width: none;
	}
}

/* [M4 Z1] Naglowki szablonow wydan (single-release.php, archive-release.php) poza
   .entry-content dostawaly h2 Kadence 28/42 700; PROD: 24 px / 33,23 / 600 / 1 px / wersaliki. */
.mint-container h2 {
	font-size: 24px;
	line-height: 1.384615em;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/* -------------------------------------------------------------------------
 * [M4 Z1] Blok FAQ wtyczki evolpe-faq-schema (/features/<landing>/ x 7, /support/).
 * Markup wtyczki niesie klasy WPBakery/Bridge (vc_col-sm-3/9, q_accordion_holder,
 * accordion_mark) — bez Bridge i js_composer nie mial siatki ani akordeonu, a odpowiedzi
 * byly NIEDOSTEPNE (klikniecie nie otwieralo; skrypt: inc/faq-accordion.php).
 * Wartosci zmierzone na PROD /features/recruitment/ 2026-10-28.
 * ---------------------------------------------------------------------- */
.FAQ-block .section_inner_margin {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}

.FAQ-block .vc_col-sm-3 {
	width: 25%;
}

.FAQ-block .vc_col-sm-9 {
	width: 75%;
}

@media (max-width: 767px) {
	.FAQ-block .vc_col-sm-3,
	.FAQ-block .vc_col-sm-9 {
		width: 100%;
	}
}

.FAQ-block .FAQ-block__title {
	margin-top: 40px;
	padding: 0 15px;
}

.FAQ-block .separator.small {
	width: 22px;
	height: 2px;
	margin: 10px 0 20px;
}

.FAQ-block .FAQ-block__inner-block {
	background: #efefef;
	padding: 40px 40px 35px;
}

.FAQ-block h5.title-holder {
	position: relative;
	min-height: 45px;
	box-sizing: border-box;
	margin: 0 0 5px;
	padding: 9px 0 0;
	font-size: 14px;
	line-height: 28px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--mint-gray);
	cursor: pointer;
}

.FAQ-block .accordion_mark.left_mark {
	position: absolute;
	top: 0;
	left: 0;
	width: 45px;
	height: 45px;
	box-sizing: border-box;
	border: 2px solid #e3e3e3;
	line-height: 41px;
	text-align: center;
}

.FAQ-block .accordion_mark.right_mark {
	display: none;
}

.FAQ-block .left_mark .accordion_mark_icon::before {
	content: "+";
}

.FAQ-block h5.ui-state-active .left_mark .accordion_mark_icon::before {
	content: "\2212";
}

.FAQ-block h5.title-holder:hover,
.FAQ-block h5.ui-state-active {
	color: var(--mint-green-light);
}

.FAQ-block .tab-title {
	display: block;
	padding-left: 63px;
}

.FAQ-block .accordion_content {
	padding-left: 63px;
}

.FAQ-block .accordion_content_inner {
	padding: 8px 0 25px;
}

/* [M4 Z1 r2] `strong`/`b` jak w UA i Bridge: `bolder` (o stopien grubiej niz rodzic).
   Kadence global.min.css ustawia `b, strong { font-weight: bold }` — w naglowkach 600/700
   dawalo to 700 zamiast 900 (PROD /privacy-policy/: 5 x strong w h1/h2 = 900, plik Barlow 900).
   W akapicie 400 oba daja 700. Zestaw A (.mint-pillar) bez zmian. */
:where(b, strong):not(.mint-pillar *) {
	font-weight: bolder;
}

/* [M4 Z1 r2] Wpis (body.single-post; wydania `release` maja wlasny szablon i przy 768 px
   zwezenie dawalo +523 px) przy <=1000 px: tekst w siatce Bridge (768 / 600 / 420 / 300),
   jak strony (PROD 768 px: 600 @84; DEV bylo 720 @24). Desktop bez zmian (uklad wpisu Kadence). */
@media (max-width: 1000px) {
	body.single-post #primary > .content-container.site-container {
		max-width: var(--mint-content-grid);
		padding-left: 0;
		padding-right: 0;
	}
}

/* -------------------------------------------------------------------------
 * [M4 E9] /news/ i archiwa wpisow w siatce Kadence (inc/news-archive.php, body.minthcm-news-grid):
 * data na karcie jak PROD Bridge (blog_masonry_date_in_image, zmierzone 2026-10-31): biala
 * plakietka 50 x 62 px, 5 px od lewego gornego rogu obrazka; dzien 19 px 600 #303030,
 * miesiac 16 px 400 #606164, interlinia 26 px.
 * ---------------------------------------------------------------------- */
.minthcm-news-grid article.loop-entry {
	position: relative;
}

.minthcm-news-grid .minthcm-loop-date {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	min-width: 50px;
	padding: 5px 13px;
	background: #fff;
	font-family: Barlow, sans-serif;
	line-height: 26px;
	text-align: center;
	pointer-events: none;
}

.minthcm-news-grid .minthcm-loop-date__day {
	font-size: 19px;
	font-weight: 600;
	color: #303030;
}

.minthcm-news-grid .minthcm-loop-date__month {
	font-size: 16px;
	font-weight: 400;
	color: #606164;
}

/* -------------------------------------------------------------------------
 * [M4 E9] Wydania na telefonie (archive-release.php: main.minthcm-releases, single-release.php:
 * main.minthcm-release), tylko < 768 px — desktop i tablet bez zmian. Wlasciciel 2026-10-31:
 * tekst, naglowki i obrazy „nienaturalnie blisko”. Zmierzone przy 390 px (DEV i PROD): dwie
 * kolumny obok siebie (tekst 128-156 px, prawa kolumna poza ekranem), naglowek h2 notatek
 * 0 px nad i pod (lista przyklejona), elementy kolumny po 40 px niezaleznie od roli.
 * Teraz: jedna kolumna na szerokosc, h2 32 px nad i 12 px pod, akapity i listy 16 px,
 * pozycje list co 8 px, prawa kolumna (obraz, formularz) 48 px pod notatkami za linia.
 * ---------------------------------------------------------------------- */
@media (max-width: 767px) {
	.minthcm-template.minthcm-releases .mint-section,
	.minthcm-template.minthcm-release .mint-section {
		flex-direction: column;
		margin: 40px 0 60px;
	}

	.minthcm-template.minthcm-releases .mint-section__col,
	.minthcm-template.minthcm-release .mint-section__col {
		flex: 0 0 auto;
		min-width: 0;
		margin: 0;
	}

	.minthcm-template.minthcm-releases .mint-section__col + .mint-section__col,
	.minthcm-template.minthcm-release .mint-section__col + .mint-section__col {
		margin-top: 48px;
		padding-top: 40px;
		border-top: 1px solid #e5e5e5;
	}

	.minthcm-template.minthcm-releases .mint-section__col > *,
	.minthcm-template.minthcm-release .mint-section__col > * {
		margin: 0 0 24px;
	}

	.minthcm-template.minthcm-releases .mint-section__col > h2,
	.minthcm-template.minthcm-release .mint-section__col > h2 {
		margin: 40px 0 16px;
	}

	.minthcm-template.minthcm-releases .mint-section__col > :first-child,
	.minthcm-template.minthcm-release .mint-section__col > :first-child {
		margin-top: 0;
	}

	.minthcm-template.minthcm-releases .mint-section__col > img {
		display: block;
		width: 100%;
		height: auto;
		margin-bottom: 8px;
	}

	.minthcm-template.minthcm-release .mint-section__col__heading h2 {
		margin: 0;
	}

	.minthcm-template.minthcm-releases .acc-release-date {
		margin: 4px 0 20px;
	}

	/* Przyciski z inline `margin: 0 20px 0 0` (szablon 1:1 z Bridge) — odstep w pionie przy zawinieciu. */
	.minthcm-template.minthcm-releases .accordion_content_inner > a.qbutton,
	.minthcm-template.minthcm-release .btn-wrapper > a.qbutton {
		margin-bottom: 12px !important;
	}

	.minthcm-template.minthcm-releases .entry-content h2,
	.minthcm-template.minthcm-release .entry-content h2,
	.minthcm-template.minthcm-releases .entry-content h3,
	.minthcm-template.minthcm-release .entry-content h3 {
		margin: 32px 0 12px;
	}

	.minthcm-template.minthcm-releases .entry-content > :first-child,
	.minthcm-template.minthcm-release .entry-content > :first-child {
		margin-top: 0;
	}

	.minthcm-template.minthcm-releases .entry-content p,
	.minthcm-template.minthcm-release .entry-content p,
	.minthcm-template.minthcm-releases .entry-content ul,
	.minthcm-template.minthcm-release .entry-content ul,
	.minthcm-template.minthcm-releases .entry-content ol,
	.minthcm-template.minthcm-release .entry-content ol {
		margin: 0 0 16px;
	}

	.minthcm-template.minthcm-releases .entry-content ul,
	.minthcm-template.minthcm-release .entry-content ul,
	.minthcm-template.minthcm-releases .entry-content ol,
	.minthcm-template.minthcm-release .entry-content ol {
		padding-left: 20px;
	}

	.minthcm-template.minthcm-releases .entry-content li + li,
	.minthcm-template.minthcm-release .entry-content li + li {
		margin-top: 8px;
	}

	.minthcm-template.minthcm-releases .entry-content img,
	.minthcm-template.minthcm-release .entry-content img {
		display: block;
		margin: 16px 0 24px;
	}
}

/* -------------------------------------------------------------------------
 * [M4b] /download/ (download-page.php) — jak bridge-18-child na PROD (2026-11-01, 1440 px):
 * data wydania tuz pod H2, wymagania i linki w .btn-wrapper, akapity bez marginesow
 * Kadence; przyciski z ikona (qode_button_icon_element: 13 px, 10 px od tekstu,
 * padding 0 23 px), linki z ikona fa-external-link (16 px, 16 px od tekstu).
 * ---------------------------------------------------------------------- */
.minthcm-download .mint-section__col__heading p,
.minthcm-download .mint-section__col > p,
.minthcm-download .mint-reqirements {
	margin: 0;
}

.minthcm-download .qbutton--icon {
	padding: 0 23px;
	white-space: nowrap;
}

/* PROD 768 px: przyciski 131 / 165 px (Bridge zmniejsza padding do 14 px) — w jednym wierszu. */
@media (max-width: 1000px) {
	.minthcm-download .qbutton--icon {
		padding: 0 14px;
	}
}

.minthcm-download .qbutton--icon::after {
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-left: 10px;
	vertical-align: -1px;
	background-color: currentColor;
	-webkit-mask: url(assets/icons/fa-download.svg) no-repeat center / contain;
	mask: url(assets/icons/fa-download.svg) no-repeat center / contain;
}

.minthcm-download .qbutton--list::after {
	width: 14px;
	-webkit-mask-image: url(assets/icons/fa-list-ul.svg);
	mask-image: url(assets/icons/fa-list-ul.svg);
}

.minthcm-download .mint-link::after {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-left: 16px;
	vertical-align: -1px;
	background-color: currentColor;
	-webkit-mask: url(assets/icons/fa-external-link.svg) no-repeat center / contain;
	mask: url(assets/icons/fa-external-link.svg) no-repeat center / contain;
}