/**
 * Home page layout and components (maketas).
 */

.site-home > section {
	padding-block: clamp(2.5rem, 6vw, 4rem);
}

.site-home > section + section {
	border-top: 0;
}

/* Hero */
.home-hero {
	--rietavomvvg-hero-overlay-strong: rgba(7, 36, 78, 0.94);
	--rietavomvvg-hero-overlay-mid: rgba(12, 52, 102, 0.78);
	--rietavomvvg-hero-overlay-soft: rgba(20, 72, 130, 0.42);
	--rietavomvvg-hero-overlay-fade: rgba(26, 95, 180, 0.12);

	position: relative;
	isolation: isolate;
	min-height: clamp(19rem, 46vh, 28rem);
	padding-block: clamp(2.75rem, 8vw, 5rem);
	color: #fff;
	background: linear-gradient(
		135deg,
		var(--rietavomvvg-color-primary-dark) 0%,
		var(--rietavomvvg-color-primary) 55%,
		#2d6eb5 100%
	);
	overflow: hidden;
}

.home-hero--has-media {
	background-color: #08244f;
}

.home-hero__media {
	position: absolute;
	inset: 0;
	margin: 0;
	z-index: 0;
}

/* Tamsiai mėlynas gradientas: stipriausias kairėje, silpstantis į dešinę */
.home-hero__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to right,
		var(--rietavomvvg-hero-overlay-strong) 0%,
		rgba(9, 42, 88, 0.9) 22%,
		var(--rietavomvvg-hero-overlay-mid) 42%,
		var(--rietavomvvg-hero-overlay-soft) 62%,
		var(--rietavomvvg-hero-overlay-fade) 82%,
		transparent 100%
	);
}

/* Švelnus apatinis šviesėjimas (maketo „high-key“ zonai) */
.home-hero__media::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(
		to top,
		rgba(255, 255, 255, 0.22) 0%,
		rgba(255, 255, 255, 0.06) 18%,
		transparent 42%
	);
	pointer-events: none;
}

.home-hero__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center right;
}

.home-hero__container {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	min-height: inherit;
}

.home-hero__content {
	position: relative;
	z-index: 1;
	max-width: var(--rietavomvvg-hero-content-max);
	width: 100%;
	margin-inline: 0;
	text-align: start;
}

.home-hero__title {
	margin: 0 0 1.5rem;
	font-size: var(--rietavomvvg-font-heading);
	line-height: 1.12;
	font-weight: 700;
	color: #fff;
	text-shadow: 0 2px 24px rgba(5, 28, 60, 0.45);
}

.home-hero__subtitle {
	margin-bottom: 3rem;
	font-size: clamp(1rem, 2vw, 1.125rem);
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.96);
	text-shadow: 0 1px 16px rgba(5, 28, 60, 0.35);
}

.home-hero__subtitle p {
	margin: 0;
}

.home-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.home-hero__cta {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.75rem 1.35rem;
	border-radius: var(--rietavomvvg-radius-sm);
	font-weight: 600;
	text-decoration: none;
	box-shadow: 0 4px 18px rgba(5, 28, 60, 0.2);
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.home-hero__cta--primary {
	background: #fff;
	color: var(--rietavomvvg-color-primary-dark);
}

.home-hero__cta--primary:hover,
.home-hero__cta--primary:focus {
	background: var(--rietavomvvg-color-primary-light);
	color: var(--rietavomvvg-color-primary-dark);
	box-shadow: 0 6px 22px rgba(5, 28, 60, 0.28);
}

.home-hero__cta--secondary {
	border: 1px solid rgba(255, 255, 255, 0.95);
	color: #fff;
	background: rgba(255, 255, 255, 0.06);
	backdrop-filter: blur(2px);
}

.home-hero__cta--secondary:hover,
.home-hero__cta--secondary:focus {
	background: rgba(255, 255, 255, 0.16);
	color: #fff;
	border-color: #fff;
}

/* Mobile: stipresnis kairysis overlay teksto skaitomumui */
@media (max-width: 47.99rem) {
	.home-hero__media::after {
		background: linear-gradient(
			to right,
			rgba(7, 36, 78, 0.97) 0%,
			rgba(9, 42, 88, 0.93) 35%,
			rgba(12, 52, 102, 0.82) 58%,
			rgba(20, 72, 130, 0.55) 78%,
			rgba(26, 95, 180, 0.2) 100%
		);
	}

	.home-hero__image {
		object-position: 70% center;
	}
}

/* Quick links */
.home-quick-links {
	padding-block: clamp(2rem, 5vw, 3rem);
	background: var(--rietavomvvg-color-bg);
}

.home-quick-links__list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.card-quick-link {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	min-height: 100%;
	padding: 1.25rem 1.25rem 3rem;
	border: 1px solid var(--rietavomvvg-color-border);
	border-radius: var(--rietavomvvg-radius-lg);
	background: var(--rietavomvvg-color-bg);
	box-shadow: var(--rietavomvvg-shadow-sm);
	transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.card-quick-link:hover {
	border-color: rgba(26, 95, 180, 0.35);
	box-shadow: var(--rietavomvvg-shadow-md);
}

.card-quick-link__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	margin: 0;
	border-radius: 50%;
	background: var(--rietavomvvg-color-primary-light);
	color: var(--rietavomvvg-color-primary);
}

/* Mediatekos SVG/PNG (monochromatinės) – spalva per mask + primary kintamąjį */
.card-quick-link__image {
	display: block;
	flex-shrink: 0;
	width: 1.75rem;
	height: 1.75rem;
	background-color: var(--rietavomvvg-color-primary);
	mask-image: var(--card-quick-link-icon-url);
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-image: var(--card-quick-link-icon-url);
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
}

/* Inline SVG (jei naudojamas šablone): currentColor */
.card-quick-link__icon .card-quick-link__svg {
	display: block;
	width: 1.75rem;
	height: 1.75rem;
	fill: currentColor;
	color: var(--rietavomvvg-color-primary);
}

.card-quick-link__title {
	margin: 0;
	font-size: 1.125rem;
	line-height: 1.3;
}

.card-quick-link__title a {
	color: var(--rietavomvvg-color-text);
	text-decoration: none;
}

.card-quick-link__title a:hover,
.card-quick-link__title a:focus {
	color: var(--rietavomvvg-color-primary);
}

.card-quick-link__description {
	margin: 0;
	font-size: 0.9375rem;
	color: var(--rietavomvvg-color-muted);
	line-height: 1.5;
}

.card-quick-link__more {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	margin: 0;
}

.card-quick-link__more a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: var(--rietavomvvg-color-primary-light);
	color: var(--rietavomvvg-color-primary);
	font-size: 1.125rem;
	text-decoration: none;
}

/* Invitations + News */
.home-invitations-news {
	background: var(--rietavomvvg-color-surface);
}

.home-invitations-news__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(2rem, 5vw, 3rem);
}

.home-invitations-news__header {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.5rem 1rem;
	margin-bottom: 1.25rem;
}

.home-invitations-news__heading {
	margin: 0;
	font-size: var(--rietavomvvg-font-section);
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--rietavomvvg-color-text);
}

.home-invitations-news__archive-link {
	margin: 0;
	font-size: 0.9375rem;
	font-weight: 600;
}

.home-invitations-news__archive-link a {
	text-decoration: none;
}

.home-invitations-news__archive-link a::after {
	content: " →";
}

.home-invitations-news__list {
	display: grid;
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.home-invitations-news__empty {
	margin: 0;
	padding: 1.25rem;
	border-radius: var(--rietavomvvg-radius-md);
	background: var(--rietavomvvg-color-bg);
	color: var(--rietavomvvg-color-muted);
}

/* Home active invitations: clamp long titles for consistent cards */
.home-invitations-news__list--invitations .card-invitation__title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	overflow: hidden;
	overflow-wrap: anywhere;
}

.home-invitations-news__list--invitations .card-invitation--home .card-invitation__title {
	margin: 0;
	color: var(--rietavomvvg-color-text);
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.35;
}

/* Invitation card */
.card-invitation {
	--card-space-xs: calc(var(--rietavomvvg-spacing) * 0.25);
	--card-space-sm: calc(var(--rietavomvvg-spacing) * 0.5);
	--card-space-md: var(--rietavomvvg-spacing);
	--card-space-lg: calc(var(--rietavomvvg-spacing) * 1.5);

	padding: var(--card-space-md);
	border: 1px solid var(--rietavomvvg-color-border);
	border-radius: var(--rietavomvvg-radius-lg);
	background: var(--rietavomvvg-color-bg);
	box-shadow: var(--rietavomvvg-shadow-sm);
}

.card-invitation__layout {
	display: grid;
	grid-template-columns: 1fr;
}

.card-invitation__badge {
	margin: 0 0 var(--card-space-sm);
}

.card-invitation--expired {
	background: var(--rietavomvvg-color-surface);
	border-color: var(--rietavomvvg-color-border);
	opacity: 0.92;
}

.card-invitation--expired .card-invitation__title a {
	color: var(--rietavomvvg-color-muted);
}

.card-invitation--expired .card-invitation__deadline-date {
	color: var(--rietavomvvg-color-muted);
}

.card-invitation--expired .card-invitation__more {
	border-color: var(--rietavomvvg-color-muted);
	color: var(--rietavomvvg-color-muted);
}

.card-invitation--expired .card-invitation__more:hover,
.card-invitation--expired .card-invitation__more:focus {
	background: var(--rietavomvvg-color-muted);
	border-color: var(--rietavomvvg-color-muted);
	color: #fff;
}

.card-invitation__content {
	display: flex;
	flex-direction: column;
	gap: var(--card-space-sm);
	min-width: 0;
}

.card-invitation__title {
	margin: 0;
	font-size: 1.0625rem;
	line-height: 1.35;
}

.card-invitation__excerpt {
	margin: 0;
	font-size: 0.9375rem;
	color: var(--rietavomvvg-color-muted);
	line-height: 1.5;
}

.card-invitation__excerpt p {
	margin: 0;
}

.card-invitation__actions {
	margin: var(--card-space-md) 0 0;
}

.card-invitation__aside {
	min-width: 0;
	margin-top: var(--card-space-md);
	padding-top: var(--card-space-sm);
	border-top: 1px solid var(--rietavomvvg-color-border);
}

.card-invitation__deadline {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.5;
}

.card-invitation__deadline-label {
	margin: 0 0 var(--card-space-xs);
	color: var(--rietavomvvg-color-muted);
}

.card-invitation__deadline-date-wrap {
	margin: 0;
}

.card-invitation__deadline-date {
	display: inline-flex;
	align-items: center;
	gap: var(--card-space-xs);
	font-weight: 700;
	color: var(--rietavomvvg-color-text);
}

.card-invitation__deadline-date::before {
	content: "";
	flex-shrink: 0;
	width: 1rem;
	height: 1rem;
	background-color: var(--rietavomvvg-color-primary);
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");
	mask-size: contain;
}

.card-invitation__more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem 1rem;
	border: 2px solid var(--rietavomvvg-color-primary);
	border-radius: var(--rietavomvvg-radius-sm);
	color: var(--rietavomvvg-color-primary);
	font-weight: 600;
	font-size: 0.875rem;
	text-decoration: none;
}

.card-invitation__more:hover,
.card-invitation__more:focus {
	background: var(--rietavomvvg-color-primary);
	color: #fff;
}

/* News card */
.card-news {
	border-bottom: 1px solid var(--rietavomvvg-color-border);
	padding-bottom: 1rem;
}

.home-invitations-news__list--news .home-invitations-news__item:last-child .card-news {
	border-bottom: 0;
	padding-bottom: 0;
}

.card-news__inner {
	display: grid;
	gap: 1rem;
	align-items: start;
}

.card-news__inner--has-thumbnail {
	grid-template-columns: 5rem minmax(0, 1fr);
}

.card-news__inner--no-thumbnail {
	grid-template-columns: minmax(0, 1fr);
}

.card-news__body {
	display: flex;
	align-items: flex-end;
	gap: var(--rietavomvvg-spacing);
	min-width: 0;
}

.card-news__content {
	flex: 1;
	min-width: 0;
}

.card-news__thumbnail {
	display: block;
	border-radius: var(--rietavomvvg-radius-sm);
	overflow: hidden;
}

.card-news__thumbnail--default {
	display: grid;
	align-items: stretch;
	justify-items: stretch;
	height: 4rem;
	padding: clamp(0.25rem, 1vw, 0.375rem);
	background: var(--rietavomvvg-color-bg);
	border: 1px solid var(--rietavomvvg-color-border);
}

.card-news__image {
	display: block;
	width: 100%;
	height: 4rem;
	object-fit: cover;
}

.card-news__image--default {
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	max-width: none;
	max-height: none;
	object-fit: contain;
	object-position: center;
	background: transparent;
}

.card-news__date {
	margin: 0 0 0.25rem;
	font-size: 0.8125rem;
	color: var(--rietavomvvg-color-muted);
}

.card-news__title {
	margin: 0 0 0.35rem;
	font-size: 1rem;
	line-height: 1.35;
}

.card-news__title a {
	color: var(--rietavomvvg-color-text);
	text-decoration: none;
}

.card-news__title a:hover,
.card-news__title a:focus {
	color: var(--rietavomvvg-color-primary);
}

.card-news__excerpt {
	font-size: 0.875rem;
	color: var(--rietavomvvg-color-muted);
	line-height: 1.45;
}

.card-news__excerpt p {
	margin: 0;
}

.card-news__actions {
	margin: 0;
	flex-shrink: 0;
}

.card-news__more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: var(--rietavomvvg-color-primary-light);
	color: var(--rietavomvvg-color-primary);
	font-size: 1.125rem;
	text-decoration: none;
}

/* Statistics */
.home-statistics {
	padding-block: clamp(2rem, 5vw, 2.5rem);
	background: var(--rietavomvvg-color-surface);
}

.home-statistics__grid {
	--stat-space-xs: calc(var(--rietavomvvg-spacing) * 0.25);
	--stat-space-sm: calc(var(--rietavomvvg-spacing) * 0.5);
	--stat-space-md: var(--rietavomvvg-spacing);
	--stat-space-lg: calc(var(--rietavomvvg-spacing) * 1.5);

	display: grid;
	width: 100%;
	grid-template-columns: max-content;
	justify-content: center;
	justify-items: start;
	align-items: start;
	gap: var(--stat-space-lg);
}

.stat-item {
	display: block;
	width: max-content;
	max-width: 100%;
	text-align: start;
	padding-block: var(--stat-space-md);
	padding-inline: 0;
	border: none;
}

.stat-item__inner {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: var(--stat-space-md);
	width: max-content;
	max-width: 100%;
	min-width: min-content;
}

.stat-item__content {
	flex: 0 1 auto;
	min-width: min-content;
	text-align: start;
}

.stat-item__icon {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	margin: 0;
	border-radius: 50%;
	background: var(--rietavomvvg-color-bg);
	color: var(--rietavomvvg-color-primary);
}

.stat-item__image {
	display: block;
	flex-shrink: 0;
	width: 1.75rem;
	height: 1.75rem;
	background-color: var(--rietavomvvg-color-primary);
	mask-image: var(--stat-item-icon-url);
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-image: var(--stat-item-icon-url);
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
}

.stat-item__number {
	margin: 0 0 var(--stat-space-xs);
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	font-weight: 700;
	line-height: 1.1;
	color: var(--rietavomvvg-color-primary-dark);
	white-space: nowrap;
}

.stat-item__label {
	margin: 0;
	font-size: 0.9375rem;
	color: var(--rietavomvvg-color-muted);
	line-height: 1.4;
}

/* Strategy */
.home-strategy {
	background: var(--rietavomvvg-color-surface);
}

.home-strategy__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
	align-items: center;
}

.home-strategy__media {
	margin: 0;
	text-align: center;
}

.home-strategy__image {
	max-width: 100%;
	height: auto;
	border-radius: var(--rietavomvvg-radius-md);
}

.home-strategy__title {
	margin: 0 0 1rem;
	font-size: clamp(1.375rem, 3vw, 1.75rem);
	line-height: 1.25;
}

.home-strategy__text {
	margin-bottom: 1.5rem;
	color: var(--rietavomvvg-color-muted);
	line-height: 1.6;
}

.home-strategy__text p {
	margin: 0 0 0.75rem;
}

.home-strategy__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.home-strategy__cta {
	display: inline-flex;
	align-items: center;
	padding: 0.75rem 1.25rem;
	border-radius: var(--rietavomvvg-radius-sm);
	font-weight: 600;
	text-decoration: none;
}

.home-strategy__cta--pdf {
	background: var(--rietavomvvg-color-primary);
	color: #fff;
}

.home-strategy__cta--pdf:hover,
.home-strategy__cta--pdf:focus {
	background: var(--rietavomvvg-color-primary-dark);
	color: #fff;
}

.home-strategy__cta--more {
	border: 2px solid var(--rietavomvvg-color-primary);
	color: var(--rietavomvvg-color-primary);
	background: transparent;
}

.home-strategy__cta--more:hover,
.home-strategy__cta--more:focus {
	background: var(--rietavomvvg-color-primary);
	color: #fff;
}

/* Partners */
.home-partners {
	padding-block: clamp(2.5rem, 6vw, 4rem);
	background: var(--rietavomvvg-color-bg);
}

.home-partners__title {
	margin: 0 0 1.5rem;
	font-size: var(--rietavomvvg-font-section);
	font-weight: 700;
	letter-spacing: 0.04em;
	text-align: center;
	text-transform: uppercase;
}

.home-partners__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	row-gap: clamp(2rem, 5vw, 3rem);
	column-gap: clamp(2.5rem, 6vw, 4rem);
}

.partner-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: calc(var(--rietavomvvg-spacing) * 0.5);
}

.partner-logo__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.partner-logo__image {
	max-width: 16rem;
	max-height: 7rem;
	width: auto;
	height: auto;
	object-fit: contain;
	filter: grayscale(100%);
	opacity: 0.9;
	transition: filter 0.3s ease, opacity 0.3s ease;
}

.partner-logo__link:hover .partner-logo__image,
.partner-logo__link:focus-visible .partner-logo__image {
	opacity: 1;
	filter: none;
}

.home-hero__wave {
	position: absolute;
	right: 0;
	bottom: -1px;
	left: 0;
	z-index: 3;
	height: clamp(3.5rem, 8vw, 5.5rem);
	line-height: 0;
	pointer-events: none;
}

.home-hero__wave-svg {
	display: block;
	width: 100%;
	height: 100%;
}

.home-hero__wave-fill {
	fill: var(--rietavomvvg-color-bg);
}

.home-hero__wave-line {
	fill: none;
	stroke: rgba(255, 255, 255, 0.18);
	stroke-width: 1.5;
	vector-effect: non-scaling-stroke;
}

/* Breakpoints */
@media (min-width: 40rem) {
	.home-quick-links__list {
		grid-template-columns: repeat(2, 1fr);
	}

	.home-statistics__grid {
		grid-template-columns: repeat(2, max-content);
		justify-content: center;
		justify-items: start;
		column-gap: var(--stat-space-lg);
		row-gap: var(--stat-space-lg);
	}

	.card-invitation__layout:has(.card-invitation__aside) {
		grid-template-columns: minmax(0, 1fr) minmax(10rem, auto);
		grid-template-areas:
			"badge aside"
			"content aside"
			"actions aside";
		column-gap: var(--card-space-md);
		align-items: stretch;
	}

	.card-invitation__badge {
		grid-area: badge;
		margin-bottom: var(--card-space-sm);
	}

	.card-invitation__content {
		grid-area: content;
	}

	.card-invitation__actions {
		grid-area: actions;
		margin-top: var(--card-space-md);
	}

	.card-invitation__aside {
		grid-area: aside;
		align-self: stretch;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		min-width: 10rem;
		margin-top: 0;
		padding-top: 0;
		padding-left: var(--card-space-md);
		border-top: 0;
		border-left: 1px solid var(--rietavomvvg-color-border);
		text-align: end;
	}

	.card-invitation__deadline-date-wrap {
		display: flex;
		justify-content: flex-end;
	}
}

@media (min-width: 64rem) {
	.home-quick-links__list {
		grid-template-columns: repeat(4, 1fr);
	}

	.home-invitations-news__grid {
		grid-template-columns: 1.1fr 0.9fr;
		align-items: start;
	}

	.home-strategy__grid {
		grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr) minmax(0, 0.9fr);
	}
}

@media (min-width: 75rem) {
	.home-statistics__grid {
		grid-template-columns: repeat(4, minmax(max-content, 1fr));
		justify-items: center;
		column-gap: var(--stat-space-lg);
		row-gap: 0;
	}

	.stat-item {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		padding-block: var(--stat-space-md);
		padding-inline: var(--stat-space-md);
	}

	.stat-item:not(:first-child) {
		border-left: 1px solid var(--rietavomvvg-color-border);
	}
}