/**
 * NT Projektai – shared base for the split homepage sections
 * (NT atsiliepimai / NT DUK / NT užklausa – Titulinis).
 *
 * Values below are defaults; the widgets' Style controls override them
 * through the custom properties.
 */

.nt-home-section {
	--nth-width: 1300px;
	--nth-pad-y: 100px;
	--nth-pad-x: 20px;
	--nth-columns-gap: 72px;
	--nth-block-gap: 56px;
	--nth-accent: #1f5d48;
	--nth-accent-hover: #164535;
	--nth-accent-soft: #e7ede4;
	--nth-heading: #26292a;
	--nth-text: #595c5d;
	--nth-border: #e9e3d8;
	--nth-card-bg: #fff;
	--nth-img-radius: 20px;
	--nth-img-focus: center center;
	--nth-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
	--nth-duration: 0.3s;
	--nth-font-heading: var(--e-global-typography-secondary-font-family, "Libre Franklin"), sans-serif;
	--nth-font-body: var(--e-global-typography-text-font-family, "Roboto"), sans-serif;
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: var(--nth-pad-y) var(--nth-pad-x);
	background-color: #fff;
	color: var(--nth-text);
	font-family: var(--nth-font-body);
}

.nt-home-section *,
.nt-home-section *::before,
.nt-home-section *::after {
	box-sizing: border-box;
}

.nt-home-section__inner {
	width: 100%;
	max-width: var(--nth-width);
	margin: 0 auto;
}

/* ------------------------------------------------------------------ */
/* Header                                                              */
/* ------------------------------------------------------------------ */

.nt-home-section .nt-home-section__eyebrow {
	margin: 0 0 16px;
	padding: 0;
	color: var(--nth-accent);
	font-family: var(--nth-font-body);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.16em;
}

.nt-home-section .nt-home-section__title {
	margin: 0 0 18px;
	padding: 0;
	color: var(--nth-heading);
	font-family: var(--nth-font-heading);
	font-size: clamp(34px, 3.4vw, 48px);
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: -0.015em;
	text-transform: none;
}

.nt-home-section .nt-home-section__title:last-child {
	margin-bottom: 0;
}

.nt-home-section .nt-home-section__intro {
	max-width: 560px;
	margin: 0;
	padding: 0;
	color: var(--nth-text);
	font-family: var(--nth-font-body);
	font-size: 17px;
	line-height: 1.65;
}

/* ------------------------------------------------------------------ */
/* Image: whole photo by default; "fill" mode covers the column        */
/* ------------------------------------------------------------------ */

.nt-home-section .nt-home-section__media {
	display: block;
	min-width: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-radius: var(--nth-img-radius);
	background: #ece8df;
	isolation: isolate;
}

.nt-home-section .nt-home-section__image {
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
	margin: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.nt-home-section .nt-home-section__media--fill {
	align-self: stretch;
	height: 100%;
	min-height: 320px;
}

.nt-home-section .nt-home-section__media--fill .nt-home-section__image {
	height: 100%;
	object-fit: cover;
	object-position: var(--nth-img-focus);
}

/* Editor-only hints. */
.nt-home-section .nt-home-section__notice {
	margin: 0 0 24px;
	padding: 14px 18px;
	border: 1px dashed #c9b98f;
	border-radius: 10px;
	background: #fbf8f1;
	color: #5b4e2e;
	font-size: 14px;
	line-height: 1.5;
}

/* ------------------------------------------------------------------ */
/* Responsive (Elementor breakpoints)                                  */
/* ------------------------------------------------------------------ */

@media (max-width: 1024px) {
	.nt-home-section {
		--nth-pad-y: 72px;
		--nth-pad-x: 32px;
		--nth-columns-gap: 40px;
		--nth-block-gap: 44px;
	}

	.nt-home-section .nt-home-section__media--fill {
		height: auto;
		min-height: 0;
		aspect-ratio: 16 / 10;
	}
}

@media (max-width: 767px) {
	.nt-home-section {
		--nth-pad-y: 56px;
		--nth-pad-x: 20px;
		--nth-columns-gap: 32px;
		--nth-block-gap: 36px;
		--nth-img-radius: 16px;
	}

	.nt-home-section .nt-home-section__eyebrow {
		margin-bottom: 12px;
		font-size: 13px;
	}

	.nt-home-section .nt-home-section__title {
		font-size: 32px;
	}

	.nt-home-section .nt-home-section__intro {
		font-size: 16px;
	}
}
