/*
 Theme Name:   saletta Child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     saletta
 Version:      
*/

body {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	background: #f2f2f2;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Montserrat", sans-serif!important;
}
h1 {
	font-weight: 300 !important;
	font-size: 54px;
	color: #fff!important;
}
h2 {
	color: #3c3c3c!important;
	font-weight: 900!important;
}
p {
	font-family: "Montserrat", sans-serif;
	color: #3c3c3c!important;
	font-size: 18px!important;
	font-weight: 300!important;
}
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header {
	background-color: transparent!important;
}
.site-header {
	background-color: transparent!important;
	position: fixed!important;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
}
.inside-header {
  padding: 10px 20px;
}
.main-navigation, .main-navigation ul ul {
	background-color: transparent!important;
}
.site-header .header-image {
	width: 250px!important;
}
.main-navigation .main-nav ul li a {
	font-weight: 700;
	color: #fff!important;
	padding-left: 15px;
	padding-right: 15px;
  line-height: 40px;
}
.main-navigation .main-nav ul li a:hover {
	text-decoration: underline!important;
}
.main-navigation .main-nav ul li.cta-contatti a {
	background: #fa00a1 !important;
	  border: 1px solid #fa00a1 !important;
  border-radius: 50px;
	margin-left: 10px!important;
} 
.main-navigation .main-nav ul li.cta-contatti a:hover {
	background: transparent !important;
	border-color: #fff!important;
	color: #fff!important;
	text-decoration: none!important;
}
#masthead.header-scrolled {
    background-color: #3c3c3c!important;
    transition: background-color 0.3s ease;
}

.separate-containers .inside-article {
	padding: 0!important;
}
.separate-containers.no-sidebar .site-main {
	margin: 0!important;
}
.bg-overlay {
	position: absolute!important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.5);
}
.intro h3 {
	font-size: 18px!important;
	color: #fff!important;
	text-transform: uppercase;
	font-weight: 900!important;
}
.intro p {
	color: #fff!important;
	font-size: 22px!important;
	font-weight: 300!important;
}

.elementor-widget-button .elementor-button {
	font-family: "Montserrat", sans-serif!important;
	border-radius: 40px!important;
	font-weight: 900!important;
	font-size: 16px!important;
	background-color: #fa00a1!important; 
	border: 1px solid #fa00a1!important;
}
.intro .elementor-widget-button .elementor-button:hover {
	background-color: transparent!important;
	border: 1px solid #fff!important;
}
.elementor-widget-button .elementor-button:hover {
	background-color: transparent!important;
	border: 1px solid #fa00a1!important;
	color: #fa00a1!important;
}
/* Cambia colore icona al hover */
.elementor-widget-button .elementor-button:hover .elementor-button-icon svg {
    fill: #fa00a1 !important;
}
.bg-color h2,
.bg-color p {
	color: #fff!important;
}
.elementor-widget-image-box .elementor-image-box-title {
	color: #fff!important;
	font-weight: 300!important;
	font-size: 24px!important;
}
.form {
	display: table;
    width: 100%;
    margin: 0 -10px;
}
.form .third-col-form {
	width: 33.33%;
    float: left;
    margin-bottom: 10px;
    padding: 0 10px;	
}
.form .half-col-form {
	width: 50%;
    float: left;
    margin-bottom: 10px;
    padding: 0 10px;
}
.form .col-form {
    padding: 0 10px;
	width: 100%;
}
.form .wpcf7-textarea {
	width: 100%;
}
.form input[type=submit] {
	font-family: "Montserrat", sans-serif !important;
	border-radius: 40px !important;
	font-weight: 900 !important;
	font-size: 18px !important;
	background: transparent !important;
	border: 1px solid #fff !important;
	margin-top: 20px;
}
.form input[type=submit]:hover {
    color: #fa00a1!important;
	border: 1px solid #fa00a1!important;
}
::-webkit-input-placeholder { /* Edge */
    font-weight: 300!important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-weight: 300!important;
}
::placeholder {
    font-weight: 300!important;
}
.privacy-style .wpcf7-list-item {
	font-size: 12px!important;
	text-transform: normal;
	line-height: 14px!important;
	margin-top: 20px;
}
.privacy-style .wpcf7-list-item a {
	color: #fff!important;
}
.privacy-style .wpcf7-list-item-label {
	font-size: 12px!important;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
	width: 100%!important;
	background: transparent!important;
	border-radius: 5px!important;
	color: #fff!important;
}
.elementor-widget-n-accordion .e-n-accordion-item-title {
	border-left: 0!important;
	border-right: 0!important;
}
.elementor-widget-n-accordion .e-n-accordion-item-title-text {
	font-weight: 900;
	font-size: 24px!important;
}
/* Primo pannello dell'accordion */
#e-n-accordion-item-1490 {
    border-left: 0 !important;
    border-right: 0 !important;
}
#e-n-accordion-item-1490 {
    border: none !important;
}

#e-n-accordion-item-1490 .e-con-child {
    border: none !important;
}
#e-n-accordion-item-1491 {
    border: none !important;
}

#e-n-accordion-item-1491 .e-con-child {
    border: none !important;
}
.e-n-accordion > details:nth-of-type(1),
.e-n-accordion > details:nth-of-type(1) .e-con-child {
    border: none !important;
}
.elementor-widget-counter .elementor-counter-title {
	font-family: "Montserrat", sans-serif !important;
	font-weight: 300!important;
	color: #3c3c3c!important;
}
.elementor-widget-counter .elementor-counter-number-wrapper {
	font-family: "Montserrat", sans-serif !important;
	font-weight: 900!important;
	color: #3c3c3c!important;
}
/* ---------------------------------------
   STILE TABS CONTATTI
   (Elementor Nested Tabs)
---------------------------------------- */

/* Wrapper generale */
#tabs-contatti .e-n-tabs {
    background: #3c3c3c;
    border: 0;
    border-radius: 12px;
    padding: 0;
    overflow: hidden;
}

/* ---------------------------------------
   Tabs (bottoni)
---------------------------------------- */

#tabs-contatti .e-n-tabs-heading {
    display: flex;
    border-bottom: 1px solid #fff;
}

#tabs-contatti .e-n-tab-title {
    flex: 1;
    padding: 18px 20px;
    text-align: center;
    color: #d2d2d2;
	background: transparent!important;
    font-size: 22px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: 0.25s ease;
    border-radius: 12px 12px 0 0;
}

/* Tab attivo */
#tabs-contatti .e-n-tab-title[aria-selected="true"] {
    color: #ffffff;
	border-top: 1px solid #fff!important;
	border-left: 1px solid #fff!important;
	border-right: 1px solid #fff!important;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

/* Hover tab */
#tabs-contatti .e-n-tab-title:hover {
    color: #ffffff;
	border-top: 1px solid #fff!important;
	border-left: 1px solid #fff!important;
	border-right: 1px solid #fff!important;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}


/* ---------------------------------------
   Contenuto della tab
---------------------------------------- */

#tabs-contatti .e-n-tabs-content {
    padding: 40px 35px;
	border: 1px solid #fff;
	border-top: 0;
	margin-top: -10px;
	-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

/* Container interno */
#tabs-contatti .e-con-child {
    border: none !important;
    background: transparent !important;
}


/* ---------------------------------------
   Stile dei form Contact Form 7 dentro le tab
---------------------------------------- */

/* Input */
#tabs-contatti .wpcf7-form input[type="text"],
#tabs-contatti .wpcf7-form input[type="email"],
#tabs-contatti .wpcf7-form input[type="tel"],
#tabs-contatti .wpcf7-form textarea {
    width: 100%;
    border: 1px solid #6a6a6a;
    background: #2f2f2f;
    color: #fff;
    padding: 12px 14px;
    border-radius: 6px;
    transition: 0.25s ease;
}

#tabs-contatti .wpcf7-form input:focus,
#tabs-contatti .wpcf7-form textarea:focus {
    border-color: #ffffff;
    outline: none;
}

/* Placeholder */
#tabs-contatti ::placeholder {
    color: #bcbcbc;
}

/* Bottone invio */
#tabs-contatti .wpcf7-submit {
    background: transparent;
    border: 1px solid #ffffff;
    padding: 10px 26px;
    border-radius: 30px;
    color: #ffffff;
    cursor: pointer;
    transition: 0.25s ease;
}

#tabs-contatti .wpcf7-submit:hover {
    background: #ffffff;
    color: #000000;
}

/* Rimuovere eventuali bordi restanti dell’accordion */
.e-n-accordion-item,
.e-n-accordion-item > .e-con-child {
    border: none !important;
    border-inline: none !important;
    border-block: none !important;
}
.elementor-widget-n-tabs .e-n-tab-title-text {
	font-weight: 900!important;
	font-size: 24px!important;
}
.site-info {
	background: #3c3c3c;
	color: #fff!important;
	font-size: 12px!important;
}
.site-info p,
.site-info a {
	color: #fff!important;
	font-size: 12px!important;
}
.inside-site-info {
	width: 1200px!important;
	max-width: 1200px!important;
	margin: 0 auto!important;
	padding-left: 0!important;
	padding-right: 0!important;
	border-top: 1px solid #fff;
}
/* =========================================
   Accordion "A chi mi rivolgo" - rimuovi bordi
   (widget Elementor ID: elementor-element-8e339b8)
========================================= */

/* Rimuove SOLO i bordi left e right dai pannelli dell’accordion */
.e-n-accordion .e-n-accordion-item {
    border-left: 0 !important;
    border-right: 0 !important;
}

/* Rimuove SOLO i bordi left e right dal contenuto interno */
.e-n-accordion .e-n-accordion-item > .e-con-full.e-con.e-child {
    border-left: 0 !important;
    border-right: 0 !important;
}

/* Versione mirata ai due pannelli (opzionale ma consigliata) */
#e-n-accordion-item-1490,
#e-n-accordion-item-1491 {
    border-left: 0 !important;
    border-right: 0 !important;
}

#e-n-accordion-item-1490 > .elementor-element-89ddd78,
#e-n-accordion-item-1491 > .elementor-element-3e8a027 {
    border-left: 0 !important;
    border-right: 0 !important;
}

/* ======================================================
   MOBILE STYLE — max-width 768px
====================================================== */
@media (max-width: 768px) {
	.gp-icon svg {
		fill: #fff;
	}
	.site-header {
		background-color: #3c3c3c !important;
	}

    /* ------------------------------
       Titoli e testi
    ------------------------------ */
    h1 {
        font-size: 32px !important;
    }

    h2 {
        font-size: 26px !important;
    }

    p {
        font-size: 16px !important;
        line-height: 1.45;
    }

    .intro p {
        font-size: 18px !important;
    }

    .elementor-widget-n-accordion .e-n-accordion-item-title-text,
    .elementor-widget-n-tabs .e-n-tab-title-text {
        font-size: 18px !important;
    }


    /* ------------------------------
       Header
    ------------------------------ */
    .inside-header {
        padding: 8px 14px !important;
    }

    .site-header .header-image {
        width: 180px !important;
    }


    /* ------------------------------
       Form (Contact Form 7)
    ------------------------------ */
    .form {
        margin: 0 !important;
        display: block;
    }

    .form .third-col-form,
    .form .half-col-form,
    .form .col-form {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
        margin-bottom: 14px !important;
    }

    .form input,
    .form textarea {
        font-size: 16px !important;
    }

    .form input[type=submit] {
        font-size: 16px !important;
        padding: 12px 20px !important;
        width: 100%;
    }


    /* ------------------------------
       TAB del form contatti
    ------------------------------ */

    #tabs-contatti .e-n-tabs-heading {
        flex-direction: column !important;
        border-bottom: none !important;
    }

    #tabs-contatti .e-n-tab-title {
        border-radius: 0 !important;
        border: 1px solid #fff !important;
        margin-bottom: 0;
		margin-top: 0;
        font-size: 18px !important;
        padding: 14px !important;
    }

    #tabs-contatti .e-n-tab-title[aria-selected="true"] {
        border-radius: 6px !important;
    }

    #tabs-contatti .e-n-tabs-content {
        padding: 20px !important;
        margin-top: 0 !important;
        border-radius: 6px !important;
    }


    /* ------------------------------
       Accordion "A chi mi rivolgo"
    ------------------------------ */
    .e-n-accordion .e-n-accordion-item-title {
        padding: 12px 0 !important;
    }

    .e-n-accordion .e-n-accordion-item-title-text {
        font-size: 18px !important;
    }

    .e-n-accordion .e-n-accordion-item > .e-con-full.e-con.e-child {
        padding: 18px 0 !important;
    }


    /* ------------------------------
       Bottoni Elementor
    ------------------------------ */
    .elementor-widget-button .elementor-button {
        font-size: 16px !important;
        padding: 14px 22px !important;
        width: 100%;
        text-align: center;
    }

    .elementor-button-icon svg {
        width: 18px !important;
        height: 18px !important;
    }


    /* ------------------------------
       Footer
    ------------------------------ */
    .inside-site-info {
        width: 100% !important;
        padding: 15px !important;
        text-align: center;
    }
	/* ---------------------------------------
   MOBILE: tab chiare, selezione evidente
---------------------------------------- */
    #tabs-contatti .e-n-tabs-heading {
        flex-direction: column;
        gap: 0;
		margin-bottom: 20px;
        border-bottom: 0;
    }

    #tabs-contatti .e-n-tab-title {
        border-radius: 8px;
        border: 1px solid #fff;
        font-size: 18px;
        padding: 14px 16px;
        color: #ffffff;
        background: transparent !important;
    }

    /* Tab attiva: sfondo bianco, testo scuro */
    #tabs-contatti .e-n-tab-title[aria-selected="true"] {
        background: #ffffff !important;
        color: #3c3c3c !important;
        border-color: #ffffff !important;
    }

    #tabs-contatti .e-n-tab-title:hover {
        /* su mobile il tap = click, teniamo stesso stile della normale */
        background: #ffffff !important;
        color: #3c3c3c !important;
        border-color: #ffffff !important;
    }

    #tabs-contatti .e-n-tabs-content {
        padding: 20px 0 0;
        border: 0;
        margin-top: 10px;
        border-radius: 0;
    }
}