/* ==========================================================================
   Bozzo Parquet — continuità grafica con il vecchio tema Lookz
   ========================================================================== */

/* Fascia arancio sopra il footer, come nel vecchio sito. */
#colophon {
	border-top: 40px solid var(--global-palette1);
}
#colophon .widget-title,
#colophon .widget .widget-title {
	color: #fff;
}
#colophon .footer-social-wrap {
	margin-top: 10px;
}

/* Paragrafi scritti come <h2> nel vecchio editor: resa da testo corrente. */
.bozzo-legacy-text h2 {
	font-size: 1em;
	font-weight: 400;
	line-height: 1.75;
	color: var(--global-palette4);
	letter-spacing: 0;
	text-transform: none;
	margin: 0 0 1em;
}
.bozzo-legacy-text h1 {
	font-size: 1.6em;
	margin: 0 0 .4em;
}
.bozzo-legacy-text hr {
	border: 0;
	border-top: 2px solid var(--global-palette1);
	margin: .5em 0 1.2em;
	opacity: 1;
}

/* Pulsanti */
.elementor-widget-button.bozzo-btn .elementor-button,
.elementor-widget-posts .elementor-post__read-more,
.elementor-button.elementor-size-sm {
	font-family: inherit;
}
.elementor-widget-button.bozzo-btn .elementor-button {
	background-color: var(--global-palette1);
	color: #fff;
	border-radius: 3px;
	font-weight: 600;
	letter-spacing: .3px;
	transition: background-color .2s ease;
}
.elementor-widget-button.bozzo-btn .elementor-button:hover,
.elementor-widget-button.bozzo-btn .elementor-button:focus {
	background-color: var(--global-palette3);
	color: #fff;
}

/* Icon box dei servizi in home */
.bozzo-service .elementor-icon-box-description {
	font-size: 14px;
}
.bozzo-service-link {
	display: block;
	margin-top: .8em;
	font-weight: 600;
}
.bozzo-service-link a {
	color: var(--global-palette3);
	text-decoration: none;
}
.bozzo-service-link a:hover {
	color: var(--global-palette1);
}

/* Call to action */
.bozzo-cta .elementor-widget-text-editor p:last-child {
	margin-bottom: 0;
}

/* Card portfolio e gallerie: miniature quadrate e uniformi */
.bozzo-card img,
.bozzo-gallery .gallery-item img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.bozzo-card .elementor-heading-title {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 10px;
}
.bozzo-card .elementor-heading-title a {
	color: inherit;
}

/* Divisori con titolo nella pagina Essenze */
.bozzo-essenze-title .elementor-divider__text {
	font-family: inherit;
}

/* Articoli in home e pagina News */
.bozzo-posts .elementor-post__title,
.bozzo-posts .elementor-post__title a {
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.35;
	color: var(--global-palette3);
}
.bozzo-posts .elementor-post__title a:hover {
	color: var(--global-palette1);
}
.bozzo-posts .elementor-post__read-more {
	color: var(--global-palette1);
	font-weight: 600;
}
.bozzo-posts .elementor-post__card {
	border-radius: 0;
}

/* Testimonianze */
.bozzo-testimonials .elementor-testimonial__content {
	font-style: italic;
}

/* FAQ */
.bozzo-faq .e-n-accordion-item-title {
	font-family: inherit;
}

/* Hero home */
.bozzo-hero .elementor-widget-text-editor p {
	margin: 0;
}

/* Contact Form 7 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	width: 100%;
}
.wpcf7 input[type="submit"] {
	background: var(--global-palette1);
	color: #fff;
	border: 0;
	border-radius: 3px;
	padding: .8em 2em;
	cursor: pointer;
}
.wpcf7 input[type="submit"]:hover {
	background: var(--global-palette3);
}

/* Immagini che in WPBakery avevano un formato quadrato (es. 500x500) */
.bozzo-square img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

/* Respiro tra banner del titolo / contenuto / footer su tutte le pagine (non in home,
   dove l'hero resta a filo del menu). */
body.page:not(.home) .content-area .entry-content-wrap,
body.page:not(.home) #secondary,
body.single-portfolio .content-area .entry-content-wrap {
	padding-top: 60px;
	padding-bottom: 80px;
}
@media (max-width: 767px) {
	body.page:not(.home) .content-area .entry-content-wrap,
	body.page:not(.home) #secondary,
	body.single-portfolio .content-area .entry-content-wrap {
		padding-top: 35px;
		padding-bottom: 50px;
	}
}
body.page:not(.home) .content-area,
body.single-portfolio .content-area {
	margin-top: 0;
	margin-bottom: 0;
}