/**

 * ETA O nas page — layout + Path B color restore

 * Iteracja 3 — 2026-06-14 / restore 2026-07-21

 * Kompozycja: Hero → Fundament+Ośrodek (light 2-col) → Offer (4-col icons)

 *             → Research areas (navy 3-card) → Publikacje

 *

 * Root cause (2026-07-21): `_elementor_data` ma background globals

 * (Offer=bg_color_2, Research=alt_bg, cards=bg), ale post-2887.css nigdy

 * nie skompilował background-color (0 reguł; golden też pusty). Path B only —

 * NIE edytować / regenerować uploads/elementor/css/post-*.css.

 *

 * UWAGA: sekcja navy 4-col footer-grid USUNIĘTA celowo.

 */



/* ── H1 = H2 typography canon (Instrument Sans 700 / -0.02em) ───────── */

/* Scoped to page 2887 — size stays Elementor/context-specific. */

.elementor-2887 h1.elementor-heading-title,

.elementor-2887 .elementor-widget-heading h1.elementor-heading-title {

	font-family: "Instrument Sans", sans-serif !important;

	font-weight: 700 !important;

	letter-spacing: -0.02em !important;

	font-style: normal !important;

}



/* ── Section backgrounds (Elementor globals never compiled) ────────── */



/* Offer — soft alt BG (#f4f7fb) */

.elementor-2887 .elementor-element-sec0029 {

	background-color: var(--e-global-color-theme_color_bg_color_2, #f4f7fb) !important;

}



/* Research areas — navy band */

.elementor-2887 .elementor-element-sec0044 {

	background-color: var(--e-global-color-theme_color_alt_bg_color, #001f3f) !important;

}



/* Research eyebrow + H2 — light text on navy */

.elementor-2887 .elementor-element-sec0044 .elementor-element-w0030 .elementor-heading-title,

.elementor-2887 .elementor-element-sec0044 .elementor-element-w0031 .elementor-heading-title {

	color: var(--e-global-color-theme_color_alt_title, #fffeff) !important;

}



/* Research cards — white on navy; tight gutters, hug content (no tall empty tiles) */

/* Higher specificity than Elementor container vars (justify-items:center) */
.elementor-2887 .elementor-element.elementor-element-grid0042.e-con {
	/*
	 * post-2887.css: --gap:28px; --justify-items:center → ~268px tiles
	 * in ~366px cells = huge navy gutters between cards.
	 */
	--gap: 12px !important;
	--row-gap: 12px !important;
	--column-gap: 12px !important;
	--justify-items: stretch !important;
	--align-items: stretch !important;
	gap: 12px !important;
	column-gap: 12px !important;
	row-gap: 12px !important;
	justify-items: stretch !important;
	align-items: stretch !important;
	width: 100% !important;
	max-width: 100% !important;
}

.elementor-2887 .elementor-element.elementor-element-grid0042.e-con > .elementor-element,
.elementor-2887 .elementor-element.elementor-element-grid0042.e-con > .e-con {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	justify-self: stretch !important;
	align-self: stretch !important;
}

.elementor-2887 .elementor-element.elementor-element-col0035,
.elementor-2887 .elementor-element.elementor-element-col0038,
.elementor-2887 .elementor-element.elementor-element-col0041,
.elementor-2887 .eta-onas-research-card {
	background-color: var(--e-global-color-theme_color_bg_color, #ffffff) !important;
	border-radius: 12px !important;
	padding: 22px 20px 24px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	align-items: stretch !important;
	box-sizing: border-box !important;
	/* Hug copy — do not stretch into empty equal-height slabs */
	height: auto !important;
	min-height: 0 !important;
	/* Elementor sets --width:75% → narrow tiles + navy gutters beside */
	--width: 100% !important;
	width: 100% !important;
	max-width: 100% !important;
	flex: 1 1 0 !important;
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.elementor-2887 .elementor-element-col0035:hover,
.elementor-2887 .elementor-element-col0038:hover,
.elementor-2887 .elementor-element-col0041:hover,
.elementor-2887 .eta-onas-research-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 28px rgba(0, 31, 63, 0.18) !important;
}

/* Titles: hierarchy + no mid-word hyphen breaks (Fotoelektrochemia) */
.elementor-2887 .elementor-element-col0035 .elementor-heading-title,
.elementor-2887 .elementor-element-col0038 .elementor-heading-title,
.elementor-2887 .elementor-element-col0041 .elementor-heading-title,
.elementor-2887 .eta-onas-research-card .elementor-heading-title {
	hyphens: none !important;
	-webkit-hyphens: none !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	line-height: 1.28 !important;
	margin: 0 0 12px !important;
	letter-spacing: -0.015em;
	color: var(--e-global-color-theme_color_title, #001f3f);
}

/*
 * Root cause cramped look: Elementor `widget__width-initial` pins text ~165px
 * → tall narrow column + dead white on the right. Force full card width.
 */
.elementor-2887 .elementor-element-col0035 .elementor-widget,
.elementor-2887 .elementor-element-col0038 .elementor-widget,
.elementor-2887 .elementor-element-col0041 .elementor-widget,
.elementor-2887 .eta-onas-research-card .elementor-widget {
	width: 100% !important;
	max-width: 100% !important;
	align-self: stretch !important;
}

.elementor-2887 .elementor-element-col0035 .elementor-widget-text-editor,
.elementor-2887 .elementor-element-col0038 .elementor-widget-text-editor,
.elementor-2887 .elementor-element-col0041 .elementor-widget-text-editor,
.elementor-2887 .eta-onas-research-card .elementor-widget-text-editor {
	margin-top: 0 !important;
	height: auto !important;
	min-height: 0 !important;
}

.elementor-2887 .elementor-element-col0035 .elementor-widget-text-editor .elementor-widget-container,
.elementor-2887 .elementor-element-col0038 .elementor-widget-text-editor .elementor-widget-container,
.elementor-2887 .elementor-element-col0041 .elementor-widget-text-editor .elementor-widget-container,
.elementor-2887 .eta-onas-research-card .elementor-widget-text-editor .elementor-widget-container {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
}

.elementor-2887 .elementor-element-col0035 .elementor-widget-text-editor p,
.elementor-2887 .elementor-element-col0038 .elementor-widget-text-editor p,
.elementor-2887 .elementor-element-col0041 .elementor-widget-text-editor p,
.elementor-2887 .eta-onas-research-card .elementor-widget-text-editor p {
	line-height: 1.55 !important;
	margin: 0 !important;
	hyphens: none !important;
	-webkit-hyphens: none !important;
	max-width: 100% !important;
}

/* Inner widgets: kill Elementor default cramped top packing */
.elementor-2887 .elementor-element-col0035 > .e-con-inner,
.elementor-2887 .elementor-element-col0038 > .e-con-inner,
.elementor-2887 .elementor-element-col0041 > .e-con-inner,
.elementor-2887 .eta-onas-research-card > .e-con-inner {
	gap: 0 !important;
	row-gap: 0 !important;
	padding: 0 !important;
	height: 100%;
	display: flex !important;
	flex-direction: column !important;
}

.elementor-2887 .elementor-element-col0035 .elementor-widget,
.elementor-2887 .elementor-element-col0038 .elementor-widget,
.elementor-2887 .elementor-element-col0041 .elementor-widget,
.elementor-2887 .eta-onas-research-card .elementor-widget {
	margin-block: 0 !important;
}

/* Mobile: breathable pad + stack gap; title size for long Polish compounds */
@media (max-width: 767px) {
	.elementor-2887 .elementor-element-sec0044 {
		padding-left: max(16px, env(safe-area-inset-left)) !important;
		padding-right: max(16px, env(safe-area-inset-right)) !important;
	}

	.elementor-2887 .elementor-element-col0035,
	.elementor-2887 .elementor-element-col0038,
	.elementor-2887 .elementor-element-col0041,
	.elementor-2887 .eta-onas-research-card {
		padding: 20px 18px 22px !important;
		margin-bottom: 0 !important;
		min-height: 0 !important;
		height: auto !important;
	}

	.elementor-2887 .elementor-element.elementor-element-grid0042.e-con {
		--gap: 12px !important;
		--column-gap: 12px !important;
		--row-gap: 12px !important;
		--justify-items: stretch !important;
		gap: 12px !important;
		row-gap: 12px !important;
		column-gap: 12px !important;
		justify-items: stretch !important;
		width: 100% !important;
	}

	.elementor-2887 .elementor-element-col0035 .elementor-heading-title,
	.elementor-2887 .elementor-element-col0038 .elementor-heading-title,
	.elementor-2887 .elementor-element-col0041 .elementor-heading-title,
	.elementor-2887 .eta-onas-research-card .elementor-heading-title {
		font-size: clamp(1.12rem, 4vw, 1.28rem) !important;
		margin-bottom: 10px !important;
		line-height: 1.3 !important;
	}

	.elementor-2887 .elementor-element-col0035 .elementor-widget-text-editor p,
	.elementor-2887 .elementor-element-col0038 .elementor-widget-text-editor p,
	.elementor-2887 .elementor-element-col0041 .elementor-widget-text-editor p,
	.elementor-2887 .eta-onas-research-card .elementor-widget-text-editor p {
		font-size: 15px !important;
		line-height: 1.55 !important;
	}
}

/* Tablet: denser 3-col / wrap — gutters stay tight */
@media (min-width: 768px) and (max-width: 1024px) {
	.elementor-2887 .elementor-element-col0035,
	.elementor-2887 .elementor-element-col0038,
	.elementor-2887 .elementor-element-col0041,
	.elementor-2887 .eta-onas-research-card {
		padding: 20px 18px 22px !important;
		height: auto !important;
		justify-content: flex-start !important;
	}

	.elementor-2887 .elementor-element.elementor-element-grid0042.e-con {
		--gap: 12px !important;
		--column-gap: 12px !important;
		--row-gap: 12px !important;
		--justify-items: stretch !important;
		gap: 12px !important;
		column-gap: 12px !important;
		row-gap: 12px !important;
		justify-items: stretch !important;
		align-items: stretch !important;
	}

	.elementor-2887 .elementor-element-col0035 .elementor-heading-title,
	.elementor-2887 .elementor-element-col0038 .elementor-heading-title,
	.elementor-2887 .elementor-element-col0041 .elementor-heading-title,
	.elementor-2887 .eta-onas-research-card .elementor-heading-title {
		font-size: clamp(1.15rem, 2vw, 1.28rem) !important;
		margin-bottom: 10px !important;
	}
}

/* Desktop: wider cards via tight gutters; height follows content */
@media (min-width: 1025px) {
	.elementor-2887 .elementor-element.elementor-element-grid0042.e-con {
		--gap: 12px !important;
		--column-gap: 12px !important;
		--row-gap: 12px !important;
		--justify-items: stretch !important;
		--align-items: stretch !important;
		justify-items: stretch !important;
		align-items: stretch !important;
		gap: 12px !important;
		column-gap: 12px !important;
		row-gap: 12px !important;
	}

	.elementor-2887 .elementor-element-col0035,
	.elementor-2887 .elementor-element-col0038,
	.elementor-2887 .elementor-element-col0041,
	.elementor-2887 .eta-onas-research-card {
		padding: 22px 20px 24px !important;
		height: auto !important;
		min-height: 0 !important;
		justify-content: flex-start !important;
	}

	.elementor-2887 .elementor-element-col0035 .elementor-heading-title,
	.elementor-2887 .elementor-element-col0038 .elementor-heading-title,
	.elementor-2887 .elementor-element-col0041 .elementor-heading-title,
	.elementor-2887 .eta-onas-research-card .elementor-heading-title {
		font-size: 1.28rem !important;
		line-height: 1.28 !important;
		margin-bottom: 10px !important;
	}

	.elementor-2887 .elementor-element-col0035 .elementor-widget-text-editor p,
	.elementor-2887 .elementor-element-col0038 .elementor-widget-text-editor p,
	.elementor-2887 .elementor-element-col0041 .elementor-widget-text-editor p,
	.elementor-2887 .eta-onas-research-card .elementor-widget-text-editor p {
		font-size: 15px !important;
		line-height: 1.55 !important;
	}
}



/* ── Fundament+Ośrodek — 2-col split ─────────────────────────────── */



/* Stack columns on tablet/mobile — bez zerowania guttera (shell: --eta-shell-content-gutter) */

@media (max-width: 1024px) {

	body .elementor .e-con[data-title="Fundament Osrodek"] > .e-con-inner,

	body .elementor .e-con[data-title="Fundament Osrodek"] > .e-con-inner > .e-con {

		width: 100% !important;

		border-left: none !important;

	}

}



/* Divider between fundament/osrodek on desktop becomes a top-border on mobile */

@media (max-width: 767px) {

	.eta-onas-osrodek-col {

		border-left: none !important;

		border-top: 1px solid rgba(0, 31, 63, 0.10);

		padding-top: 36px !important;

	}

}



/* ── Publikacje section ───────────────────────────────────────────── */

/* Max-width on body text for readability (~65ch) */

.eta-onas-pub-text .elementor-widget-text-editor p,

.eta-onas-pub-text p {

	max-width: 65ch;

	line-height: 1.75;

}



/* ── CTA card ─────────────────────────────────────────────────────── */

.eta-onas-cta-card {

	box-shadow: 0 4px 32px rgba(0, 31, 63, 0.14) !important;

}



/* ── Research cards (legacy BEM — kept if JS injects) ─────────────── */

.eta-onas-research-card {

	transition: transform 180ms ease, box-shadow 180ms ease;

}



.eta-onas-research-card:hover {

	transform: translateY(-4px);

	box-shadow: 0 10px 28px rgba(0, 31, 63, 0.18) !important;

}



/* ── Icon box grid — ensure equal height on desktop ──────────────── */

@media (min-width: 1025px) {

	.elementor-2887 .elementor-element-grid0027 > .e-con,

	.eta-onas-offer-grid .e-con {

		height: 100%;

	}

}