/*
Theme Name: Fisionoleggio
Description: Tema proprietario Fisionoleggio
Version: 1.0
Author: Fisionoleggio
Site: https://www.fisionoleggio.it/
Text Domain: https://www.tutore.it/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

html{
	margin: 0;
	padding: 0;
}
body{
	margin: 0;
	padding: 0;
}

/* SEARCH CERCA */
/*  la prima icona del cerca */
.is-search-form .is-form-style .is-form-style-3 .is-form-id-170{
	margin-top: -5px;
} 
.is-menu path.search-icon-path {
    fill: #ffffff !important;
}
.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>a {
    margin-right: 20px;
}

.is-form-id-170 .is-search-submit{
	background-color: #ffffff !important;
    margin-left: -80px !important;
    border-color: white !important;

}
.is-form-id-170 .is-search-icon {
    background-color: #ffffff !important;
    border-color: white;
	margin-left: -50px !important;
}

.search-close {
    right: 50px;
}
.search-close:before, .search-close:after {
    border-color: #2D7850 !important;
	border-left: 3px solid #848484;
	height: 25px;
}
/* SEARCH HOMEPAGE */
#is-search-input-999, #is-search-input-999::placeholder {
    font-size: 20px !important;
	padding-left: 10px !important;
}



/* NAVBAR */
.elementor-menu-cart__main {
	z-index: 9999999 !important;
}
.elementor-menu-cart__product-image img {
    border-radius: 10px !important;
}
/* menu in responsive0 */
.elementor-18 .elementor-element.elementor-element-24ae3dd div.elementor-menu-toggle{
	margin-right:35px;
}


/* HOMEPAGE */

#card-categoria-homepage:hover #bottone-hover-bianco a.elementor-button,
#card-categoria-homepage:hover #bottone-hover-bianco a.elementor-button:hover {
    background: #ffffff !important;
    border-color: #E4E4E4 !important;
	color:#2D7850 !important;
}

#card-categoria-homepage #bottone-hover-bianco a.elementor-button {
    background: #E4E4E4 !important;
}




/* Cerca dentro l'herosection */
.is-form-style button.is-search-submit{
	margin-left: -50px !important;	
	width: 0px!important;
}
 .is-search-icon {
    color: #49978a;
    background: white;
    font-size: 20px !important;
    border: 0px solid #ccc;
	border-radius: 0;
	margin-top: -5px;
}
 .is-search-icon:hover {
    color: #49978a;
    background: white;
}

.elementor-kit-6 input:not([type="button"]):not([type="submit"]){
	height: 54px !important;
	border-radius: 30px !important;
}
.is-search-icon svg {
    width: 45px;
	height: 35px;
	margin-bottom: 15px !important;
}
.is-form-id-999 .is-search-icon {
	border-radius: 30px !important;
	width: 45px;
    height: 45px;
}
.is-form-style button.is-search-submit
 



.elementor .card-wrapper-prova {
	display: flex !important;
}

/* Wrapper principale */
.card-wrapper-prova {
	display: flex !important;
	justify-content: center;
	align-items: initial;
	gap: 20px;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

/* Rimuove la disposizione verticale Elementor */
.card-wrapper-prova > .elementor-element,
.card-wrapper-prova > div {
	display: flex;
	flex: 0 0 30%;
	justify-content: center;
}

/* CARD */
.card-prova {
	position: relative;
	width: 100%;
	height: 500px;
	border-radius: 15px;
	overflow: hidden;
	perspective: 1000px;
	transition: all 0.3s ease;
	cursor: pointer;
}

/* CONTENITORE INTERNO */
.card-inner-prova {
	position: relative;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: transform 0.6s;
}

/* FACCIA FRONTALE */
.card-front-prova {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: 20px;
	border-radius: 15px;
	backface-visibility: hidden;
	background-image: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0),
		rgba(0, 0, 0, 0)
	),
	url('https://fisionoleggio.tutore.it/wp-content/uploads/2025/08/Tutori-modella-948-copia-scaled.jpg');
	
	background-size: cover;
	background-position: center;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
}

/* Hover */
.card-prova:hover,.card-inner-prova:hover {
	width: 700px;
}

/* TITOLO */
.titolo-card-prova {
	font-size: 24px;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	color: whitesmoke;
	margin-bottom: 10px;
	margin-top: 0;
}

/* PARAGRAFO EXTRA */
.card-front-prova p.extra-prova {
	display: none;
	color: white;
	font-family: 'Roboto', sans-serif;
	line-height: 1.3;
}

.card-prova:hover .card-front-prova p.extra-prova {
	display: block;
}

/* CONTENUTO EXTRA (BOTTONI E LINK) */
.expanded-content-prova {
	display: none;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
	color: white;
	font-size: 18px;
}

.card-prova:hover .expanded-content-prova {
	display: flex;
}

/* GRUPPO TAGS */
.gruppo-tags {
	display: flex;
	justify-content: end;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 10px;
	margin-top: 100px;
	border-radius: 15px;
}

.gruppo-tags button {
	background-color: #2d7850;
	color: white;
	border: none;
	border-radius: 15px;
	padding: 6px 12px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.gruppo-tags button:hover {
	background-color: #1f5838;
}

/* LINK SCOPRI DI PIÙ */
.card-back-btn-prova {
	display: inline-block;
	padding: 10px 20px;
	background-color: #07d245;
	color: white;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	border-radius: 15px 15px 15px 0;
	width: 60%;
	transition: background-color 0.3s ease;
}

.card-back-btn-prova:hover {
	background-color: #06b93d;
	width:700px;
}


/* =============================
   RESPONSIVE
============================= */

/* Tablet (2 card per riga) */
@media (max-width: 992px) {
	.card-wrapper-prova {
		flex-wrap: wrap;
	}
	.card-wrapper-prova > .elementor-element,
	.card-wrapper-prova > div {
		flex: 0 0 45%;
	}
}

/* Mobile (1 card per riga) */
@media (max-width: 600px) {
	.card-wrapper-prova {
		flex-direction: column;
		align-items: center;
	}
	.card-wrapper-prova > .elementor-element,
	.card-wrapper-prova > div {
		flex: 0 0 100%;
	}
}


.elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon i:last-child, .elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon svg:last-child {
    width: 300px;
}
.elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon {
    width: 200px;
}



/*  PAGINA PRODOTTI*/

#card-prodotto .elementor-icon-list-items .elementor-icon-list-item {
    height: 40px !important;
    line-height: 40px !important;
    align-items: center !important;
    display: flex !important;
}


.elementor[data-elementor-type="loop-item"]:hover .bottone-verde-hover{
    background-color: #07D245 !important;
    transition: background-color 0.3s ease-in-out;
}


#card-prodotto:hover #freccia-hover-verde svg path {
    fill: #07D245 !important; 
}

#card-prodotto:hover .bottone-verde-hover {
    background-color: #07D245 !important; 
    transition: 0.3s ease; 
}



/* PAGINA PRODOTTO SINGOLO */
.woocommerce-notices-wrapper{
	display: none !important;
}
.woocommerce div.product div.images img {
    border-radius: 10px;
	margin-top: 10px;
    margin-right: 10px;
}
#card-prodotto:hover #box-noleggia {
  background-color:#206448;           
  transition: all 0.3s ease;
}
/* Effetto hover su tutta la card prodotto */
#card-prodotto:hover #container-hover-bianco {
  background-color: #ffffff; /* sfondo bianco */
  transition: background-color 0.3s ease-in-out;
}

/* Cambia il colore del titolo in bianco al passaggio del mouse */
#card-prodotto:hover .product_title a {
  color: #ffffff !important;
  transition: color 0.3s ease-in-out;
}

/* Transizioni morbide anche in stato normale */
#container-hover-bianco,
.product_title a {
  transition: all 0.3s ease-in-out;
}

/* BLOG */
#unica-card-articolo-singolo {
    cursor: pointer;
}

#unica-card-articolo-singolo:hover #unico-titolo-hover-bianco h1,
#unica-card-articolo-singolo:hover #unico-p-hover-bianco{
    color: #ffffff !important;
    transition: color 0.3s ease;
}
 
#card-articolo-singolo {
    cursor: pointer;
}
#card-articolo-singolo:hover #titolo-hover-bianco a {
    color: #ffffff;
    transition: color 0.3s ease;
}


/* ---------------------------------------------------------------------------------------------------------INIZIO RESPONSIVE INTERO SITO */

@media (min-width:2000px){
	/* card categorie  */
	.card-prova {
		height: 500px !important;
	}
	.card.expanded-prova,.card-prova:hover {
		height:500px !important;
		width:800px !important;
	}
	
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* HOME PAGE */
/* card categorie  */
	.card-prova {
	width:30% !important;
	height: 500px !important;
    }
	.card.expanded-prova,
.card-prova:hover {
	width: 33% !important;
	height:500px !important;
}
}


@media (min-width: 100px) and (max-width: 768px) {
  /* HOME PAGE */
/* card categorie  */
	.card-prova {
	width:95% !important;
	height: 500px !important;
    }
	.card.expanded-prova,
	.card-prova:hover {
		width: 100% !important;
		height:500px !important;
	}
	.titolo-card-prova{
		font-size: 24px;
		padding-top: 60px;

	}
}