/*
Theme Name: PWS Essential Theme Child
Description: Child theme per personalizzazioni e override di PWS Essential Theme.
Author: Parrotto Web Solution
Template: pws_essential_theme
Version: 1.2.0
Text Domain: pwstheme-child
*/

/*
 * Inserisci qui gli override CSS.
 * Questo file viene caricato dopo lo stylesheet del tema padre.
 */

/* HEADER BACKGROUND */
.header-site:not(.elementor-sticky--effects) {background-color: transparent!important;transition: background-color 0.5s ease, box-shadow 0.3s ease;}
.header-site.elementor-sticky--effects {background-color:#000!important;  box-shadow: none !important;}


/* LOOP CAROUSEL - IMMOBILI IN EVIDENZA */
@media screen and (min-width: 1024px){
.carousel-peek {position: relative; overflow: visible; /* taglia solo lateralmente */ clip-path: inset(-150px 0 -150px 0);}
/* STILE CAROSELLO */
.carousel-peek .swiper { position: relative !important; width: 150%; margin-left: -25%; overflow: visible; padding: 20px 0 85px !important;box-sizing: border-box;}
.carousel-peek .swiper-slide {transform: none;opacity: 1; z-index: 1;}
/* FRECCE*/
.carousel-peek .elementor-swiper-button {position: absolute !important;inset: auto !important; top: auto !important; right: auto !important;bottom: 27px !important;width: 22px !important;height: 22px !important;min-width: 22px !important;min-height: 22px !important;padding: 0 !important;margin: 0 !important;background: #000;border-radius: 50%;display: flex !important;align-items: center;justify-content: center;transform: none !important;z-index: 50;}
.carousel-peek .elementor-swiper-button-prev {left: 25% !important;}
.carousel-peek .elementor-swiper-button-next {left: calc(25% + 26px) !important;}
/* ICONE FRECCE*/
.carousel-peek .elementor-swiper-button svg {width: 8px !important;height: 8px !important; fill: #fff !important;color: #fff !important;}
.carousel-peek .elementor-swiper-button i {font-size: 8px !important;color: #fff !important;}
/* LINEA DOPO LE FRECCE */
.carousel-peek .swiper::after {content: ""; position: absolute;left: calc(35% + 75px);right: 30%; bottom: 37px; height: 1px; background: #b5b5b5; z-index: 5;}
/* HOVER*/
.carousel-peek .elementor-swiper-button {transition: transform .25s ease;}
.carousel-peek .elementor-swiper-button:hover {transform: scale(1.08) !important;}
}
.immobile .prezzo{color: unset; font-weight: unset; font-size: unset;font-weight: unset; line-height: unset;}
.caratteristiche .caratteristica {flex-basis: 33%;display: flex; align-items: center; margin-bottom: 25px;}
.caratteristiche .caratteristica img {width: 30px;}
.caratteristiche .caratteristica span {font-size:20px;}
@media screen and (max-width:768px){
	.caratteristiche .caratteristica {flex-basis: 50%}
	.caratteristiche .caratteristica span {font-size:14px;}
	.caratteristiche .caratteristica img {width: 24px;}
}

/* ============================================================
   HOME #2 (design Figma "Homepage #2") + FOOTER
   ============================================================ */

/* Titoli a stile misto: prima riga leggera (.sa-lead), seconda riga bold */
.sa-mixed .sa-lead {display: block; font-weight: 400;}
.sa-mixed--hero .sa-lead {font-size: 32px; line-height: 48px; letter-spacing: 1.2px;}
.sa-mixed--why .sa-lead {font-size: 16px; font-weight: 500; line-height: 32px;}
.sa-mixed--lifestyle .sa-lead {font-size: 24px; font-weight: 500; line-height: 48px;}
.sa-mixed--cta .sa-lead {font-size: 24px; font-weight: 500; line-height: 40px;}

/* Eyebrow con trattino a sinistra ("— The Salento Lifestyle") */
.sa-eyebrow-line .elementor-heading-title {display: flex; align-items: center; gap: 9px;}
.sa-eyebrow-line .elementor-heading-title::before {content: ""; width: 24px; height: 1px; background: currentColor; flex: none;}

/* Hero su video: leggera ombra per la leggibilita' su sabbia/cielo */
#sa-hero .elementor-heading-title, #sa-hero .elementor-text-editor {text-shadow: 0 2px 14px rgba(0,0,0,.35);}

/* Hero: bottone a contorno bianco */
#sa-hero .elementor-button:hover {color: #000;}

/* Footer */
#sa-footer .elementor-icon-list-item a:hover {color: #c7c7c7;}
#sa-footer .elementor-text-editor a {color: #fff; text-decoration: none;}
#sa-footer .elementor-text-editor a:hover {color: #c7c7c7;}
#sa-footer .elementor-icon-list-items {padding: 0; margin: 0;}

@media screen and (max-width: 767px) {
	.sa-mixed--hero .sa-lead {font-size: 22px; line-height: 32px;}
	.sa-mixed--why .sa-lead {font-size: 14px; line-height: 24px;}
	.sa-mixed--lifestyle .sa-lead {font-size: 20px; line-height: 32px;}
	.sa-mixed--cta .sa-lead {font-size: 20px; line-height: 30px;}
}