.lista_ArticoliRicerca
{
    border: 1px solid black;
    border-radius: 10px;
    list-style-type: none;
}

.form-group label
{

}
#contenitoreIngredienti,#contenitoreRicette,#contenitoreMenu
{
    height: 300px;
    overflow-y: scroll;
}

.custom-control-input
{
    width : 20px;
    height: 20px;
}

#contenitoreRicette,           #testoAggiungi_Ingredienti,
#testoTogli_IngredientiRicetta,#divNotificaAggiuntaCarrello
{
    display: none;
}

/*PER APPARIZIONE DIV COMUNICAZIONE AGGIUNTA CARRELLO*/
#divNotificaAggiuntaCarrello
{
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 30px;
    z-index: 1000;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    font-weight: 700;
    background-color: rgb(49, 115, 98);
}

/*PER GESTIONE COUNT TOTALE CARRELLO*/
#ui-header .ui-header-tools .ui-header-tools-item
{
    width: 65px;
    height: 40px;
    border-radius: 5px;
    font-size: 20px;
    display: flex;
    align-content: center;
    justify-content: center;
    background: #E9E9E9;
    color: #282525;
    transition: all 0.5s ease-in;
}
/*PER GESTIONE COUNT TOTALE CARRELLO*/
.fa-regular, .far, #totaleArticoli
{

    margin-top: 10px;
}

/*PER RENDERE CLICCABILI PULSANTI AGGIUNTA DIMINUZIONE SU CARRELLO SIDEBAR*/
.aumentaQuantita_ArticoloMenu,.diminuisciQuantita_ArticoloMenu
{
    cursor: pointer;
}

.payment-method
{
    border-bottom: unset;
}

/*PER OSCURARE INDIRIZZO PERCORSO DI INIZIO CHECKOUT*/
#indirizzoInizioPercorso
{
    display: none;
}

/*TEST PER IL FOOTER*/
.footer-nav
{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
}

ul.footer-nav,.right-block a
{
    color:black;
}
.footer-bottom .bottom-row
{
    display: flex;
    justify-content: end;
    padding: 1.8vw 0;
    align-items: center;
}

/*APPARIZIONE E SCOMPARSA PER I LOGHI PRESENTI*/
@media(min-width: 200px) and (max-width: 470px)
{
    #divLogoDesktop,#divLogoMobile
    {
        display: none;
    }
}

@media(min-width: 471px)
{
    #divLogoDesktop
    {
        display: block;
    }
    #divLogoMobile
    {
        display: none;
    }
}



/*PER METTERE COLORE NERO SCRITTE INPUT*/
input[type=date], input[type=text], input[type=email], input[type=file], input[type=number], input[type=password], input[type=search], input[type=submit], input[type=tel], textarea, .cus-form-control,
input[type=date]:hover, input[type=text]:hover, input[type=email]:hover, input[type=file]:hover, input[type=number]:hover, input[type=password]:hover, input[type=search]:hover, input[type=submit]:hover, input[type=tel]:hover, textarea:hover, .cus-form-control:hover,
input[type=date]:focus, input[type=text]:focus, input[type=email]:focus, input[type=file]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=submit]:focus, input[type=tel]:focus, textarea:focus, .cus-form-control:focus
{
    color:black;
}

/*PER METTERE CLICCABILE ICONE FILTRI CATEGORIE*/
.sidebar .sidebar-widget .widget-title-row span i
{
    cursor: pointer;
}

/*PER DARE DIMENSIONALITA ALLE CATEGORIE CON I BORDI*/

.category-card-1
{
    background: unset;
    border:1px solid #F0F0F0;
    box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.04), 6px 3px 14px 0px rgba(0, 0, 0, 0.04), 23px 12px 26px 0px rgba(0, 0, 0, 	0.03), 53px 27px 35px 0px rgba(0, 0, 0, 0.02), 94px 48px 42px 0px rgba(0, 0, 0, 0.01);
}



/*TEST PER IL FONT STYLE*/

@font-face
{
    font-family: 'isonorm_becker';

    src: url('../font/trame/Isonorm-Becker-Regular.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'BTTTRIAL';
    src: url('../font/trame/BTTTRIAL.otf') format('opentype'),
    url('../font/trame/BTTTRIAL.ttf') format('truetype');

    font-weight: normal; /* Normal / Regular */

    font-style: normal;
    font-display: swap;
}



#titoloSlide,
.heading .title span,
.category-card-1 .title,
.titoloBlog,
.h1,.h2,.h3,.h4,.h5,
h1,h2,h3,h4,h5,
.ui-ol-menu-list > li > a, .ui-ol-menu-list > li > .ui-ol-submenu-trigger > a
{
    font-weight: unset;
    font-family: 'BTTTRIAL',sans-serif;
    font-style: normal !important;
}

#sottoTitoloSlide,
#descrizioneNomeArticolo,
.descrizioneNomeArticolo,
.testoNewsletter,
p,a,
.product-card .title,
.descrizioneBlog,
.lead,
.form-group label,
.cus-btn,
span,
.descrizionePuntiVendita,
.titoloFiltri,
.comunicazione
{
    font-weight: unset;
    font-family: 'isonorm_becker', sans-serif;
    font-style: normal !important;
}

b, strong,h6, #titoloDatiFattura,.titoloPrivacyPolicy,
.titoloTerminiCondizioni
{
    font-family: 'isonorm_becker', sans-serif;
    font-weight: bold;
}

/*BOLD PER ETICHETTE CARRELLO LATERALE*/
#etichettaSubTotaleArticoli,#etichettaQuantitaTotaleArticoli
{
    font-weight: bold;
}


/*ICONA HAMBUGER 3 LINEE MENU*/
.ui-ol-menu-toggle-btn span::before, .ui-ol-menu-toggle-btn span::after
{
    background-color:black;
}

/*LA SCRITTA MENU*/
.ui-ol-menu-toggle-btn-text
{
    color:black;
}

/* PER METTERE  COLORE AI TITOLI*/
.heading .title span
{
    color: black;
}

/*DIMENSIONE FONT PER LE COMUNICAZIONI POP UP*/
#messaggiComunicazioni,                        #messaggioPopUpOrdineMinimoWeb,
#messaggiComunicazioniPromozioni,              #messaggioComunicazioniMenuAbbinato,
#messaggiComunicazioniPopUpPuntoVenditaRitiro, #messaggioComunicazioneSceltaPuntoVenditaRitiro

{
 font-size:25px;
}

/*COLORI PULSANTI ACQUISTO PRODOTTI CON E SENZA EFFETTO HOVER*/

.articoliCarrello
{
    background-color: #E9E9E9;
    border: 1px solid #E9E9E9;
}
.iconaCarrello
{
    color: black;
}


.cart-btn:hover
{
    background-color: black;
    border: 1px solid black;

}

/* Cambia il colore dell'icona del carrello in verde durante l'hover */
.cart-btn:hover .iconaCarrello
{
    color: white;
}


/*COLORE NERO PER I CHECKBOX LISTA PAGAMENTI DEL CHECKOUT*/
.payment-method label:has(input[type=radio]) > input[type=radio]
{
    border:2px solid black;
}

.payment-method label:has(input[type=radio]) > input[type=radio]:checked
{
    border-color: black;
}

.payment-method label:has(input[type=radio]) > input[type=radio]::before,
.payment-method label:has(input[type=radio]) > input[type=radio]::after
{
    background-color:black;
}


/*PER DISPORRE INCOLONNATI A SINISTRA VOCI DI MENU CHE SI VEDONO DOPO AVER CLICCATO LE TRE LINEE DEL MENU*/
@media (max-width: 767px)
{
    .ui-ol-menu-content
    {
        flex-direction: initial;
    }
}


/*PER I RADIO BUTTON COLORATI*/
/* Stato Non Checked: sfondo bianco, bordo nero */
.form-check-input[type="radio"],
.form-check-input[type="checkbox"]
{
    border: 2px solid #000000;
    background-color: #ffffff;
    cursor:pointer;
    /* Rimuove l'icona/sfondo di default */
    background-image: none !important;
}

/* Stato Checked: pallino nero al centro e bordo nero */
.form-check-input[type="radio"]:checked,
.form-check-input[type="checkbox"]:checked
{
    background-color: #ffffff;
    border-color: #000000;
    /* Genera un pallino nero al centro tramite radial-gradient */
    background-image: radial-gradient(circle, #000000 40%, transparent 45%) !important;
}

/* Stato Focus: imposta un leggero ring scuro al posto dell'azzurro Bootstrap */
.form-check-input[type="radio"]:focus,
.form-check-input[type="checkbox"]:focus
{
    border-color: #000000;
    box-shadow: none;
}

/*PER I CHECKBOX COLORATI*/

.sidebar .sidebar-widget .filter-checkbox input:checked + label:before
{
    background: #000000;
    border-color: #000000;
}

/*PER LA FRECCIA CHE FA TORNARE INDIETRO*/
#iconaTornaIndietro
{
    font-size: xx-large;
    color:black;
}