/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Home Flatsome — allineamento layout Elementor */
.page-slug-home-flatsome .ps-stat-number,
.page-slug-home-flatsome .ps-stat-number p {
	color: var(--fs-color-primary, #61cc70) !important;
	font-weight: 700;
}

/* FIX F: Stat labels regular come Elementor (era 600) */
.page-slug-home-flatsome .ps-stat-label,
.page-slug-home-flatsome .ps-stat-label p {
	font-weight: 400;
}

/* Riduci lo spazio tra il numero e la label sotto */
.page-slug-home-flatsome .ps-home-stats .ps-stat-number,
.page-slug-home-flatsome .ps-home-stats .ps-stat-number p {
	margin-bottom: 4px;
}

.page-slug-home-flatsome .ps-home-stats .ps-stat-label,
.page-slug-home-flatsome .ps-home-stats .ps-stat-label p {
	margin-top: 0;
	margin-bottom: 6px;
}

/* Titoli di sezione bold come Elementor */
.page-slug-home-flatsome .ps-section-title,
.page-slug-home-flatsome .ps-section-title p {
	font-weight: 700;
	color: #2b2b2b;
}

/* Sottotitolo di sezione — bold scuro + larghezza limitata per wrap su 2 righe */
.page-slug-home-flatsome .ps-section-subtitle,
.page-slug-home-flatsome .ps-section-subtitle p {
	font-weight: 600;
	color: #2b2b2b;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.5;
}

/* Riduci gap tra titolo e sottotitolo nelle sezioni con ps-section-title */
.page-slug-home-flatsome .ps-section-title + .gap-element {
	height: 4px !important;
	min-height: 4px !important;
}

.page-slug-home-flatsome .ps-section-title + .gap-element + .ps-section-subtitle {
	margin-top: 0;
}

/* Card categorie: più padding, immagine più protagonista */
.page-slug-home-flatsome .ps-cat-card > .col-inner {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 10px;
	padding: 28px 24px 24px;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.page-slug-home-flatsome .ps-cat-card:hover > .col-inner {
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
	transform: translateY(-2px);
}

.page-slug-home-flatsome .ps-cat-title {
	font-weight: 700;
}

/* Immagine flexografica grande in sezione Sicilia */
.page-slug-home-flatsome .ps-home-about .ux-image {
	max-width: 100%;
}

/* FIX 5: Icone Come funziona molto più grandi come Elementor */
.page-slug-home-flatsome .ps-home-steps .featured-box .icon-box-img,
.page-slug-home-flatsome .ps-home-steps .featured-box .icon-box-img img {
	max-width: 200px !important;
	width: 100% !important;
	height: auto;
	margin: 0 auto;
}

.page-slug-home-flatsome .ps-home-steps .featured-box .icon-box-text {
	padding-top: 12px;
}

.page-slug-home-flatsome .ps-home-steps {
	background: #fff;
}

/* Logo finale — ridotto a misura discreta */
.page-slug-home-flatsome .ps-home-final-logo .ux-image,
.page-slug-home-flatsome .ps-home-final-logo img {
	max-width: 300px !important;
	width: 100% !important;
	height: auto;
	margin: 0 auto;
	display: block;
}

/* Testimonial: card senza bordo evidente, look pulito Elementor */
.page-slug-home-flatsome .ps-testimonial-card > .col-inner {
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
	padding: 20px 8px !important;
}

/* Riduci padding sezione testimonial (sopra e sotto) */
.page-slug-home-flatsome .ps-home-testimonials {
	padding-top: 24px !important;
	padding-bottom: 24px !important;
}

.page-slug-home-flatsome .ps-home-hero .button {
	min-width: 200px;
}

/* Hero — match stile Elementor: titolo BOLD compatto */
.page-slug-home-flatsome .ps-home-hero-title,
.page-slug-home-flatsome .ps-home-hero-title p {
	font-weight: 700 !important;
	color: #1f1f1f !important;
	font-size: 1.55em !important;
	line-height: 1.2 !important;
}

/* Tutti i testi nel hero (eccetto il titolo) più piccoli */
.page-slug-home-flatsome .ps-home-hero .text:not(.ps-home-hero-title),
.page-slug-home-flatsome .ps-home-hero .text:not(.ps-home-hero-title) p {
	font-size: 0.95em !important;
	line-height: 1.5;
}

/* Riduci spaziature interne hero (gaps + margini paragrafi) */
.page-slug-home-flatsome .ps-home-hero .text p {
	margin-bottom: 0;
}
.page-slug-home-flatsome .ps-home-hero .gap-element {
	max-height: 14px !important;
}

.page-slug-home-flatsome .ps-home-cta .button {
	min-width: 200px;
}

/* CTA finale — titolo e sottotitolo entrambi bold */
.page-slug-home-flatsome .ps-home-cta .text,
.page-slug-home-flatsome .ps-home-cta .text p {
	font-weight: 700 !important;
	color: #2b2b2b !important;
}

/* FIX I: Bottoni in Title Case invece di UPPERCASE come Elementor */
.page-slug-home-flatsome .button,
.page-slug-home-flatsome .button span {
	text-transform: capitalize !important;
	letter-spacing: 0 !important;
}

/* FIX E: Titoli dei 3 step bold come Elementor */
.page-slug-home-flatsome .ps-step-title,
.page-slug-home-flatsome .ps-step-title p {
	font-weight: 700 !important;
	color: #2b2b2b;
}

/* Sottotitolo verde sotto "Cosa dicono i nostri clienti" */
.page-slug-home-flatsome .ps-testimonial-rating,
.page-slug-home-flatsome .ps-testimonial-rating p {
	color: var(--fs-color-primary, #61cc70) !important;
	font-weight: 600;
}

/* =========================================================
 * Pagina Chi Siamo — recreated from Elementor
 * ========================================================= */

/* SVG icons globali — colore brand, dimensione coerente, centrate */
.ps-svg-icon {
	display: block;
	text-align: center;
	color: var(--fs-color-primary, #61cc70);
	margin: 0 auto 8px;
}
.ps-svg-icon svg {
	width: 64px;
	height: 64px;
	display: inline-block;
}

/* Centratura forzata per tutte le card icona/feature */
.page-slug-chi-siamo .ps-chisiamo-tipologie .col,
.page-slug-chi-siamo .ps-chisiamo-tecniche .col,
.page-slug-chi-siamo .ps-chisiamo-settori .col,
.page-slug-chi-siamo .ps-chisiamo-perche .col {
	text-align: center;
}
.page-slug-chi-siamo .ps-chisiamo-tipologie .col .text,
.page-slug-chi-siamo .ps-chisiamo-tecniche .col .text,
.page-slug-chi-siamo .ps-chisiamo-settori .col .text,
.page-slug-chi-siamo .ps-chisiamo-perche .col .text {
	text-align: center !important;
}

/* Storia: paragrafi centrati come Elementor */
.page-slug-chi-siamo .ps-chisiamo-storia .col-inner,
.page-slug-chi-siamo .ps-chisiamo-storia .col-inner .text {
	text-align: center !important;
}

/* Hero col destra (immagine): nessun text-center forzato — colonna sx libera */
.page-slug-chi-siamo .ps-chisiamo-hero .col:first-child {
	text-align: left;
}
.page-slug-chi-siamo .ps-chisiamo-hero .col:first-child .text {
	text-align: left !important;
}
.page-slug-chi-siamo .ps-feature-title,
.page-slug-chi-siamo .ps-feature-title p {
	font-weight: 700;
	color: #2b2b2b;
}

/* Hero Chi siamo */
.page-slug-chi-siamo .ps-chisiamo-hero-title,
.page-slug-chi-siamo .ps-chisiamo-hero-title p {
	font-weight: 700;
	color: #1f1f1f;
}

/* Stats numeri verdi */
.page-slug-chi-siamo .ps-stat-number,
.page-slug-chi-siamo .ps-stat-number p {
	color: var(--fs-color-primary, #61cc70) !important;
	font-weight: 700;
}
.page-slug-chi-siamo .ps-home-stats .ps-stat-number,
.page-slug-chi-siamo .ps-home-stats .ps-stat-number p {
	margin-bottom: 4px;
}

/* Titoli sezione bold */
.page-slug-chi-siamo .ps-section-title,
.page-slug-chi-siamo .ps-section-title p {
	font-weight: 700;
	color: #2b2b2b;
}

/* Bottoni in Title Case (coerenza con home) */
.page-slug-chi-siamo .button,
.page-slug-chi-siamo .button span {
	text-transform: capitalize !important;
	letter-spacing: 0 !important;
}

/* Bottoni hero/CTA min-width per coerenza */
.page-slug-chi-siamo .ps-chisiamo-hero .button,
.page-slug-chi-siamo .ps-chisiamo-cta .button {
	min-width: 200px;
	margin: 6px 8px 6px 0;
}

/* CTA finale: 2 bottoni in linea centrati, con spazio in mezzo */
.page-slug-chi-siamo .ps-cta-buttons-row .button {
	min-width: 220px;
	margin: 6px 12px;
}

/* =========================================================
 * Single product page — Totale dinamico + hide variation price
 * ========================================================= */
.single-product .woocommerce-variation-price {
	display: none !important;
}

.ps-product-total {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 18px;
	margin: 16px 0 14px;
	background: #f5f5f5;
	border-radius: 8px;
	font-size: 1.05em;
}
.ps-product-total .ps-total-label {
	font-weight: 700;
	color: #2b2b2b;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 0.9em;
}
.ps-product-total .ps-total-value {
	font-weight: 700;
	font-size: 1.3em;
	color: var(--fs-color-primary, #61cc70);
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.page-slug-home-flatsome .ps-home-hero .button {
	min-width: 100%;
	margin-bottom: 8px;
}

.page-slug-chi-siamo .ps-chisiamo-hero .button,
.page-slug-chi-siamo .ps-chisiamo-cta .button {
	min-width: 100%;
	margin: 6px 0;
}

}