/*
 * Override sito: regole pensate per il page builder legacy + estese per il tema a blocchi (FSE).
 * Dove il markup è diverso, i selettori sono duplicati (virgola) senza rimuovere i vecchi.
 */

button.fullstack-ml-lang-switcher__toggle {
	color: #fff !important;
}

.site-pre-header {
	padding: 0.3rem 0;
}

/* Excerpt hero: legacy + blocco Page Hero (contenuto / combined) */
.fullstack-entry-hero-excerpt,
.fullstack-entry-hero-content,
.fullstack-page-hero-inner-combined {
	text-shadow: none;
}

/* Colonna hero colorata: legacy + cluster Page Hero */
.fullstack-entry-hero-col-inner,
.fullstack-entry-hero-cluster,
.fullstack-page-hero-cluster {
	background-color: #d680c9;
	padding: 20px 40px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}

/* Titoli con strong: legacy + heading nel hero/cluster e nel contenuto post (FSE) */
h1.entry-title strong,
.fullstack-page-hero-cluster strong,
.fullstack-page-hero-inner-combined h1 strong,
.wp-block-post-title strong,
.fullstack-page-section-title strong,
.fullstack-page-section-stats-title strong,
.fullstack-page-section-stats-intro .wp-block-heading strong {
	color: #ffffff !important;
	background-color: #223564;
}

/* Decorazione overlay hero: home + blocco hero (stessa struttura .fullstack-entry-hero-overlay-container) */
.home .fullstack-entry-hero-overlay-container::after,
body.home .fullstack-page-hero-block .fullstack-entry-hero-overlay-container::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: -70px;
	width: 140px;
	height: 140px;
	background-color: #dedfe0;
	border-radius: 14px;
	transform: rotate(45deg) translateY(100px);
	transform-origin: center center;
	z-index: 10;
	pointer-events: none;
}

/* Sagoma dietro immagine: blocco colonna legacy + Immagine in Section FSE (aggiungi classe "fullstack-page-section-block-image" al blocco Immagine se serve stesso effetto) */
.fullstack-page-section-block.fullstack-page-section-block-image::before,
.fullstack-page-section-col-inner .wp-block-image.fullstack-page-section-block-image::before,
.wp-block-fullstack-section .wp-block-image.fullstack-page-section-block-image::before {
	content: '';
	position: absolute;
	inset: 0;
	background-color: #e5e7eb;
	border-radius: 24px;
	transform: rotate(-8deg) scale(1);
	z-index: -1;
	max-width: 580px;
}

.fullstack-page-section-col-inner .wp-block-image.fullstack-page-section-block-image,
.wp-block-fullstack-section .wp-block-image.fullstack-page-section-block-image {
	position: relative;
}

.roadmap .fullstack-page-section-block.fullstack-page-section-block-title,
.page-roadmap .fullstack-page-section-block.fullstack-page-section-block-title {
	background-color: #e5e7eb;
	padding: 10px 20px;
	border-radius: 20px;
}

.fullstack-page-section-block.fullstack-page-section-block-stats {
	border: 2px dashed;
	background-color: #e5e7eb;
	border-color: #223564;
	border-radius: 20px;
}

.fullstack-page-section-stats-number {
	color: #223564;
}

.fullstack-entry-hero,
.fullstack-page-hero-block {
	min-height: 82vh;
	overflow: visible!important;
}
.home .fullstack-entry-hero{
    min-height: 82vh!important;
}

.site-footer-pre .site-footer-logo-img {
	max-height: none!important;
	width: auto!important;
}
.site-footer-has-pre .site-footer-copy {
    color: #fff;
}
a:hover {
	text-decoration: none;
}
a.fullstack-page-section-content-card-link:hover {
    text-decoration: none;
    color: inherit;
}

.fullstack-page-section.fullstack-page-section-has-inner-offset .wp-block-column {
    box-shadow: 10px 3px 6px #00000029;
}

/* Immagini in section: classe legacy + blocco Immagine core dentro Fullstack Section */
.fullstack-page-section-image img,
.wp-block-fullstack-section .wp-block-image img {
	border-radius: 25px;
}

.fullstack-entry-hero-col-inner,
.fullstack-entry-hero-cluster,
.fullstack-page-hero-cluster {
	box-shadow: 10px 3px 6px #00000029;
}

.entry-content h2 strong,
.wp-block-post-content h2 strong,
.fullstack-single-main h2 strong {
	color: #ffffff;
	background-color: #223564;
}

#offsetsection .fullstack-page-section-inner {
	background-color: #fff !important;
	padding: 20px 40px;
	border-radius: 25px;
	box-shadow: 10px 3px 6px #00000029;
}

section#offsetsection {
	margin-bottom: 20vh;
}

/*
 * Esperienza: il vecchio layout-2 non esiste nel blocco Section; resta la classe aggiuntiva + offset.
 */
section.fullstack-page-section.fullstack-page-section-layout-2.fullstack-page-section-has-inner-offset.esperienza,
section.wp-block-fullstack-section.fullstack-page-section.fullstack-page-section-has-inner-offset.esperienza {
	min-height: auto;
}

.esperienza .fullstack-page-section-col.fullstack-page-section-col-1.fullstack-page-section-col-valign-center.fullstack-page-section-col-halign-left.fullstack-page-section-col-text-align-left,
.esperienza .wp-block-columns .wp-block-column:nth-child(1) {
	flex: 70%;
}

.esperienza .fullstack-page-section-col.fullstack-page-section-col-2.fullstack-page-section-col-valign-center.fullstack-page-section-col-halign-right.fullstack-page-section-col-text-align-left,
.esperienza .wp-block-columns .wp-block-column:nth-child(2) {
	flex: 30%;
}

.fullstack-page-section-content-card-body {
	text-align: left;
}

span.fullstack-page-section-content-card-author,
.fullstack-page-section-content-card-reading-time {
	display: none;
}

.fullstack-page-section-content-card-readmore {
	margin-left: auto;
}

a:hover .fullstack-page-section-content-card-meta,
a:hover .fullstack-page-section-content-card-excerpt {
	color: initial;
}

section.fullstack-page-section.back-video,
section.wp-block-fullstack-section.fullstack-page-section.back-video {
	min-height: 600px;
}

/* Partner: colonne legacy + Colonne core (wp-block-columns) */
.block-partner .fullstack-page-section-columns.fullstack-page-section-columns-2,
.block-partner .wp-block-columns {
	background-color: #efefef;
	border-radius: 14px;
	box-shadow: 5px 5px 15px #00000029;
	gap: 0;
}

.block-partner .fullstack-page-section-columns-2 .fullstack-page-section-col,
.block-partner .wp-block-columns > .wp-block-column {
	flex: auto;
}

.block-partner .fullstack-page-section-block.fullstack-page-section-block-image,
.block-partner .wp-block-column .wp-block-image {
	background-color: #fff;
	padding: 20px;
}

.block-partner .fullstack-page-section-text,
.block-partner .wp-block-column:not(:has(.wp-block-image)) {
	padding: 30px;
}

/* Colonna immagine: padding solo sul figure (come il vecchio fullstack-page-section-block-image) */
.block-partner .wp-block-column:has(.wp-block-image) {
	padding: 0;
}

.block-partner .fullstack-page-section-image img,
.block-partner .wp-block-image img {
	display: block;
	max-width: 100%;
	height: auto;
	min-width: 320px;
	overflow: hidden;
}

.block-partner .fullstack-page-section-block.fullstack-page-section-block-image::before,
.block-partner .wp-block-column .wp-block-image.fullstack-page-section-block-image::before {
	display: none;
}

.fullstack-page-section-content-card-media {
	background-color: #02c8ff;
}

/* Indice sezione legacy: in FSE aggiungi classe aggiuntiva "fullstack-page-section-index-9" alla Section se serve lo stesso effetto */
.fullstack-page-section-index-9 .fullstack-page-section-content-card-media,
.wp-block-fullstack-section.fullstack-page-section-index-9 .fullstack-page-section-content-card-media {
	background-color: #d680c9;
}

a .fullstack-page-section-content-card-media img {
	opacity: 1;
	filter: grayscale(0%);
	transition: all 0.3s ease;
}

a:hover .fullstack-page-section-content-card-media img {
	opacity: 0.5;
	filter: grayscale(100%);
}

section.fullstack-page-section.fullstack-page-section-has-inner-offset.block-partner,
section.wp-block-fullstack-section.fullstack-page-section.fullstack-page-section-has-inner-offset.block-partner {
	margin-top: 20px;
	margin-bottom: 40px;
	padding: 0;
	min-height: auto;
}

section.fullstack-page-section.network,
section.wp-block-fullstack-section.fullstack-page-section.network {
	min-height: 60vh !important;
	padding: 100px;
}

section.fullstack-entry-hero-separator {
	min-height: 10vh;
}

.single h1.entry-title,
.single-post h1.entry-title,
.single .wp-block-post-title,
.single-post .wp-block-post-title {
	margin-top: 40px;
	margin-bottom: 40px;
}

.single .entry-content,
.single .wp-block-post-content {
	margin-bottom: 40px;
}

@media (max-width: 767px) {
	.block-partner .fullstack-page-section-text,
	.block-partner .wp-block-column:not(:has(.wp-block-image)) {
		padding: 20px;
	}

	.block-partner .wp-block-column .wp-block-image {
		padding: 20px;
	}
}