@charset "utf-8";

/* Mobile */
@media only screen and (min-width: 0px) {
	.contenitore-prodotti {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	.blocco-prodotto-carrello {	
		display: flex;
		flex-wrap: wrap;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		margin-bottom: 10px;
		padding-bottom: 4px;
		padding-left: 4px;
		padding-right: 4px;		
   		position: relative;
	}
	.immagine-prodotto-carrello {
		width: 20%;
		height: 20%;
		order: 1;
	}
	.blocco-titolo-prezzo-carrello{
		margin-bottom: auto;
		margin-top: auto;		
		width: 46%;
    	padding-left: 1%;
    	padding-right: 1%;
    	order: 2;	
	}
	.blocco-quantita-carrello{
		margin-bottom: auto;
		margin-top: 4px;
		margin-left: 10px;
		margin-right: auto;
    	display: flex;
		width: 100%;
		order: 4;
	}
	.blocco-prezzi-totali-carrello{
 		text-align: right;	
		margin-top: auto;
		margin-bottom: auto;
		width: 30%;
		order: 3;
	}
	.titolo-prodotto-carrello {		
 		text-align: left;
   		font-size: 12px;
   		overflow-wrap: break-word;
	}
	.blocco-prezzi-unitari-carrello{
 		text-align: left;	
    	margin-top: 2px;
        align-items: center;
	}
	.prezzo-partenza-unitario-carrello{	
	    text-decoration: line-through;
		font-size: 10px;
    	font-weight: 500;
	}
	.prezzo-finale-unitario-carrello{	
		font-size: 12px;
	}    
    .spedizione-gratuita-unitaria-carrello{
        font-size: 10px;
        padding: 2px 7px;
        text-align: center;
        width: 60%;
    }
	.button-elimina-prodotto-carrello {
		border: none;
		cursor: pointer;
		border-radius: none;		
		width: 35px;
		height: 35px;
		padding-bottom: 5px;
		margin-left: auto;
		order: 1;
	}
	.button-modifica-quantita {
		border: none;
		cursor: pointer;
		border-radius: none;
		width: 20px;
		height: 35px;
		padding: 0px;
	}	
	.input-form-quantita-prodotto-carrello {		
		text-align: center;		
		border-style: none;
		border-width: 1px;
		width: 30px;
   		font-size: 16px;
		-moz-appearance: textfield
	}
	.icon-modifica-quantita{
		font-size: 20px;
    	line-height: 24px;
	}
	.prezzo-partenza-carrello {   
		font-size: 14px;
		text-decoration: line-through;
		margin-top: 10px;
		margin-bottom: 10px;
		font-weight: 500;
		display: none;
	}
	.prezzo-finale-carrello { 
		font-size: 18px; 
		margin-top: 10px;
		margin-bottom: 10px;
		font-weight: 500;
	}
	.centra-prezzo-carrello{		
    	text-align: center;
	}
	.blocco-info-spedizione{
		font-size: 14px;
		margin-bottom: 12px;
	}
	.button-carrello {
		margin-top: 7px;
		margin-bottom: 7px;
	}
	.blocco-riepilogo-ordine{
		display: flex;
		flex-direction: column;
	}
	.blocco-totale-carrello {
		padding: 10px;
    	height: fit-content;
		flex: 1;
    	margin: 2px;
	}
	.riga-totale-carrello{		
		position: relative;
		display: flex;
		justify-content: flex-end;
   		margin: 7px;
	}
	.testi-totale-carrello{	
		text-align: left; 
		overflow: hidden;
		text-overflow: ellipsis;
		width: auto;
	}
	.riga-totale-carrello-coupon{
		margin: 18px 0 6px 0;
	}
	.icone-opzioni-carrello{
		margin-top: -3px;
		margin-left: 10px;
		color: #2d2d2d;		
	}
	.icona-descrizione-scheda{
		margin-top: -3px;
    	margin-left: 10px;
		color: #2d2d2d;
	}
	.testo-risparmio{
		font-size: 14px;
	}
	.button-elimina-coupon{
		border: none;
		cursor: pointer;
		border-radius: none;
		padding: 0px;
	}
	.campo-errore{
		font-size: 14px;
		text-align: left;
		margin-top: 2px;
		height: 0px;
		overflow: hidden;
		transition: all .5s ease-out;
	}
	.input-opzioni-carrello{
		flex: 2;
		height: 35px;
	}
	.button-opzioni-carrello{
		font-family: 'Montserrat', sans-serif;
		font-size: 13px;
		padding: 0px;
		margin: 0;
		border-radius: 0;
    	flex: 1;
		min-width: unset;
	}
	.testo-evidente-carrello{ 
   		font-weight: bold;
	}
	.separatore-blocco-totale-carrello{
		margin-top: 10px;
		margin-bottom: 20px;
		border-top-width: 1px;
		border-top-style: solid;
	}
	.titolo-totale-carrello{	
		font-size: 20px;
		font-weight: 500;
		margin-bottom: 20px;
	}
	.prezzi-totale-carrello{
		display: flex;
    	justify-content: flex-end;
    	margin-left: auto;
		text-align: right;
		white-space: nowrap;
	}
	.check-giftbox{
		margin-top: -3px!important;
		margin-left: 10px;
		min-height: 20px!important;
		min-width: 20px!important;
		width: 20px;
		height: 20px;
	}
	.check-giftbox:after {
		margin-left: 6px;
		margin-top: 2px;
	}
	.blocco-totale-prodotti-ordine {
		width: 100%!important;	
	}
	.button-riaggiungi-carrello {
		text-transform: none;
		font-size: 12px;
		padding: 13px;
		max-height: 65px;
		margin-top: auto;
		margin-bottom: auto;
	}
	.intestazione-prezzo {
		font-size: 10px;
		text-transform: uppercase;
		font-weight: 500;
		margin-bottom: 5px;
		margin-top: 5px;
		padding-top: 13px !important;
		padding-bottom: 0px !important;
	}
	.quantita-prodotti-ordine {
		font-size: 15px;
		margin-top: 14px;
		margin-left: 5px;
	}
	.blocco-titolo-quantita-prodotti-ordine{
		width: 70% !important;
	}
	.nome-prodotto-carrello {
		width: 100%;
		text-align: center;
		font-size: 15px;
		line-height: 20px;
		padding: 10px;
		overflow: hidden;
		height: 70px;
		flex-grow: 1;
		font-weight: 600;
	}
	.couponabile{
		padding-top: 3px;
		font-size: 16px;
		opacity: 1;
		transition: all .5s ease-out;
	}
	.couponabile-rimosso{
		opacity: 0;
	}
	.testo-con-icona{
		display: flex;
		flex-wrap: wrap;
	}
	.messaggio-carrello {
		font-size: 20px;
		margin: 30px 0;
	}
    .carrello-mancanti{
		text-align: left;
		text-transform: none;
		margin: 4px 0;
	}
	.carrello-mancanti-prodotto{
		display: flex;
		align-items: center;
		margin: 10px 0;
	}
	.carrello-icone-mancanti-rimosso::after{
		content: "clear";
	}
	.carrello-icone-mancanti-decurtato::after{
		content: "sync_problem";
	}
	.carrello-testo-mancanti{
		padding-left: 10px;
	}
	
	
	/*INIZIO CSS TOOLTIP______________________________*/
	.tooltip {
		position: absolute;
		bottom: 125%;
		left: 15%;
		border-style: solid;
    	border-width: 1px;
		padding: 8px;
		font-size: 14px;
		text-align: center;
 		z-index: 1;
		opacity: 0;
		visibility: collapse;
		transition: opacity 0.3s ease 0s;
	}
	.tooltipstart{
		font-size: 21px;
		margin-top: -2px;
		margin-left: 5px;
		cursor: pointer;
	}
	.tooltipstart:hover ~ .tooltip{
		opacity: 1;
		visibility: visible;
	}
	/*FINE CSS TOOLTIP______________________________*/	
}

/* Desktop */ 
@media only screen and (min-width: 769px) {
	.contenitore-prodotti {
		width: 70%;
	}
	.blocco-prodotto-carrello {
		flex-wrap: nowrap;
		margin-bottom: 30px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.immagine-prodotto-carrello {
		width: 100px;
   		height: 100px;
		order: unset;
	}
	.blocco-titolo-prezzo-carrello{
    	flex-grow: 1;
		width: auto;
		padding: 10px;  	
		order: unset;
	}
	.blocco-quantita-carrello{
   		min-width: 170px;
		height: auto;
		width: auto;			
		margin-top: auto;
		order: unset;
	}
	.blocco-quantita-carrello::after{
		content: unset;
	}
	.blocco-prezzi-totali-carrello{
		margin-left: auto;
		margin-right: 5px;
		min-width: 120px;
		width: auto;	
		order: unset;
	}
	.blocco-prezzi-unitari-carrello{
    	margin-top: 10px;		
        display: flex;
	}
    .spedizione-gratuita-unitaria-carrello{
        font-size: 12px;
        width: auto;
    }
	.titolo-prodotto-carrello {	
   		font-size: 16px;
	}
	.prezzo-finale-unitario-carrello{	
		font-size: 14px;
	}
	.button-elimina-prodotto-carrello {
		padding: 5px;
		margin-right: 10px;
    	margin-bottom: unset;
		order: unset;
	}
	.button-modifica-quantita {
		width: 35px;
		display: inline-block;
	}
	.input-form-quantita-prodotto-carrello {		
		flex-grow: 1;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-top-style: solid;
		border-top-width: 1px;
		border-left-style: none;
		border-right-style: none;
		width: auto;
	}
	.icon-modifica-quantita{
		font-size: 24px;
    	line-height: 1;		
	}
	.prezzo-partenza-carrello {  
		display: block;
	}
	.prezzo-finale-carrello {
		font-size: 20px;
	}
	.blocco-riepilogo-ordine {
		flex-direction: row;
	}
	.spedizione-gratuita-unitaria-carrello{
		font-size: 12px;
		width: auto;
		margin-left: 30px;
	}
	
}