/*
Theme Name: Astra child
Template: astra
Author: Actual
*/

/*Menú principal*/
.menu-icons {
	display: flex;
	justify-content: flex-end;
	padding: 10px;
	margin-right: 75px;
	margin-top: 10px;
}

.menu-icon {
	margin-left: 20px;
	font-size: 24px;
	color: #fff;
	text-decoration: none;
}

.menu-icon:hover {
	color: #f0f0f0;
}

.menu-icons-xarxes {
	/*display: flex;*/
	display: none;
	/*justify-content: flex-end;*/
	padding: 10px;
	margin-right: 20px;
	margin-top: 30px;
}


.menu-icons-xarxes .menu-icon{
	margin-left: 25px;
	color: #fff;
	width: 30px;
}
.elementor-82 .elementor-element.elementor-element-f651c64 .hfe-nav-menu-icon{
	padding: 0.38em;
}
.elementor-82 .elementor-element.elementor-element-f651c64 .hfe-flyout-close,
.elementor-697 .elementor-element.elementor-element-f651c64 .hfe-flyout-close{
	margin-right: 50px;
	margin-top: 35px;
}
@media (max-width: 768px) {
	body.home .elementor-82 .elementor-element.elementor-element-f651c64 .hfe-flyout-wrapper .hfe-side{
		margin-right: 21%;
		max-width: 80%;
		width: 80%!important;
	}


}

/*--------------------------------------*/
/*variacions de productes*/
.variations_form .variations select {
	display: none;
}

.variations_form .variations .value {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 25px;
}

.variations_form .variations .value label {
	margin: 0 15px 5px 15px;
	cursor: pointer;
	border-radius: 16px;
	white-space: normal;
	word-break: normal;
}

.variations_form .variations .value input[type="radio"] {
	display: none;
}

.variations_form .variations .value input[type="radio"] + label {
	border: 1px solid #ccc;
	padding: 10px 20px;
	text-align: center;
	display: inline-block;
	min-width: 100px;
}

.variations_form .variations .value input[type="radio"]:checked + label {
	background-color: #78A836;
	color: #fff;
	border-color: #78A836;
}

.single_variation_wrap::before{
	content: 'Cantidad';
}
.woocommerce-message a.wc-forward{
	color:#fff;
	padding: 16px 20px;
}
/** ocultar preu i categoria de Botiga **/
.woocommerce-page ul.products li.product .ast-woo-product-category {
	display: none;
}
.woocommerce-js ul.products li.product .price, .woocommerce-page ul.products li.product .price {
	display: none;
}

/** Formats producte **/
.woocommerce .elementor-584 .elementor-element.elementor-element-4acebb4 form.cart .variations label[for='formatos']{
	display: none;
}
/** FITXA PRODUCTE **/
/* botó en disabled*/
.woocommerce button.button.alt.disabled.wc-variation-selection-needed{
	color: #ffffff;
	font-size: 16px;
	line-height: 24px;
	border-radius: 15px 15px 15px 15px;
}
.woocommerce button.button.alt.disabled.wc-variation-selection-needed::after{
	content: '\f290'; /* Codi Unicode per a fa-shopping-bag */
	font-family: 'Font Awesome 5 Free'; /* Assegura't que Font Awesome estigui carregat */
	font-weight: 900; /* Necessari per a les icones sòlides */
	margin-left: 8px; /* Espai entre el text i la icona */
}
/*selector de quantitat*/
.elementor-584 .elementor-element.elementor-element-4acebb4 .quantity .qty {
	border-radius: 15px;
}


/*Galeira d'imatges producte*/
/* Estil bàsic del contenidor principal */
.woocommerce-product-gallery {
	display: flex;
	align-items: flex-start;
	position: relative;
	width: 100%;
}
.woocommerce-product-gallery__image{
	background-color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* Contenidor de les imatges petites */
.flex-control-nav.flex-control-thumbs {
	display: flex;
	flex-direction: column;
	max-height: 100%;
	overflow: auto !important;
	margin-right: 20px;
	position: absolute;
	left: -17%;
	top: 0;
	max-width: 85px;
}
.flex-control-nav.flex-control-thumbs li {
	margin-bottom: 10px;
	min-width: 70px;
}
.flex-control-nav.flex-control-thumbs img {
	width: 100%;
	height: auto;
	cursor: pointer;
}
.woocommerce-product-gallery__image img {
	width: 100%;
	height: auto;
	object-fit: contain;
	max-height: 450px;
}

@media (max-width: 768px) {
	.flex-control-nav.flex-control-thumbs {
		left: -28%!important;
	}
}
/* quantitat de productes */
.woocommerce-js div.product form.cart div.quantity {
	display: flex;
	align-items: center;
}

.woocommerce-js div.product form.cart div.quantity button.quantity-minus,
.woocommerce-js div.product form.cart div.quantity button.quantity-plus {
	width: 30px;
	height: 30px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #ccc;
	background-color: #78A836;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0; /* Assegurar-se que no hi ha padding extra */
	line-height: 1; /* Ajustar la línia d'alçada per centrar millor */
}

.woocommerce-js div.product form.cart div.quantity input.qty {
	width: 50px;
	text-align: center;
	font-size: 16px;
	border: 1px solid #ccc;
	margin: 0 -7px 0 7px;
}
/* Per a Chrome, Safari, Edge i Opera */
.woocommerce-js div.product form.cart div.quantity input.qty::-webkit-outer-spin-button,
.woocommerce-js div.product form.cart div.quantity input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Per a Firefox */
.woocommerce-js div.product form.cart div.quantity input.qty[type="number"] {
	-moz-appearance: textfield;
}


/**Scroll**/
/* Ocultar la barra de desplaçament per a navegadors basats en WebKit */
.flex-control-nav.flex-control-thumbs::-webkit-scrollbar {
	width: 0px;
	background: transparent; /* Opcional: Pots fer-ho transparent */
}

/* Ocultar la barra de desplaçament en Firefox */
.flex-control-nav.flex-control-thumbs {
	scrollbar-width: none; /* Ocultar la barra de desplaçament en Firefox */
}

/* Mantenir el desplaçament sense barra visible */
.flex-control-nav.flex-control-thumbs {
	overflow-y: scroll;
}