/* 
Theme Name: S99 Child
Theme URI: https://studio99.sm
Description: S99 Child is a child theme of S99, created by Studio99 team
Author: Studio99 Team
Author URI: https://studio99.sm
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/*Custom icons*/

.custom-icon-1 {
  position: relative !important;
  padding-left: 30px !important;
}

.custom-icon-1::before {
  content: '' !important;
  position: absolute !important;
  left: -7px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 22px !important;
  height: 22px !important;
  background-image: url('https://www.mariasommabeauty.store/wp-content/uploads/2025/05/alert.svg') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}



.custom-icon-2 {
	position: relative !important;
  padding-left: 30px !important;
}

.custom-icon-2::before {
  content: '' !important;
  position: absolute !important;
  left: -7px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 22px !important;
  height: 22px !important;
  background-image: url('https://www.mariasommabeauty.store/wp-content/uploads/2025/05/ingredienti.svg') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.custom-icon-3 {
  position: relative !important;
  padding-left: 30px !important;
}

.custom-icon-3::before {
  content: '' !important;
  position: absolute !important;
  left: -7px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 22px !important;
  height: 22px !important;
  background-image: url('https://www.mariasommabeauty.store/wp-content/uploads/2025/05/composizione.svg') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

/*Numer shop custom*/

	:is(.elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart,.elementor-widget-wc-add-to-cart,.woocommerce 		div.product .elementor-widget-wc-add-to-cart) .quantity .qty {
    margin-right: 0;
    width: 120px;
    border-radius: 33px;
    vertical-align: top;
	}

/*Icon search gallery custom*/
	.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    border-radius: 16%;
	}

	.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
    border: 2px solid #ffffff;
	}

	.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {
    background: #fff;
	}

	.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    background: #d2b6b5;
	}

	/*Feed Instagram Custom*/

	#sb_instagram .sbi_photo img {
		border-radius: 12px !important;
	}

	#sb_instagram .sbi_photo:hover {
  background-color: rgba(164, 89, 84, 0.42) !important; 
}

	#sb_instagram .sbi_photo:hover::after {
  	content: "";
  	position: absolute;
 	top: 50%;
 	left: 50%;
  	transform: translate(-50%, -50%);
  	width: 50px; 
  	height: 50px; 
  	background-image: url('https://www.mariasommabeauty.store/wp-content/uploads/2025/05/instagram.svg');
  	background-size: contain; 
  	background-repeat: no-repeat;
 	opacity: 1; 
 	transition: opacity 0.3s ease;
	}

	#sb_instagram .sbi_photo::after {
 	opacity: 0; 
	}


	/*Custom style pagination*/

	.elementor-pagination .page-numbers.current {
 	width: 40px;
 	height: 40px;
  	line-height: 40px;
  	display: inline-block;
  	text-align: center;
  	border-radius: 50%;
  	background-color: #241511; 
  	color: #FBF0E8 !important;            
  	font-weight: bold;
	}


	.elementor-pagination .page-numbers {
  	width: 40px;
  	height: 40px;
 	line-height: 40px;
  	display: inline-block;
  	text-align: center;
  	border-radius: 50%;
  	background-color: #FFFFFF;   
  	color: #241511;              
  	border: 1px solid #D2B6B5;  
 	transition: all 0.3s ease;
	}

	/* Menu */

	.elementor-nav-menu .sub-arrow { padding: 4px; font-size: 20px; }
	.elementor-menu-toggle { padding: 1px; }
	.wlfmc-counter-wrapper .wlfmc-counter-icon { font-size: 26px; }

	/* Pulsante Quantità */

	.woocommerce div.product form.cart div.quantity .qty, button.minus.qib-button, button.plus.qib-button { height: 40px !important; padding: 0 !important; border-radius: 25px 		!important;
	background-color: transparent !important; color: black !important; margin: 0 !important; border: 0 !important;  background: transparent !important; }
	body .qib-button-wrapper { height: 48px !important; margin: 0 !important;  border-radius: 25px !important;  border: 1px solid #D2B6B5; background: white !important; }
	.qib-button-wrapper .quantity input.input-text.qty.text { width: 80px !important; }
	button.single_add_to_cart_button.button.alt { width: 100%; }

	/*Pulsante quantità*/

	.qib-button-wrapper {
    display: contents !important;
	}

	.qib-button-wrapper .quantity input.input-text.qty.text {
    border: 0px solid #efefef00 !important;
	}

	/*ORDER DETAILS*/
	.woocommerce-order{
	background-color: white !important;
    padding: 34px;
    border-radius: 40px;
	}

	.woocommerce ul.order_details li {
    font-size: 0.915em !important;
	}

	.elementor-widget-woocommerce-checkout-page .woocommerce .shop_table {
    font-size: 16px !important;
	}

	.woocommerce .woocommerce-customer-details address {
    font-size: 16px !important;
	}

	.woocommerce .woocommerce-customer-details address {
    border-bottom-width: 1px !important;
    border-right-width: 1px !important;
    border-radius: 20px !important;
    border-radius: 5px !important;
    padding: 8px 15px !important;
	}

	.elementor-widget-woocommerce-checkout-page a {
    color: #A45954 !important;
	}

	.elementor-18 .elementor-element.elementor-element-f43e3c4 .coupon .input-text, .elementor-18 .elementor-element.elementor-element-f43e3c4 .cart-collaterals .input-text, 		.elementor-18 .elementor-element.elementor-element-f43e3c4 select, .elementor-18 .elementor-element.elementor-element-f43e3c4 .select2-selection--single {
    border: 1px solid #e8dada !important;
    padding: 10px !important;
    border-radius: 12px !important;
	}