/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/
 Description:    Divi Child Theme
 Author:         Cheetahweb snc
 Author URI:     https://www.cheetahweb.it
 Template:       Divi
 Version:        1.0.0
*/

/*** ---Theme customization starts here --- ***/

/********************
 * GENERAL - SITE
********************/
/***** disabilitare RECAPTCHA GOOGLE *****/
.grecaptcha-badge { 
    visibility: hidden !important;
	display: none !important;
}
/***** CUSTOM SCROLLBAR *****/
::-webkit-scrollbar {
	width: 10px;
}
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
	border-radius: 10px;
	background-color : white;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);   
	background-color: #893d00;
	border-radius: 10px;  
}
/***** TORNA SU PULSANTE *****/
.et_pb_scroll_top.et-pb-icon {
    background: #893d00 !important;
    bottom: 100px !important;
    right: 10px !important;
    padding: 13px !important;
    border-radius: 100px !important;
    border: 1px solid #fff !important;
    font-size: 25px !important;
}



/***** MENU *****/
/* custom menu button (usare classe "cstm-menu-btn" in voce menu) */
@media only screen and (min-width: 981px) {
  .cstm-menu-btn a {
    padding: 0px 25px 0px 25px !important;
    margin-top: 15px !important;
    margin-left: 50px !important;
    background-color: #893d00 !important;
	color: #FFF !important;
    border: 2px solid #fff !important;
    border-radius: 100px !important;
    height: 45px !important;
    max-height: 45px !important;
	}
li.cstm-menu-btn.et_pb_menu_page_id-1473.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1473 a {
    color: #fff !important;
	}
}

/********************
 * GENERAL - WOOCOMMERCE
********************/

/*** RESET COLORE BLU WOOCOMMERCE → NERO ***/
/* hover immagini */
.et_shop_image span.et_overlay {
    border: 0px !important;
}
/* Colore testo base WooCommerce */
.woocommerce,
.woocommerce-page {
  color: #000;
}
/* Prezzi */
.woocommerce .price,
.woocommerce .price ins,
.woocommerce .price del {
  color: #000 !important;
}
/* Stelle recensioni */
.woocommerce .star-rating span:before {
  color: #000 !important;
}
/* Link WooCommerce */
.woocommerce a {
  color: #999;
}
.woocommerce a:hover {
  color: #666;
}
/* Bottoni WooCommerce */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background: #fff;
  color: #000 !important;
  border-color: #000 !important;
}
/* Bottoni primari (alt) */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: #fff !important;
  color: #000 !important;
  border-color: #000 !important;
}
/* Hover bottoni */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: #f8f8f8 !important;
  color: #000 !important;
  border-color: #000 !important;
}
/* Messaggi WooCommerce (info / success / error) */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-color: #000 !important;
}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
  color: #000 !important;
}
/* Badge sconto */
.woocommerce span.onsale {
  background: #000 !important;
  color: #fff !important;
}
/*** WooCommerce + Divi Theme Builder - Usa SEMPRE il font del sito ***/
.woocommerce,
.woocommerce-page {
  font-family: 'Urbanist',Helvetica,Arial,Lucida,sans-serif !important;
}
/* Elementi che Woo/Divi a volte forzano */
.woocommerce button,
.woocommerce input,
.woocommerce select,
.woocommerce textarea,
.woocommerce .button,
.woocommerce .price,
.woocommerce .star-rating,
.woocommerce table,
.woocommerce label {
  font-family: 'Urbanist',Helvetica,Arial,Lucida,sans-serif !important;
}

/***** PLUGIN Variation Swatches for WooCommerce (attenzione al php aggiuntivo in function.php )*****/
.gdr-color-dot{
  display:inline-block;
  width:14px;
  height:14px;
  border-radius:50%;
  border:1px solid rgba(0,0,0,.15);
  vertical-align:middle;
  margin-right:6px;
}
/***** anteprime prodotto pag shop - PLUGIN Variation Swatches for WooCommerce *****/
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	overflow: visible !important;
}

.woocommerce ul.products li.product .penaut-loop-swatches,
.woocommerce-page ul.products li.product .penaut-loop-swatches {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	width: 100%;
	min-height: 28px;
	margin: 12px 0 0;
	position: relative;
	z-index: 5;
}

.woocommerce ul.products li.product .penaut-loop-swatch,
.woocommerce-page ul.products li.product .penaut-loop-swatch {
	width: 18px;
	height: 18px;
	min-width: 18px;
	min-height: 18px;
	border-radius: 50%;
	border: 1px solid rgba(0,0,0,0.18);
	cursor: pointer;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
	box-shadow: 0 0 0 2px #fff;
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.woocommerce ul.products li.product .penaut-loop-swatch:hover,
.woocommerce-page ul.products li.product .penaut-loop-swatch:hover {
	transform: scale(1.08);
}

.woocommerce ul.products li.product .penaut-loop-swatch.is-active,
.woocommerce-page ul.products li.product .penaut-loop-swatch.is-active {
	border-color: #111;
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(0,0,0,0.12);
}

/* Fix contenitori Divi/WooCommerce che possono tagliare le swatches */
.woocommerce ul.products li.product .et_shop_image,
.woocommerce ul.products li.product .et_overlay,
.woocommerce ul.products li.product .woocommerce-loop-product__link {
	overflow: visible !important;
}

/* Desktop */
@media only screen and (min-width: 981px) {
	.woocommerce ul.products li.product .penaut-loop-swatches,
	.woocommerce-page ul.products li.product .penaut-loop-swatches {
		gap: 10px;
		min-height: 34px;
		margin-top: 14px;
	}

	.woocommerce ul.products li.product .penaut-loop-swatch,
	.woocommerce-page ul.products li.product .penaut-loop-swatch {
		width: 15px;
		height: 15px;
		min-width: 15px;
		min-height: 15px;
	}
}

/* Mobile */
@media only screen and (max-width: 980px) {
	.woocommerce ul.products li.product .penaut-loop-swatches,
	.woocommerce-page ul.products li.product .penaut-loop-swatches {
		gap: 8px;
		min-height: 24px;
		margin-top: 10px;
	}

	.woocommerce ul.products li.product .penaut-loop-swatch,
	.woocommerce-page ul.products li.product .penaut-loop-swatch {
		width: 18px;
		height: 18px;
		min-width: 18px;
		min-height: 18px;
	}
}

/********************
 * CUSTOM - SEZIONE LATEST PROJECT (modulo libreria Divi + codice in integrazione Divi body)
********************/

/* Sezione Latest Project */
[class*="cstm-latest-project-green-"] {
  position: sticky !important;
  top: 100px;
  transform-origin: center top;
  will-change: transform, filter;
}
/* CUSTOM CURSOR - Sezione Latest Project */
#custom-cursor {
  position: fixed;
  top: 0; left: 0;
  pointer-events: none;
  z-index: 9999;
  display: none;
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease, transform 0.2s ease;
  will-change: transform, filter;
  z-index: 99999 !important;
}
#custom-cursor.cursor--active {
  display: block;
  width: 20px; height: 20px;
  border-radius: 50%;
  background-color: #fff;
}
#custom-cursor.cursor--button {
  display: block;
  width: auto;
  padding: 28px 20px;
  border-radius: 100px;
  background-color: #fff;
  font-size: 13px;
  font-weight: 400;
  color: #08242c;
  white-space: nowrap;
	font-family: 'Fraunces', Georgia, "Times New Roman", serif;
}