/*
 Theme Name:     Farrow & Ball DEC Shop Theme 2025
 Theme URI:      https://www.opheliads.com
 Description:    Farrow & Ball DEC Shop Child Theme
 Author:         Ophelia SRL
 Author URI:     https://www.opheliadigital.com/
 Template:       Divi
 text-domain:	 fbshop
 Version:        1.1.30

/* VARIABILI */
:root {
	--decMain: #141414;
	--decRed: #D3062A;
	--decLGrey: #F6F7F8;
	--decGrey: #707070;

	--decH1: 5.5rem;
	--decH2: 4.5rem;
	--decH3: 4rem;
	--decH4: 3rem;

	--txtSmall: 0.8rem;
	--txtMedium: 1.25rem;
	--txtLarge: 1.7rem;
}

@media screen and (max-width: 768px){
	:root {
		--decH1: 4rem;
		--decH2: 3.5rem;
		--decH3: 3rem;
		--decH4: 2rem;
		
	}
}
@media screen and (max-width: 400px){
	:root {
		--decH1: 3.5rem;
		--decH2: 3rem;
		--decH3: 2.5rem;
		--decH4: 1.7rem;
	}
}


/* Img titles pop-up off */
.et_pb_image img { pointer-events: none; }
/* Selected Text Color 
::selection { color: rgba(255, 255, 255, 0.8);background: var(--main); } */
.fbdec-block-hide {
	display:none!important;
}

/* FOCUS */
input.text:focus, input.title:focus, input[type="text"]:focus, select:focus, textarea:focus {
	outline: 2px solid var(--decMain);
	outline-offset: 1px;
 	color: var(--decMain) !important;
}

/* TESTI */
.fbdec-txt h1, .entry-title.main_title, .woocommerce-products-header__title.page-title {
	font-size: var(--decH1);
}
.fbdec-txt h2 {
	font-size: var(--decH2);
}
.fbdec-txt h3 {
	font-size: var(--decH3);
}
.fbdec-txt h4 {
	font-size: var(--decH4);
}
.fbdec-txt p {
	font-size: 1rem;
}
.txt-small {
	font-size: var(--txtSmall)!important;
}
.txt-medium {
	font-size: var(--txtMedium)!important;
}
.txt-large {
	font-size: var(--txtLarge)!important;
	font-weight: 700;
}


button, input, select, textarea {
	font-family: 'Bebas Neue',display;
}
.woocommerce-Button.wc-forward.button {
	font-family: 'Bebas Neue', display;
}

blockquote {
	border-color: var(--decRed);
	font-size: var(--txtMedium);
	font-style: italic;
}

/* -------------------
     MENU DESKTOP
------------------- */
/* Mostra Voci a seconda se si è loggati o no */
.fbdec-user-in {
    display: none !important;
}

.logged-in .fbdec-user-out {
    display: none !important;
}

.logged-in .fbdec-user-in {
    display: flex !important;
}


/* Stile per il menu principale */
.menu-item-has-children.catalogo {
	position: static !important;
  }
  
  .menu-item-has-children.catalogo > a {
	font-family: "Bebas Neue", sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
  }
  
  /* Sottomenu di primo livello */
  .submenu-level-1 {
	display: none;
	position: absolute;
	top: 10%;
	left: 0;
	background: #ffffff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	padding: 30px;
	z-index: 999;
	border-radius: 8px;
	opacity: 0;
	transition: opacity 0.3s ease;
  }
  
  .submenu-level-1.visible {
	opacity: 1;
  }
  
  /* Mostra il sottomenu all'hover della voce catalogo */
  .menu-item-has-children.catalogo:hover + .submenu-level-1,
  .submenu-level-1:hover {
	display: table;
	opacity: 1;
  }
  
  /* Layout del sottomenu */
  .submenu-level-1 {
	flex-direction: row;
	flex-wrap: nowrap;
  }
  
  /* Colonna colori */
  .colors-container {
	display: table-cell;
	width: 66%;
	padding-right: 30px;
	vertical-align: top;
  }
  
  /* Grid dei colori */
  .colors-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
  }
  
  .color-item {
	padding: 8px 12px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: "Bebas Neue", sans-serif;
	font-size: 16px;
	letter-spacing: 0.5px;
	transition: background-color 0.2s ease;
	border-radius: 4px;
	text-transform: uppercase;
  }
  
  .color-item:hover {
	background-color: #f5f5f5;
  }
  
  /* Indicatore di colore */
  .color-item::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 5%;
	background-color: var(--color);
	transition: transform 0.2s ease;
	margin-right: 10px;
  }
  
  .color-item:hover::before {
	transform: scale(1.1);
  }
  
  /* Definiamo i colori per ogni elemento */
  .color-item.grigio::before {
	--color: #92908a;
  }
  .color-item.neutral::before {
	--color: #eeeee5;
  }
  .color-item.bianco::before {
	--color: #ffffff;
	border: 1px solid #e0e0e0;
  }
  .color-item.black::before {
	--color: #000000;
  }
  .color-item.blu::before {
	--color: #b4c0c8;
  }
  .color-item.rosso::before {
	--color: #ba596b;
  }
  .color-item.verde::before {
	--color: #87ad78;
  }
  .color-item.giallo::before {
	--color: #f3e2a5;
  }
  .color-item.arancio::before {
	--color: #e8b45b;
  }
  .color-item.viola::before {
	--color: #501755;
  }
  .color-item.rosa::before {
	--color: #e4b9b9;
  }
  .color-item.marrone::before {
	--color: #8c7f67;
  }
  
  /* Colonna categorie */
  .categories-container {
	display: table-cell;
	width: 34%;
	border-left: 1px solid #e0e0e0;
	padding-left: 30px;
	vertical-align: top;
  }
  
  /* Menu categorie */
  .categories-menu {
	list-style: none;
	padding: 0;
	margin: 0;
  }
  
  .categories-menu li {
	margin-bottom: 12px;
	list-style-type: none;
  }
  
  .categories-menu li a {
	font-family: "Bebas Neue", sans-serif;
	font-size: 16px;
	letter-spacing: 0.5px;
	color: #333;
	text-decoration: none;
	display: flex;
	align-items: center;
	transition: all 0.2s ease;
	padding: 4px 8px;
	border-radius: 4px;
	text-transform: uppercase;
  }
  
  .categories-menu li a:hover {
	color: #666;
	background-color: #f5f5f5;
  }
  
  .categories-menu li.has-submenu > a::after {
	content: "›";
	margin-left: 8px;
	font-size: 20px;
	line-height: 1;
	transition: transform 0.2s ease;
  }
  
  .categories-menu li.has-submenu:hover > a::after {
	transform: translateX(3px);
  }
  
  /* Sottomenu di secondo livello */
  .submenu-level-2 {
	position: absolute;
	left: 100%;
	top: 0;
	background: white;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
	padding: 20px;
	min-width: 220px;
	border-radius: 8px;
	opacity: 0;
	transform: translateX(10px);
	transition: all 0.3s ease;
	margin-left: 50px;
  }
  
  .submenu-level-2.visible {
	opacity: 1;
	transform: translateX(0);
  }
  
  .submenu-level-2 ul {
	list-style: none;
	padding: 0;
	margin: 0;
  }
  
  .submenu-level-2 li {
	margin-bottom: 8px;
  }
  
  .submenu-level-2 li a {
	font-family: "Bebas Neue", sans-serif;
	font-size: 16px;
	color: #333;
	text-decoration: none !important;
	transition: all 0.2s ease;
	display: block;
	padding: 4px 8px;
	border-radius: 4px;
	text-transform: uppercase;
  }
  
  .submenu-level-2 li a:hover {
	color: #666;
	background-color: #f5f5f5;
  }
  
  .has-submenu {
	position: relative;
  }
  
  /* -------------------
		 MENU MOBILE
	------------------- */
  
  /* Reset generale */
  * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
  }
  
  /* Container principale */
  .mobile-menu-container {
	position: fixed;
	top: 0;
	left: 5%;
	width: 90%;
	height: auto;
	background: #ffffff;
	z-index: 1000;
	border-radius: 0 0 10px 10px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	font-family: "Bebas Neue", sans-serif;
  }
  
  /* Header fisso (sempre visibile) */
  .menu-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	background-color: #141414;
	flex-shrink: 0;
  }
  
  .logo {
	display: flex;
	align-items: center;
  }
  
  .logo img {
	height: 40px;
  }
  
  /* Burger menu */
  .burger-menu {
	width: 30px;
	height: 30px;
	position: relative;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
  }
  
  .burger-menu span {
	display: block;
	width: 100%;
	height: 2px;
	background: #ffffff;
	position: absolute;
	left: 0;
	transition: all 0.3s;
  }
  
  .burger-menu span:nth-child(1) {
	top: 25%;
  }
  
  .burger-menu span:nth-child(2) {
	top: 50%;
	transform: translateY(-50%);
  }
  
  .burger-menu span:nth-child(3) {
	bottom: 25%;
  }
  
  /* X per il burger menu */
  .burger-menu.active span:nth-child(1) {
	transform: rotate(45deg);
	top: 50%;
  }
  
  .burger-menu.active span:nth-child(2) {
	opacity: 0;
  }
  
  .burger-menu.active span:nth-child(3) {
	transform: rotate(-45deg);
	top: 50%;
  }
  
  /* Contenitore per il contenuto scorrevole - inizialmente nascosto */
  .menu-content-wrapper {
	flex-grow: 1;
	position: relative;
	overflow: hidden;
	height: 0; /* Inizialmente altezza zero */
	transition: height 0.3s ease-in-out;
  }
  
  .menu-content-wrapper.active {
	height: 90vh; /* Altezza completa quando attivo */
  }
  
  /* Menu principale */
  .main-menu-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
	overflow-y: auto;
	opacity: 1; /* Cambiato da 0 a 1 */
	transform: translateY(0); /* Rimosso lo spostamento */
	pointer-events: auto; /* Sempre interagibile */
  }
  
  .main-menu-content.active {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
  }
  
  .main-menu-content.slide-left {
	transform: translateX(-100%);
  }
  
  .main-menu ul {
	list-style: none;
  }
  
  .main-menu li {
	border-bottom: 1px solid #eee;
  }
  
  .main-menu .menu-item {
	font-size: 20px;
	letter-spacing: 1px;
	color: #333;
	text-decoration: none;
	display: block;
	padding: 20px;
	position: relative;
  }
  
  .main-menu .has-submenu .menu-item::after {
	content: "›";
	position: absolute;
	right: 20px;
	font-size: 24px;
	color: #cc0000;
  }
  
  /* Submenu Catalogo */
  .submenu-content {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	background: #ffffff;
	transition: transform 0.3s ease-in-out;
	overflow-y: auto;
  }
  
  .submenu-content.slide-left {
	transform: translateX(-100%);
  }
  
  /* Titolo submenu con freccia indietro */
  .submenu-title {
	display: flex;
	align-items: center;
	padding: 15px 20px;
	border-bottom: 1px solid #eee;
  }
  
  .back-button {
	background: none;
	border: none;
	font-size: 0;
	display: flex;
	align-items: center;
	color: #333;
	padding: 0;
	cursor: pointer;
  }
  
  .arrow-left {
	font-size: 24px;
	margin-right: 10px;
	color: #333;
  }
  
  .submenu-title h3 {
	margin-left: 10px;
	font-weight: normal;
	font-size: 20px;
	letter-spacing: 1px;
	display: flex;
	align-items: center;
	color: #333;
  }
  
  /* Quadratino multicolor */
  .submenu-title h3::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background: linear-gradient(
	  to bottom right,
	  #ff0000 0%,
	  #ff0000 25%,
	  #00ff00 25%,
	  #00ff00 50%,
	  #0000ff 50%,
	  #0000ff 75%,
	  #ffff00 75%,
	  #ffff00 100%
	);
  }
  
  /* Grid dei colori */
  .colors-grid-mobile {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0;
	padding: 20px;
  }
  
  .color-item-mobile {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 15px 0;
	font-size: 18px;
	letter-spacing: 1px;
  }
  
  .color-box {
	width: 24px;
	height: 24px;
	border-radius: 0;
  }
  
  /* Colori specifici */
  .color-box.grigio {
	background: #92908a;
  }
  .color-box.neutral {
	background: #eeeee5;
  }
  .color-box.bianco {
	background: #ffffff;
	border: 1px solid #e0e0e0;
  }
  .color-box.black {
	background: #000000;
  }
  .color-box.blu {
	background: #b4c0c8;
  }
  .color-box.rosso {
	background: #ba596b;
  }
  .color-box.verde {
	background: #87ad78;
  }
  .color-box.giallo {
	background: #f3e2a5;
  }
  .color-box.arancio {
	background: #e8b45b;
  }
  .color-box.viola {
	background: #501755;
  }
  .color-box.rosa {
	background: #e4b9b9;
  }
  .color-box.marrone {
	background: #8c7f67;
  }
  
  /* Separatore dopo i colori */
  .colors-grid::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #eee;
	grid-column: 1 / -1;
	margin: 20px 0;
  }
  
  /* Accordion container */
  .accordion-container {
	padding: 0 20px;
  }
  
  .accordion-item {
	border-bottom: 1px solid #eee;
  }
  
  .accordion-header {
	width: 100%;
	text-align: left;
	padding: 20px 0;
	background: none;
	border: none;
	font-size: 20px;
	letter-spacing: 1px;
	position: relative;
	color: #333;
  }
  
  .accordion-header::after {
	content: "›";
	position: absolute;
	right: 0;
	transition: transform 0.3s;
	color: #cc0000;
	font-size: 24px;
	transform: rotate(90deg);
  }
  
  .accordion-header.active::after {
	transform: rotate(-90deg);
  }
  
  .accordion-content {
	display: none;
	padding: 0 0 20px 0;
  }
  
  .accordion-content.active {
	display: block;
  }
  
  .accordion-content ul {
	list-style: none;
  }
  
  .accordion-content li {
	margin-bottom: 10px;
  }
  
  .accordion-content a {
	color: #333;
	text-decoration: none;
	font-size: 18px;
	letter-spacing: 0.5px;
  }
  
  .wallpaper-link {
	display: block;
	padding: 20px 0;
	text-decoration: none;
	color: #333;
	border-bottom: 1px solid #eee;
	font-size: 20px;
	letter-spacing: 1px;
	position: relative;
  }
  
  .wallpaper-link::after {
	content: "›";
	position: absolute;
	right: 0;
	color: #cc0000;
	font-size: 24px;
  }
  
  /* Nascondi menu mobile su desktop */
  @media (min-width: 981px) {
	.mobile-menu-container {
	  display: none;
	}
  }

/* ----------------*/
/* HOMEPAGE 	   */
/* ----------------*/

/* COLORE DEL MESE */
/*
.home-cdm-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}
.home-cdm-img1 {
	grid-area: 1 / 2 / 2 / 3;
}
.home-cdm-img2 {
	grid-area: 1 / 1 / 3 / 2;
}
.home-cdm-text {
	grid-area: 2 / 2 / 3 / 3;
}
.home-cdm-img2 img {
	width: 100%;
}
*/
.home-cdm-container {
	display: flex;
}
.home-cdm-img2 {
	width: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.home-cdm-col2 {
	width: 50%;
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.home-cdm-container {
	display: flex;
	height: 80vh;
	gap: 2rem;
}
.home-cdm-text {
	padding: 2em;
}
.home-cdm-img1 {
	flex-grow: 1;
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: center;	
}
.scelta-mese {
	font-size: var(--txtLarge) !important;
	font-family: 'Bebas Neue', display;
	text-align: right;
}

@media screen and (max-width: 768px) {
	.home-cdm-container {
		display: grid;
		height: auto;
	}
	.home-cdm-img2 {
		width: 100%;
		aspect-ratio: 4/5;
	}
	.home-cdm-col2 {
		width: 100%;
	}
	.home-cdm-img1 {
		display: none;
	}
}

/* --------------------- */
/* 	WOOCOMMERCE NOTICES */
/* --------------------- */
.woocommerce .woocommerce-error, 
.woocommerce .woocommerce-info, 
.woocommerce .woocommerce-message {
	background: var(--decLGrey);
	border: 1px solid var(--decGrey);
	border-radius: .25rem;
	color: var(--decMain) !important;
}







/* ----------*/
/* SHOP PAGE */
/* ----------*/
.term-description {
	font-size: 1rem;
	max-width: 700px;
	margin-bottom: 3em;
}

/* Barra di ricerca */
form.is-search-form {
	margin: 2rem 0 .5rem auto;
  	max-width: 400px;
}
.is-ajax-search-details a, .is-ajax-search-result a {
	color: var(--decMain) !important;
	font-size: var(--txtMedium) !important;
	font-family: 'Bebas Neue', display;
}
div.is-ajax-search-details, div.is-ajax-search-result {
	padding: 0px !important;
	max-width: 398px !important;
	border: 1px solid var(--decMain) !important;
	margin-top: 5px !important;

}

/* Risultati e ordinamento */
.orderby, .woocommerce div.product form.cart .variations td select {
	background-color: transparent;
	border: 1px solid var(--decGrey);
	color: var(--decGrey) !important;
	font-size: var(--txtSmall);
	font-family: 'Lato', Arial, sans-serif;
}
p.woocommerce-result-count {
	font-size: var(--txtSmall);
	color: var(--decGrey);
}

/* Product card */
.woocommerce-LoopProduct-link:hover {
	transform: scale(1.025);
	transition: transform 0.3s ease;
}
.woocommerce-LoopProduct-link:focus {
	outline: 1px solid var(--decMain);
	padding: 4px;
	border-radius: 3px;
	transform: scale(1.025);
	transition: transform 0.3s ease;
	background-color: var(--decLGrey);
}
.woocommerce-loop-product__title {
	font-size: var(--txtMedium) !important;
  	font-family: 'Lato', sans-serif;
	font-weight: 600;
}
.et_shop_image .et_overlay {
	display: none;
}

/* Colore campione */
.sample-link {
	display: block;
	font-size:var(--txtSmall);
	font-family: 'Lato', sans-serif;
	text-decoration: underline !important;
  	text-align: right;
}
.sample-link:hover, .sample-link:focus {
	font-weight: 600;
}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current {
	background: var(--decMain);
	color: white;
}
.woocommerce nav.woocommerce-pagination ul li {
	border-right: 1px solid var(--decMain);
}
.woocommerce nav.woocommerce-pagination ul {
	border: 1px solid var(--decMain);
}



/* ----------------*/
/* FILTRO SHOP 	   */
/* ----------------*/
.filtro-icon {
	font-size: 1rem;
	font-family: 'ETModules';
}
.filter-buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5em;
}
.filter-buttons h5 {
	padding-bottom: 0px;
	font-size: var(--txtMedium);
}
.filter-buttons button {
	border: 1px solid var(--decMain);
	border-radius: 2rem;
	font-size: var(--txtMedium);
	font-family: 'Lato', sans-serif;
	padding: .5rem 1rem;
	background-color: transparent;
	cursor: pointer;
}
.filter-buttons button:hover {
	background-color: var(--decLGrey);
}
.filter-buttons button:focus,
.filter-buttons button:target {
	outline: 2px solid var(--decMain);
  	outline-offset: 1px;
}
.filter-buttons button.active {
    background-color: var(--decMain);
    color: #fff;
	font-weight: 600;
}

/* Pulsante Rimuovi filtri */
button.link {
	border: none;
	text-decoration: underline;
}
button.link:hover, button.link:active {
	font-weight: 600;
	background-color: transparent;
}


/* tag attivi */
.fbdec-filter-selections {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	margin: 1em 0;
}

/* Menu tendina */
.fbdec-shop-filter-container-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 30%;
	min-width: 400px;
  	height: 100vh;
}
.fbdec-shop-filter-container {
	position: relative;
	background-color: #ffffff;
	height:100%;
	padding: 4rem;
	padding-top: calc(4rem + 88px);
	box-shadow: 10px 10px 30px #1414146b;
	overflow-y: scroll;
}
.fbdec-shop-filter-overlay{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
}
.fbdec-shop-filter-container-wrapper, .fbdec-shop-filter-overlay {
	display: none;
}

/* Pulsante Chiusura */
.filter-close-button {
	position: absolute;
	top: 4em;
	right: 4rem;
}
.filter-close-button button {
	border: none;
	background-color: transparent;
	font-family: 'ETModules';
	font-size: var(--txtLarge);
	cursor: pointer;
}

/* ACCORDION */
.filtro-accordion {
	margin-bottom: 1em;
}

.filtro-icon.accordion.closed {
	transform: rotate(180deg);
}
/* Titolo accordion */
.filtro-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 0;
	cursor: pointer;
}
.filtro-title p {
	font-size: var(--txtMedium);
	font-weight: 600;
}


/* CHECKBOX */
#filter input[type="checkbox"] {
	-webkit-appearance:none;
}
.filtro-content {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}
.filtro-check {
	background-color: var(--decLGrey);
	padding: .5rem 1rem;
	border: 1px solid var(--decLGrey);
	border-radius: 5rem;
	cursor: pointer;
}
.filtro-check:hover {
	border-color: var(--decGrey);
}
.filtro-check:focus {
	border-color: var(--decRed);
}
.filtro-check:active {
	background-color: var(--decMain);
	border-color: var(--decMain);
	color: #fff;
}

.filtro-check:has(input:checked) {
	background-color: var(--decMain);
	border-color: var(--decMain);
	color: #fff;
}
.filtro-content.closed {
	display:none;
} 

/* Filtro Colore */
.color-swatch {
	display: inline-block;
	aspect-ratio: 1/1;
	width: auto;
	height: var(--txtSmall);
	border: 1px solid var(--decGrey);
 }


 @media screen and (max-width: 500px) {
	.fbdec-shop-filter-container-wrapper{
		width:100%;
		min-width: auto;
	}
	.fbdec-shop-filter-container{
		width:100%;
		padding:2rem;
		padding-top: calc(2rem + 88px);
	}
	.filter-close-button {
		top: 2em;
		right: 2rem;
	}
 }








/* ----------------*/
/* PAGINA PRODOTTO */
/* ----------------*/

.fbdec-product-page section {
	padding: 6em 0;
	position: relative;
}
.product-row {
	max-width: 1440px;
	width: 80%;
	margin: 0 auto;
	z-index: 1;
}
.product-row.col-2 {
	display: flex;
	gap: 2rem;
}
.product-row.col-2 .col {
	width: 50%;
}

/* NOTICE PRODOTTO */
.fbdec-prod-messages {
	position:fixed;
	bottom:0;
	left: 50%;
  	transform: translateX(-50%);
	width:90%;
	max-width: 1440px;
	z-index: 9999;
}
.woocommerce-message {
	display: flex;
	align-items:center;
	justify-content: space-between;
	gap: 1rem;
}
.woocommerce-message a {
	width: fit-content;
	font-family: 'Bebas Neue', display;
}

/* HEADER PRODOTTO */
.product-header {
	height: 80vh;
	display: flex;
	align-items: flex-end;
}
.product-header .product-row .col {
	display: flex;
	flex-direction: column;
	justify-content: end;
}

/* TITOLO PRODOTTO */
.product-id {
	font-size: 2rem !important;
	font-weight: 300;
	padding-bottom: .5em !important;
}
/* BREADCRUMBS */
.woocommerce-breadcrumb {
	color: inherit !important;
	font-weight: 600;
	font-size: 1.25rem !important;
}
.delimiter {
	color: inherit !important;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a {
	color: inherit !important;
	font-weight: 300;
}

/* OPZIONI PRODOTTO */
.product-options {
	background-color: #fff;
	padding: 2em;
}
.variations_form.cart table.variations {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 1em;
}
.variations_form.cart .label {
	display: none;
}
.variations_form.cart select {
	padding: .6rem 1rem;
	width: 100%;
	border-color: var(--decGrey) !important;
	border-radius: 5px;
	font-size: 1rem;
	color: var(--decGrey);
}

/* PREZZO PRODOTTO */
.woocommerce-Price-amount.amount {
	padding: 1rem 0;
}
/*.woocommerce-variation-price .price,*/ 
.woocommerce-Price-amount.amount {
	display: inline-block;
	font-size: 3rem;
	font-weight: bold;
	font-family: 'Bebas Neue', display;
}

/* QTY BUTTONS */
.quantity {
	display: flex !important;
	align-items: center;
}
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity input[type=number] {
	-moz-appearance: textfield!important;
}
.fbdec-qty-button {
	background-color: var(--decMain);
	color: #fff;
	border: 1px solid var(--decMain);
	border-radius: 5px;
	width: fit-content;
	height: fit-content;
	padding: .2rem;
	font-size: 1.25rem;
	cursor: pointer;
	font-family: ETModules;
}
.woocommerce .quantity input.qty, 
.woocommerce-page .quantity input.qty, 
.woocommerce #content .quantity input.qty, 
.woocommerce-page #content .quantity input.qty, 
.woocommerce-cart table.cart td.actions .coupon .input-text, 
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea, 
.et_pb_wc_cart_totals .select2-container--default .select2-selection--single, 
.et_pb_wc_checkout_billing .select2-container--default .select2-selection--single, 
.et_pb_wc_checkout_shipping .select2-container--default .select2-selection--single {
	background-color: transparent;
	color: var(--decMain);
	font-size: 1.25rem;
}

/* PULSANTE AGGIUNGI AL CARRELLO */
.single_add_to_cart_button {
	width: 100%;
	margin: 1em 0!important;
}

/* CAMPIONI */
#sample-products-container {
	margin-bottom: 1rem;
}
#sample-products-container a {
	color: var(--decMain);
	padding: .5rem 1rem;
	border-radius: 5px;
	border: 1px solid;
	font-size: var(--txtMedium);
	font-family: 'Bebas Neue', display;
}

/* DESCRIZIONE PRODOTTO */
.product-description a {
	text-decoration: underline;
}
.product-tags {
	padding: 2em 0;
}

/* CARATTERISTICHE */
.feature-accordion {
	margin-bottom: 2em;
}
.feature-accordion-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #d3d3d3;
	cursor: pointer;
}
.feature-accordion-header p {
	padding-bottom: 1rem!important;	
	font-size: var(--txtMedium);
}

.feature-accordion-content {
	transition: all 0.3s ease-in-out;
	height: auto;
	padding: 1rem 0;
}
.feature-accordion-content.closed {
	height:	0;
	padding: 0;
	overflow: hidden;
}

.icon {
	font-family: 'ETModules';
}
.icon.closed {
	transform: rotate(180deg);
}

/* GALLERIA PRODOTTO */
.product-images {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(min(20rem, 100%), 1fr));
	gap: 2rem;
}

/* MIX & MATCH */
.mix-match-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(min(20rem, 100%), 1fr));
	gap: 1rem;
	min-height: 10rem;
	margin: 6em 0;
	margin-top: 3em;
}
.mix-match-grid:last-of-type {
	margin-bottom: 0px;
}
.mix-match-cards {
	min-height: 12rem;
	border-radius: .25rem;
}
.mix-match-cards.current {
	display: flex;
	align-items: flex-end;
	padding: 1em;
}
.mix-match-cards a {
	display: flex;
	align-items: flex-end;
	padding: 1em;
	width: 100%;
	height: 100%;
}

/* GUIDA ALLE FINITURE */
.guida-finiture-container-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 40%;
	min-width: 400px;
	height: 100vh;
}
.guida-finiture-container {
	position: relative;
	background-color: #ffffff;
	height: 100%;
	padding: 4rem;
	padding-top: 4rem;
	padding-top: calc(4rem + 88px);
	box-shadow: 10px 10px 30px #1414146b;
	overflow-y: scroll;
}
.guida-finiture-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
}
.guida-finiture-container-wrapper, .guida-finiture-overlay {
	display:none;
}

.guida-finiture-header {
	padding-bottom: 2em;
}
.fbdec-finiture-item-name h4 {
	font-family: "Lato", sans-serif;
	font-size: var(--txtMedium);
	font-weight: 600;
}
.guida-finiture-header p {
	font-size: var(--txtMedium);
}
.fbdec-finiture-item {
	margin: 2em 0;
}
.fbdec-finiture-item-name {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}
.finiture-icon {
	font-family: ETModules;
}
.finiture-icon.closed {
	transform: rotate(180deg);
}

.fbdec-finiture-item-description ul {
	list-style-type: disc;
	padding-left: 1.5em;
}
.fbdec-finiture-item-description li {
	font-size: 1rem;
}



/* Prodotto Mobile */
@media screen and (max-width: 980px) {
	.product-header {
		padding-top: calc(80px + 6em) !important;
		height: auto;
	}
	.product-row.col-2 {
		flex-direction: column;
	}
	.product-row.col-2 .col {
		width: 100%;
	}
	.woocommerce-message {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}
}

/* ---------------- */
/* PAGINA MYACCOUNT */
/* ---------------- */
.woocommerce-MyAccount-navigation {
	margin-bottom: 4em;
}
.woocommerce-MyAccount-content {
	margin-bottom: 4em;
}
.woocommerce-MyAccount-navigation ul {
	padding: 0px !important;
	list-style-type: none !important;
}
.woocommerce-MyAccount-navigation-link {
	border: 1px solid;
	text-align: center;
	max-width: 20rem;
	margin-bottom: .5rem;
	border-radius: .5rem;
	font-size: var(--txtMedium);
	cursor: pointer;
}
.woocommerce-MyAccount-navigation-link a {
	width: inherit;
	display: block;
	height: inherit;
	padding: .5rem 1rem;
	white-space: nowrap;
}
.woocommerce-MyAccount-navigation-link:hover {
	background-color: var(--decLGrey);
	transform: scale(1.025);
}
.woocommerce-MyAccount-navigation-link:focus, 
.woocommerce-MyAccount-navigation-link:active,
.woocommerce-MyAccount-navigation-link:target {
	outline: 2px solid var(--decMain);
	outline-offset: 1px;
	background-color: var(--decLGrey);
	transform: scale(1.025);
}
.woocommerce-MyAccount-navigation-link.is-active {
	background-color: var(--decMain);
}
.woocommerce-MyAccount-navigation-link.is-active a {
	color: #ffffff;
}

@media screen and (max-width: 980px) {
	.woocommerce-MyAccount-navigation ul {
		display: grid;
		grid-template-columns: repeat(auto-fit,minmax(min(10rem, 100%), 1fr));
		gap: .5rem;
	}
}


/* ----------------- */
/* WOOCOMMERCE FORMS */
/* ----------------- */
.woocommerce-EditAccountForm label, 
.woocommerce-address-fields label,
.fbdec-login-registration-forms label {
	font-size: 1rem;
	font-weight: 600;
}
.woocommerce-EditAccountForm legend, 
.woocommerce-address-fields legend,
.fbdec-login-registration-forms legend {
	font-size: var(--txtMedium);
	padding: 1rem 0;
	font-weight: 600;
}
.woocommerce-EditAccountForm input, .woocommerce-EditAccountForm select,
.woocommerce-address-fields input, .woocommerce-address-fields select,
.fbdec-login-registration-forms input, .fbdec-login-registration-forms select {
	border: 1px solid var(--decGrey) !important;
	border-radius: .5rem !important;
	background-color: var(--decLGrey) !important;
}
.woocommerce-EditAccountForm input:active, .woocommerce-EditAccountForm input:focus, .woocommerce-EditAccountForm select:active, .woocommerce-EditAccountForm select:focus, 
.woocommerce-address-fields input:active, .woocommerce-address-fields input:focus, .woocommerce-address-fields select:active, .woocommerce-address-fields select:focus,
.fbdec-login-registration-forms input:active, .fbdec-login-registration-forms input:focus, .fbdec-login-registration-forms select:active, .fbdec-login-registration-forms select:focus {
	border-color: var(--decGrey) !important;
	outline: 2px solid var(--decMain);
	outline-offset: 1px;
	background-color: #ffffff !important;
}
.woocommerce-EditAccountForm fieldset, 
.woocommerce-address-fields fieldset,
.fbdec-login-registration-forms fieldset {
	margin-bottom: 1rem;
}

button.woocommerce-button.button.woocommerce-form-login__submit,
button.woocommerce-button.button.woocommerce-form-register__submit {
    color: #ffffff;
}

button.woocommerce-button.button.woocommerce-form-login__submit:focus,
button.woocommerce-button.button.woocommerce-form-register__submit:focus {
    outline: 2px solid var(--decMain);
    outline-offset: 1px;
}

.fbdec-login-registration-forms form {
	border-color: var(--decGrey) !important;
}


/* -------- */
/* CARRELLO */
/* -------- */
/* Coupon */
#wc-block-components-totals-coupon__form button {
	font-size: 1rem;
	height: inherit;
}
/* Cart */
:root :where(.wp-element-button, .wp-block-button__link) {
	background-color: var(--decRed);
	font-family: 'Bebas Neue', display;
	font-size: var(--txtMedium);
	border-radius: .3rem;
	width: fit-content !important;
}
.wc-block-cart-items__header {
	font-family: 'Bebas Neue', display;
	font-size: var(--txtMedium) !important;
	font-weight: 400 !important;
}
.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
	font-family: 'Bebas Neue', display !important;
	font-size: var(--txtMedium) !important;
	font-weight: 400 !important;
}


/* --------------- */
/* PAGINA THANKYOU */
/* --------------- */
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    font-siZe: 1.25rem;
    padding-bottom: 2em;
}

.woocommerce-order-received span.woocommerce-Price-amount.amount {
    font-size: 1.25rem;
    letter-spacing: 1px;
}



/* ------------------- */
/* My Account - ORDINI */
/* ------------------- */
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total .woocommerce-Price-amount.amount {
    font-size: 1.25rem;
    font-weight: 400;
}

td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions .woocommerce-button {
	font-family: 'Bebas Neue', display !important;
    font-size: 1rem;
}

.woocommerce-MyAccount-content .button {
    font-family: 'Bebas Neue', display !important;
} 

/* Paypal 3 rate Message */
.product-options .ppcp-messages {
  visibility: hidden !important;
}
.woocommerce-products-header .ppcp-messages {
  display: none !important;
}