@charset "utf-8";

/*
	Footer "Fdo" (ricostruito da zero dal bundle React di produzione, docs/dom/homepage.htm +
	.newlayout/assets/index-hyXwmGwt.css, hash modulo "i5c3z" + "1cllp" per le icone). Sostituisce
	integralmente il footer del precedente sistema "Nl*" (rollback 22/07/2026).
	Struttura HTML: custom/frontend/layout/html/common/footer.htm
*/

	.FdoFooter { background-color: #002a51; color: var(--color-body); font-family: var(--font-body); }
	.FdoFooterInner { max-width: var(--container-max); margin: 0 auto; padding: var(--space-8) var(--space-4) var(--space-7); }

	.FdoFooterRow1Link {
		font-size: var(--text-subtitle-size);
		line-height: var(--text-subtitle-line);
		font-weight: var(--text-button-weight);
		color: #d89958;
		background: var(--gradient-heading);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.FdoFooterAskButton {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: var(--space-2);
		padding: var(--space-3) var(--space-5);
		border-radius: var(--radius);
		background-color: var(--color-button-secondary-bg);
		color: var(--color-button-secondary-text);
		font-family: var(--font-body);
		font-size: var(--text-body-size);
		line-height: var(--text-body-line);
		font-weight: var(--text-button-weight);
		white-space: nowrap;
		transition: background-color .15s ease, transform .15s ease;
	}
	.FdoFooterAskButton:hover { background-color: var(--color-button-secondary-bg-hover); transform: translateY(-1px); }
	.FdoFooterRobotIcon { flex-shrink: 0; font-size: 18px; line-height: 1; color: var(--color-button-secondary-text); }

	.FdoFooterRow2Text, .FdoFooterCopyright, .FdoFooterMobileRow2Text, .FdoFooterMobileCopyright {
		color: var(--color-body);
		font-weight: var(--text-caption-weight);
	}
	.FdoFooterRow2Text, .FdoFooterMobileRow2Text { font-size: var(--text-body-size); line-height: var(--text-body-line); font-weight: var(--text-body-weight); }
	.FdoFooterCopyright, .FdoFooterMobileCopyright { font-size: var(--text-caption-size); line-height: var(--text-caption-line); font-weight: var(--text-caption-weight); max-width: 72ch; }
	.FdoFooterCredit { flex-shrink: 0; color: var(--color-body); font-size: var(--text-body-size); line-height: var(--text-body-line); font-weight: var(--text-body-weight); white-space: nowrap; }

	.FdoFooterSocialLink {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		border-radius: var(--radius);
		background-color: var(--color-button-secondary-bg);
		color: var(--color-button-secondary-text);
		transition: background-color .15s ease, transform .15s ease;
	}
	.FdoFooterSocialLink:hover { background-color: var(--color-button-secondary-bg-hover); transform: translateY(-1px); }
	.FdoFooterSocialIcon { font-size: 20px; line-height: 1; color: currentColor; }

	.FdoFooterMobile { display: none; }
	.FdoFooterDesktop { display: flex; flex-direction: column; gap: var(--space-6); width: 100%; }

	/*	Desktop: 4 colonne (link "gold" in alto + contatto/pulsante sotto), come il footer del
		Gateway (.newlayout/Last_29_07_2026/Gateway). Sostituisce il vecchio schema Row1(nav)+Row2. */
	.FdoFooterColumns { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); width: 100%; align-items: start; }
	.FdoFooterColumn { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); min-width: 0; }
	.FdoFooterRow3 { display: flex; align-items: center; justify-content: flex-end; width: 100%; }
	.FdoFooterSocial { display: flex; flex-shrink: 0; gap: var(--space-3); }
	.FdoFooterRow4 { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-5); width: 100%; }

	.FdoFooterMobileRow1Link {
		font-size: var(--text-subtitle-size);
		line-height: var(--text-subtitle-line);
		font-weight: var(--text-button-weight);
		color: #d89958;
		background: var(--gradient-heading);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		text-align: center;
	}
	.FdoFooterMobileGroupTight { display: flex; flex-direction: column; align-items: center; gap: var(--space-2); text-align: center; }
	.FdoFooterMobileGroupSpaced { display: flex; flex-direction: column; align-items: center; gap: var(--space-2); margin-top: var(--space-5); text-align: center; }
	.FdoFooterMobileSocial { display: flex; justify-content: center; gap: var(--space-3); margin-top: var(--space-5); }

	@media (max-width: 1024px) {
		.FdoFooterInner { padding: var(--space-7) var(--space-4) var(--space-6); }
		.FdoFooterDesktop { display: none; }
		.FdoFooterMobile { display: flex; flex-direction: column; align-items: center; width: 100%; text-align: center; }
	}

	@media (min-width: 1025px) {
		.FdoFooterInner { padding: var(--space-8) var(--space-6) var(--space-7); }
	}