@charset "UTF-8";

body
{
    font-family: "Noto Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
    font-size: var(--pls-font-size);
    background: var(--pls-background);
}


/* Data commercializzazione card libro anteprime */

.data-uscita-card-libro
{
    color: red;
    font-family: "Noto Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.data-uscita-card-libro span
{
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

/* --- */

/*
::-webkit-scrollbar {
  display: none;
}

::-webkit-scrollbar-button {
  display: none;
}

body {
  -ms-overflow-style:none;
}
*/


/* BANNER SPED GRATUITA LIBRERIA */

.libreria-banner-spedizione-gratuita
{
   background: #F4D35E;
   padding: 16px 32px; 
   font-weight: 700;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   gap: 10px;
}


.libreria-banner-spedizione-gratuita img
{
    animation: jump-shaking 1.5s infinite ease-in;
}


.bollino-spedizione-gratuita-libreria
{
   background: #F4D35E;
   padding: 1px 4px; 
   font-weight: 600;
   font-size: 12px;
   border-radius: 5px;
}


/* MODALE REGISTRATI + PASSWORD DIMENTICATA */


#modalChangePassword .modal-header,
#modalTemplateMessage .modal-header,
#modalAnteprima .modal-header,
#modalChiediConfermaInvitoLibreria .modal-header,
#modalInfoLibreria .modal-header
{
    border: 1px solid transparent !important;
    display: flex;
    flex-direction: row;
    justify-content: center; /* togliendo la X in alto a destra tolgo anche lo space-between e metto center per centrare il solo logo nella header */
    align-items: center;
}

#modalChangePassword .modal-header .modal-logo,
#modalTemplateMessage .modal-header .modal-logo,
#modalAnteprima .modal-header .modal-logo,
#modalChiediConfermaInvitoLibreria .modal-header .modal-logo,
#modalInfoLibreria .modal-header .modal-logo
{
    width: 120px;
    padding: 10px 5px;
}


#modalChiediConfermaInvitoLibreria .modal-body,
#modalInfoLibreria .modal-body
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
}



#modalChiediConfermaInvitoLibreria .modal-body .img-avatar-container,
#modalInfoLibreria .modal-body .img-avatar-container
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
}



#modalChiediConfermaInvitoLibreria .modal-body .img-avatar-container img,
#modalInfoLibreria .modal-body .img-avatar-container img
{
    width: 85px;
    height: 85px;
    background: #eaeaea;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #eaeaea;
}


#modalChangePassword .modal-body p,
#modalTemplateMessage .modal-body p,
#modalAnteprima .modal-body p,
#modalChiediConfermaInvitoLibreria .modal-body div p,
#modalInfoLibreria .modal-body div p
{
    color: #020202;
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
    padding: 4px 8px;
    text-align: center;
}

#modalChiediConfermaInvitoLibreria .modal-body div,
#modalInfoLibreria .modal-body div

{
    width: 100%;
}

#modalChiediConfermaInvitoLibreria .modal-body .blocco-conferma,
#modalChiediConfermaInvitoLibreria .modal-body .blocco-errore
{
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

#modalChiediConfermaInvitoLibreria .modal-body .blocco-conferma img,
#modalChiediConfermaInvitoLibreria .modal-body .blocco-errore img
{
    width: 50px;
    height: 50px;
}


#modalChiediConfermaInvitoLibreria .modal-body div.blocco-domanda div.buttons,
#modalInfoLibreria .modal-body div.blocco-domanda div.buttons
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}


#modalChiediConfermaInvitoLibreria .modal-body div.blocco-domanda div.buttons button,
#modalInfoLibreria .modal-body div.blocco-domanda div.buttons button
{
    display: flex;
    border-radius: 5px;
    padding: 16px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    cursor: pointer;
}

#modalChiediConfermaInvitoLibreria .modal-body div.blocco-domanda div.buttons .btn-invita-libreria,
#modalInfoLibreria .modal-body div.blocco-domanda div.buttons .btn-primario
{
    background: var(--pls-button-primary-background);
	color: var(--pls-button-primary-color);
	border: var(--pls-button-primary-border);
    width: 100%;
}

#modalChiediConfermaInvitoLibreria .modal-body div.blocco-domanda div.buttons .btn-invita-libreria:hover,
#modalInfoLibreria .modal-body div.blocco-domanda div.buttons .btn-primario:hover
{
    background: var(--pls-button-primary-hover-background);
	color: var(--pls-button-primary-hover-color);
	border: var(--pls-button-primary-hover-border);
}

#modalChiediConfermaInvitoLibreria .modal-body div.blocco-domanda div.buttons .btn-invita-libreria:active,
#modalInfoLibreria .modal-body div.blocco-domanda div.buttons .btn-primario:active
{
    background: var(--pls-button-primary-active-background);
	color: var(--pls-button-primary-active-color);
	border: var(--pls-button-primary-active-border);
}

#modalChiediConfermaInvitoLibreria .modal-body div.blocco-domanda div.buttons .btn-invita-libreria:focus,
#modalInfoLibreria .modal-body div.blocco-domanda div.buttons .btn-primario:focus
{
    background: var(--pls-button-primary-focus-background);
	color: var(--pls-button-primary-focus-color);
	border: var(--pls-button-primary-focus-border);
}



#modalChiediConfermaInvitoLibreria .modal-body div.blocco-domanda div.buttons .btn-annulla-invito,
#modalInfoLibreria .modal-body div.blocco-domanda div.buttons .btn-annulla
{
    background: var(--pls-button-secondary-background);
	color: var(--pls-button-secondary-color);
	border: var(--pls-button-secondary-border);
}


#modalChiediConfermaInvitoLibreria .modal-body div.blocco-domanda div.buttons .btn-annulla-invito:hover,
#modalInfoLibreria .modal-body div.blocco-domanda div.buttons .btn-annulla:hover
{
    background: var(--pls-button-secondary-hover-background);
	color: var(--pls-button-secondary-hover-color);
	border: var(--pls-button-secondary-hover-border);
}


#modalChiediConfermaInvitoLibreria .modal-body div.blocco-domanda div.buttons .btn-annulla-invito:active,
#modalInfoLibreria .modal-body div.blocco-domanda div.buttons .btn-annulla:active
{
    background: var(--pls-button-secondary-active-background);
	color: var(--pls-button-secondary-active-color);
	border: var(--pls-button-secondary-active-border);
}

#modalChiediConfermaInvitoLibreria .modal-body div.blocco-domanda div.buttons .btn-annulla-invito:focus,
#modalInfoLibreria .modal-body div.blocco-domanda div.buttons .btn-annulla:focus
{
    background: var(--pls-button-secondary-focus-background);
	color: var(--pls-button-secondary-focus-color);
	border: var(--pls-button-secondary-focus-border);
}



#modalInfoLibreria .modal-body .badge-libreria
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 6px;
    background: #adebad;
    padding: 6px;
    border-radius: 5px;
    border: 2px solid #28A745;
    width: 200px;
    margin: 0 auto;
}

#modalInfoLibreria .modal-body .badge-libreria.badge-3
{
    background: #F4D35E;
    border-radius: 100px;
    border: 2px solid #F4D35E;
}

#modalInfoLibreria .modal-body .badge-libreria span
{
    color: #020202;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

#modalInfoLibreria .modal-body .badge-libreria img
{
    width: 18px;
    height: 18px;
}


/* MODAL ANTEPRIMA */

#modalAnteprima .modal-body .copertina-dati-container
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 35px;
    margin-top: 25px;
}

.viewport-xs #modalAnteprima .modal-body .copertina-dati-container,
.viewport-sm #modalAnteprima .modal-body .copertina-dati-container
{
    flex-direction: column;
    gap: 25px;
}

#modalAnteprima .modal-body
{
    min-height: 500px;
}

#modalAnteprima .modal-body p
{
    text-align: left;
    font-size: 20px;
    line-height: 23px;
}

#modalAnteprima .modal-body .persone-libro-container
{
    margin-top: 25px;
}

#modalAnteprima .modal-body .tblMain
{
    font-size: 20px;
}

/* --- */



#modalChangePassword .modal-body button,
#modalTemplateMessage .modal-body a
{
    padding: 16px 32px;
    display: inline-block;
    text-decoration: none;
    margin-top: 24px;
    text-decoration: none;
}

#modalChangePassword .btn-chiudi.btn-secondary-boooks,
#modalTemplateMessage .btn-chiudi.btn-secondary-boooks,
#modalAnteprima .btn-chiudi.btn-secondary-boooks
{
    position: absolute;
    right: 20px;
    width: 40px;
    height: 40px;
    display: inline-block;
}


#modalChangePassword .btn-invia-reset
{
    margin-top: 24px;
}


#modalChangePassword .modal-body p
{
    margin-bottom: 32px;
}

#modalChangePassword .email-cambio
{
    max-width: 400px;
    margin: 0 auto;
}



.msg-invio-reset-ko,
.msg-invio-reset-ok
{
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: none;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.msg-invio-reset-ko img,
.msg-invio-reset-ok img
{
    width: 14px;
    height: 14px;
}

.msg-invio-reset-ko
{
    color: #DC3546;

}

.msg-invio-reset-ok
{
    color: #198754;
}

/* --- */



div.logo.sticky .img-beta
{
    width: 50px !important;
}


/* INVITO LIBRERIA BADGE */


.invito-libreria
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 6px;
    background: #F4D35E;
    width: auto;
    padding: 1px 8px;
    border-radius: 100px;
    border: 2px solid #F4D35E;
    cursor: pointer;
}

.invito-libreria span
{
    color: #020202 !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
}

.invito-libreria img
{
    width: 14px;
    height: 14px;
}

.invito-libreria.invitata
{
    cursor: default !important;
}



/* --- */




/* PASSWORD EYE - EYE SLASH */
.input-group .password-input-eye
{
    background: #ffffff;
    border-left: 1px solid transparent;
    cursor: pointer;
}

.input-group .password-input-eye img
{
    width: 16px;
    height: 16px;
}

.input-group input.passwordHF
{
    border-right: 1px solid transparent;
}





/* PROVA PER AGGIUNTA CARRELLO */

@keyframes jump-shaking 
{
  0% { transform: translateX(0) }
  25% { transform: translateY(-9px) }
  35% { transform: translateY(-9px) rotate(17deg) }
  55% { transform: translateY(-9px) rotate(-17deg) }
  65% { transform: translateY(-9px) rotate(17deg) }
  75% { transform: translateY(-9px) rotate(-17deg) }
  100% { transform: translateY(0) rotate(0) }
}


.container-per-frecce
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}

.bordo-sfumato
{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50px;
    margin-right: -2px;
    background: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.viewport-xxl .cf-macrocategorie .bordo-sfumato
{
    display: none;
}


.viewport-xs .bordo-sfumato,
.viewport-sm .bordo-sfumato,
.viewport-md .bordo-sfumato,
.viewport-lg .bordo-sfumato
{
    width: 25px;
}



.viewport-xs .cf-macrocategorie .scorrimento-div-sx,
.viewport-xs .cf-macrocategorie .scorrimento-div-dx,
.viewport-sm .cf-macrocategorie .scorrimento-div-sx,
.viewport-sm .cf-macrocategorie .scorrimento-div-dx,
.viewport-md .cf-macrocategorie .scorrimento-div-sx,
.viewport-md .cf-macrocategorie .scorrimento-div-dx,
.viewport-lg .cf-macrocategorie .scorrimento-div-sx,
.viewport-lg .cf-macrocategorie .scorrimento-div-dx,
.viewport-xl .cf-macrocategorie .scorrimento-div-sx,
.viewport-xl .cf-macrocategorie .scorrimento-div-dx
{
    display: block;
}

.viewport-xxl .cf-macrocategorie .scorrimento-div-sx,
.viewport-xxl .cf-macrocategorie .scorrimento-div-dx
{
    display: none;
}

.scorrimento-div-sx,
.scorrimento-div-dx
{
    border: 1px solid #c1c1c1; 
    background: #ffffff; 
    border-radius: 50%; 
    width: 30px; 
    height: 30px;
    z-index: +1;
    margin-top: 20px;
    cursor: pointer;
}

.scorrimento-div-sx
{ 
    margin-right: -30px; 
    padding-right: 2px;
    padding-top: 1px;
}


.scorrimento-div-dx
{
    margin-left: -30px;
    padding-left: 2px;
    padding-top: 1px;
}

.scorrimento-div-sx img,
.scorrimento-div-dx img{
    width: 27px;
    height: 27px;
}


.aggiunto-a-carrello,
.animazione-carrello-scheda
{
    animation: jump-shaking 0.85s ease-in;
}


.highlight
{
    background: #ffff99;
}

.highlight-red
{
    background: #ffb3b3;
    border-left: 3px solid red !important;
}

/* -------------- */




.hidden
{
    display: none !important;
}

.sticky
{
    position: sticky;
    top: 0;
}

.no-scrollbar
{
	-ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none;  /* Firefox */
}

.no-scrollbar::-webkit-scrollbar 
{
  display: none;
}

.testo-colore-primario
{
    color: var(--pls-text-primary-color);
}

.testo-colore-terziario
{
    color: var(--pls-text-tertiary-color);
}


/* contenitore dei menu laterali sx compresso e esteso */
.menu-verticale-container
{
	min-width: var(--pls-menu-close-width);
    max-width: var(--pls-menu-close-width);
	border: none;
	z-index: var(--pls-zindex-menu);
	padding: 0;
}

.menu-orizzontale
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.menu-verticale-container .menu-verticale
{
	border: var(--pls-menu-border);
	border-top: none;
	background: var(--pls-menu-background);

	display: none;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	
	width: 100%;
	max-height: 100vh;
	overflow: hidden;
	overflow-y: auto;
	
	overflow: visible;
}




.menu-verticale-container .menu-verticale.attivo
{
	display: flex;
}



.menu-verticale-container .menu-verticale-compresso
{
    padding: var(--pls-menu-close-padding);
    padding-top: var(--pls-menu-close-padding-top);
    background: transparent;
}

.menu-orizzontale-piccolo img.icon-menu
{
    cursor: pointer;
}


.menu-verticale-container .menu-verticale-compresso .logo img
{
	width: 100%;
}

.menu-verticale-container .menu-verticale .btn-menu-verticale
{
    right: calc(-1.2 * var(--pls-menu-btn-size));
    padding: calc(var(--pls-menu-btn-size) / 2);
    font-size: var(--pls-menu-btn-size);
    
    background: var(--pls-menu-btn-background);
    color: var(--pls-menu-btn-color);
    border: var(--pls-menu-btn-border);

	cursor: pointer;
    z-index: +1;
    position: absolute;
    border-radius: 50%;
    margin: 0;
    line-height: 0;
    text-align: center;
    box-sizing: content-box;
    top: 38px;
}


.menu-verticale-container .menu-verticale-esteso .logo img
{
	width: 112px;
}


.menu-verticale-container .menu-verticale-esteso .logo
{
	text-align: center;
    align-self: stretch;
    margin-bottom: 35px;
}


.menu-verticale-container .menu-verticale-esteso
{
	display: none;
	position: fixed;
	top: 0;
	min-width: var(--pls-menu-open-width);
    width: var(--pls-menu-open-width);
	align-items: flex-start;

    padding: var(--pls-menu-open-padding);
    padding-top: var(--pls-menu-open-padding-top);
    padding-bottom: var(--pls-menu-open-padding-bottom);
}


.menu-list-container
{
    display: table;
}

.menu-list-container > *
{
    display: table-row;
}

.menu-list-container > *:first-child > *
{
    padding-top: 0px;
}

.menu-list-container > *:last-child > *
{
    padding-bottom: 0px;
}

.menu-list-container > * > *
{
    display: table-cell;
    vertical-align: middle;
    padding: 16px 0px;
    line-height: 1;
}

.menu-list-container > * > *:first-child
{
    font-size: 20px;
}


.menu-list-container > * > *:last-child
{
    padding-left: 8px;
    font-size: 16px;
    font-weight: 500;
}

.menu-divider
{
    margin-top: 52px;
    margin-bottom: 32px;
    font-size: 16px;
    font-weight: 600;
}

.menu-divider-ridotto
{
    margin-top: 52px;
    font-size: 16px;
    font-weight: 600;
}

.menu-icon-container
{
    margin-top: 46px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.menu-icon-container.menu-icon-container-secondo
{
    margin-top: 10px;
}


.menu-icon-container a
{ /* aggiunti <a> e messo stile su questi invece che su <i> icons */
    padding: 6px;
    color: var(--pls-menu-icon-color);
    text-align: center;
    line-height: 16px;
    margin-bottom: 5px;
}

.menu-icon-container a span
{
    font-size: 11px;
}

.menu-icon-compr img{
    width: 22px;
    margin-bottom: 4px;
}


.menu-orizzontale-piccolo .parte-destra .icon-search
{
    cursor: pointer;
}

#barra-ricerca-mobile
{
    position: fixed;
    top: 100px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 50px;
    background: #ffffff;
    z-index: +5 !important;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
    display: none;
}

#barra-ricerca-mobile.visibile
{
    display: block;
}

.viewport-xs #barra-ricerca-mobile.visibile
{
    display: block;
}

.viewport-sm #barra-ricerca-mobile.visibile,
.viewport-md #barra-ricerca-mobile.visibile,
.viewport-lg #barra-ricerca-mobile.visibile,
.viewport-xl #barra-ricerca-mobile.visibile,
.viewport-xxl #barra-ricerca-mobile.visibile
{
    display: none;
}

.menu-orizzontale-container{
    position: sticky;
    background: var(--pls-background);
    top: 0;
    left: 0;
    right: 0;
    height: var(--pls-menu-orizzontale-height);
    padding: var(--pls-content-spacing);
    padding-right: 0px;
    z-index: var(--pls-zindex-toolbar);
    
    border-bottom: var(--pls-menu-border);
}


.menu-orizzontale-container .menu-orizzontale .menu-orizzontale-piccolo
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    width: 100%;
    padding-right: 16px; /* il contenitore a destra ha 0px, non so perché; io glieli ho aggiunti qui */
}

.menu-orizzontale-container .menu-orizzontale .menu-orizzontale-piccolo .parte-sinistra
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
}

.menu-orizzontale-container .menu-orizzontale .menu-orizzontale-piccolo .parte-destra
{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
}


.menu-orizzontale-container .menu-orizzontale .menu-orizzontale-piccolo .parte-sinistra .icon-menu,
.menu-orizzontale-container .menu-orizzontale .menu-orizzontale-piccolo .parte-destra .icon-search,
.menu-orizzontale-container .menu-orizzontale .menu-orizzontale-piccolo .parte-destra .icon-busta
{
    width: 24px;
    height: 24px;
}

.menu-orizzontale-container .menu-orizzontale .menu-orizzontale-piccolo .parte-sinistra .img-logo-compresso
{
    width: 32px;
    height: 32px;
}

.menu-orizzontale-container .menu-orizzontale .menu-orizzontale-piccolo .parte-sinistra .badge-esplora
{
    width: 108px;
    height: 32px;
    padding: 7px 16px;
    background: #020202;
    border-radius: 90px;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    cursor: pointer;
} 


.menu-orizzontale-container .menu-orizzontale .menu-orizzontale-piccolo .parte-destra .azione-accedi-registrati
{
    background: var(--pls-button-primary-background);
	color: var(--pls-button-primary-color);
	border: var(--pls-button-primary-border);
    padding: 8px;
    border-radius: 5px;
}

.menu-orizzontale-container .menu-orizzontale .menu-orizzontale-piccolo .parte-destra .azione-accedi-registrati:hover
{
    background: var(--pls-button-primary-hover-background);
	color: var(--pls-button-primary-hover-color);
	border: var(--pls-button-primary-hover-border);
}

.menu-orizzontale-container .menu-orizzontale .menu-orizzontale-piccolo .parte-destra .azione-accedi-registrati:active
{
    background: var(--pls-button-primary-active-background);
	color: var(--pls-button-primary-active-color);
	border: var(--pls-button-primary-active-border);
}

.menu-orizzontale-container .menu-orizzontale .menu-orizzontale-piccolo .parte-destra .azione-accedi-registrati:focus
{
    background: var(--pls-button-primary-focus-background);
	color: var(--pls-button-primary-focus-color);
	border: var(--pls-button-primary-focus-border);
}


.viewport-xs .menu-orizzontale-container .menu-orizzontale .menu-orizzontale-piccolo .parte-destra .azione-accedi-registrati
{
    font-size: 12px;
    padding: 2px 6px;
}

.viewport-sm .menu-orizzontale-container .menu-orizzontale .menu-orizzontale-piccolo .parte-destra .azione-accedi-registrati
{
    font-size: 14px;
    padding: 6px;
}

.viewport-md .menu-orizzontale-container .menu-orizzontale .menu-orizzontale-piccolo .parte-destra .azione-accedi-registrati
{
    font-size: 15px;
}




/* parte contenuto scheda */

.main-container
{
    padding: var(--pls-content-spacing);
    background: var(--pls-content-background);
    border-radius: var(--pls-content-border-radius);
    margin: var(--pls-content-spacing); /* COLPEVOLE MARGIN */
}

.viewport-xs .main-container
{
    margin: 0;
}

.main-container *
{
    --bs-accordion-active-color: black;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-active-bg: transparent;
}

.menu-orizzontale-container .input-group
{
    border-radius: 25px;
    overflow: hidden;
}

.viewport-xs .ricerca-bar,
.viewport-sm .ricerca-bar
{
    margin-right: 8px;
}


.menu-orizzontale-container .form-select:focus,
.menu-orizzontale-container .form-control:focus
{
    box-shadow: none;
}

.menu-orizzontale-container .form-select
{
    flex-grow: 0;
    width: auto;
}


#form-ricerca-mobile .form-select
{
    flex-grow: 0;
    width: 110px;
}


#form-ricerca select[name="categoria-ricerca"],
#form-ricerca-mobile select[name="categoria-ricerca"]
{
    cursor: pointer;
}


.main-container .accordion-button:not(.collapsed) 
{
    font-weight: bold;
}


.menu-orizzontale-container .btn:active
{
    color: var(--pls-button-secondary-active-background);
    background-color: white;
    border-color: transparent;
}


.main-container .container, 
.main-container .row, 
.main-container .col 
{
    --bs-gutter-x: 10px;
    --bs-gutter-y: 10px;
}


.info-container
{
    min-width: 100px;
    padding: var(--pls-content-spacing);
    background: var(--pls-content-background);
    border-radius: var(--pls-content-border-radius);
    align-self: flex-start;
    top: calc(var(--pls-menu-orizzontale-height) + var(--pls-content-spacing));
    width: unset;
}


.viewport-xs .info-container,
.viewport-sm .info-container
{
    display: none;
}

.grow
{
    flex-grow: 1;
}

.info-footer
{
    display: none;
    position: fixed;
    bottom: 0;
    left:0;
    right: 0;
    height: 80px;
    background: #ffffff;
    box-shadow: 0px -5px 8px #c1c1c1;
    z-index: 999 !important;
}




/* navigazione scheda */

.navigazione 
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.navigazione span 
{
    max-width: 20rem;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 0.5rem;
}


.stars-container span i
{
    color: #EE964B;
}


.proposte-container .titoli 
{
  display: flex;
  flex-direction: row;
  background: #FFFFFF;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}


.viewport-xs .proposte-container .titoli,
.viewport-sm .proposte-container .titoli,
.viewport-md .proposte-container .titoli
{
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
}

.proposte-container .titoli .titolo:first-child
{
    max-width: 640px;
}


.viewport-xs .proposte-container .titoli .titolo:last-child,
.viewport-sm .proposte-container .titoli .titolo:last-child,
.viewport-md .proposte-container .titoli .titolo:last-child  
{
  margin-left: 0;
}


.proposte-container .titoli .titolo:first-child 
{
  font-weight: bold;
  font-size: 20px;
}

.proposte-container .titoli .titolo:last-child 
{
  margin-left: auto;
}



.book-element
{
	min-width: 190px;
    width: 190px;
    min-height: 361px;
	border-radius: 20px;
    background: #d2d2d2;
    margin: 8px;
}

.book-element > *
{
    text-align: center;
}

.book-element .img-copertina-container-list img
{
    width: 65%;
    margin: 5px;
}

.img-copertina-container-list i
{
    background: white;
    border-radius: 50%;
    font-size: 16px;
    padding: 8px;
    position: relative;
    box-shadow: 3px 3px 8px grey;
    top: 120px;
}

.img-copertina-container-list i:first-child
{
    left: 0px;
}

.img-copertina-container-list i:nth-child(2)
{
    left: 20px;
}


.book-element-price
{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    padding: 16px 32px;
    background: #FCF3D3;
}

.book-element-price div
{
    margin: 5px;
    line-height: 1;
    font-size: 18px;
    color: #020202;
}

.book-element-price div:nth-child(2)
{
    text-decoration: line-through;
    color: #7A7A7A;
}

.book-element-price i
{
    margin-left: 12px;
    font-size: 24px;
}



/* contenitore immagini e dati scheda */
.img-container
{
    align-self: flex-start;
}


.img-container .img-copertina-container
{
    background: #F7F7F7;
    border-radius: 5px;
    padding: 10px;
    position: relative;
}

.img-container .img-copertina-container i
{
    position: absolute;
    bottom: 5px;
    left: 16px;
    font-size: 24px;
    line-height: 18px;
    background: #ffffff;
    border-radius: 50%;
    text-align: center;
    width: 50px;
    height: 50px;
    padding-top: 15px;
}


.img-container .img-copertina-container .sconto-container
{
    position: absolute;
    top: 10px;
    right: 26px;
}


.img-container .img-copertina-container img
{
    width: 100%;
    max-width: var(--pls-img-scheda-width);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
}


.menu-orizzontale-grande
{
    background: var(--pls-background);
}

.menu-orizzontale-grande .ricerca-bar,
#barra-ricerca-mobile .ricerca-bar
{
    text-align: left;
}

#barra-ricerca-mobile .ricerca-bar
{
    margin: 0px;
}

.menu-orizzontale-grande .ricerca-bar input,
.menu-orizzontale-grande .ricerca-bar select,
#barra-ricerca-mobile .ricerca-bar input,
#barra-ricerca-mobile .ricerca-bar select
{
    border: none;
}



.menu-orizzontale-grande .ricerca-bar button,
#barra-ricerca-mobile .ricerca-bar button
{
    background: #FFFFFF;
}

#barra-ricerca-mobile .ricerca-bar button
{
    border-radius: 0;
}


#barra-ricerca-mobile .form-select:focus,
#barra-ricerca-mobile .form-control:focus
{
    box-shadow: none;
}


.menu-action-container
{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 12px;
    align-items: center;
}

.viewport-xs .menu-action-container,
.viewport-sm .menu-action-container,
.viewport-md .menu-action-container
{
    margin-right: 10px;
}


.cart-counter-container,
.image-container,
.cart-counter-container-compresso,
.image-container-compresso
{
    position: relative;
}

.cart-counter-container .cart-badge-counter,
.image-container .img-profile-badge,
.cart-counter-container-compresso .cart-badge-counter,
.image-container-compresso .img-profile-badge
{
    position: absolute;
    top: -1px;
    left: 15px;
    width: 12px;
    height: 12px;
    background: red;
    border-radius: 50%;
    border: 2px solid #000000;
}

.cart-counter-container .cart-badge-counter,
.cart-counter-container-compresso .cart-badge-counter
{
    display: none;
}

.img-profile-info-container
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
    align-items: center;
}

.img-profile-info-container:after,
.image-container-compresso::after
{
    display: none;
}

.image-container .img-profilo-utente
{
    width: 35px;
    height: 35px;
    background: #eaeaea;
    border: 2px solid #f3f3f3;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
    object-fit: cover;
    border-radius: 50%;
}

.image-container-compresso .img-profilo-utente-compresso
{
    width: 32px;
    height: 32px;
    background: #eaeaea;
    border: 2px solid #f3f3f3;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
    object-fit: cover;
    border-radius: 50%;
}

.image-container .img-profile-badge,
.image-container-compresso .img-profile-badge
{
    top: 0px;
    left: 26px;
}

.image-container-compresso .img-profile-badge
{
    top: 0px;
    left: 23px;
}

.no-badge
{
    display: none;
}


.img-profile-info-container .username
{
    color: #020202;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.cart-counter-container-compresso .icon-busta
{
    cursor: pointer;
}

.menu-orizzontale-grande .cart-menu-orizzontale
{
    width: 24px;
    height: 24px;
    cursor: pointer;
}



/* RICERCA */


.card-libro-img{
    width: 100%;
}


.card-libro .azioni-libro-lista
{
    background: transparent;
    width: auto;
    position: relative;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    margin-left: 20px;
}

.azioni-libro-lista i
{
    background: #ffffff;
    font-size: 17px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
    line-height: 32px;
    width: 32px;
    height: 32px;
    text-align: center;
    padding-top: 1px;
    padding-left: 1px;
}



.azioni-libro-lista i.libro-carrello
{
    color: #28A745;
    cursor: auto;
}

.azioni-libro-lista i.libro-preferito
{
    color: #F4D35E;
}




/* SCHEDA */

.banner-container{
    background: var(--pls-banner-sotto-immagine-background);
    color: var(--pls-banner-sotto-immagine-color);
    padding: var(--pls-banner-sotto-immagine-padding);
    font-weight: var(--pls-banner-sotto-immagine-font-weight);
}



/* SELEZIONE LINK PROPOSTE SOTTO SCHEDA */

.selezione-link, .menu-link-icon, .menu-link-list{
    text-decoration: none;
}

.paletteC
{
    width: 19px;
}

.menu-link-icon, .menu-link-list{
    color: #020202;
}

.selezione-link{
    color: inherit;
}

.selezione-link:hover{
    color: #000000;
}



/* BOX REGISTRAZIONE e CARRELLO */

.box-laterale-container input:focus{
    box-shadow: none;
    border: 1px solid #dee2e6;
    border-right: 1px solid transparent;
}

.box-laterale-container .pulsante-uscita-menu-container
{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}


.box-laterale-container #lista-carrello
{
    width: 100%;
    max-height: 320px;
    overflow-y: scroll;
    padding-right: 15px;
    margin-right: -15px;
    margin-top: 24px;
}


/* width */
.mappa-info-container .lista::-webkit-scrollbar,
.box-laterale-container #lista-carrello::-webkit-scrollbar {
  width: 8px;
}

/* Track */
.mappa-info-container .lista::-webkit-scrollbar-track,
.box-laterale-container #lista-carrello::-webkit-scrollbar-track {
  background: #e3e3e3; 
  border-radius: 10px;
}

/*arrows */
.mappa-info-container .lista::-webkit-scrollbar-button,
.box-laterale-container #lista-carrello::-webkit-scrollbar-button
{
    display: none;
}
 
/* Handle */
.mappa-info-container .lista::-webkit-scrollbar-thumb,
.box-laterale-container #lista-carrello::-webkit-scrollbar-thumb {
  background: #7a7a7a; 
  border-radius: 10px;
}


.box-laterale-container #lista-carrello .riga-carrello-laterale
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    border-bottom: 1px solid #E3E3E3;
    min-height: 100px;
    padding: 10px 0px;
    border-left: 3px solid transparent;
    padding-right: 10px;
}


.box-laterale-container #lista-carrello .riga-carrello-laterale .copertina
{
    width: auto;
    padding: 10px 16px;
    background: #F7F7F7;
}


.box-laterale-container #lista-carrello .riga-carrello-laterale .copertina img
{
	width: 50px;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
}


.box-laterale-container #lista-carrello .riga-carrello-laterale .dati
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
}

.box-laterale-container #lista-carrello .riga-carrello-laterale .dati .titolo
{
    color: #020202;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    max-width: 180px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.viewport-xs .box-laterale-container #lista-carrello .riga-carrello-laterale .dati .titolo
{
    max-width: 120px;
}

.box-laterale-container #lista-carrello .riga-carrello-laterale .dati .quantita
{
    color: #3D3D3D;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; 
}


.box-laterale-container #lista-carrello .riga-carrello-laterale .dati .quantita-container
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
}


.box-laterale-container #lista-carrello .riga-carrello-laterale .dati .quantita-container .button-quantita
{
    background: var(--pls-button-secondary-background);
	color: var(--pls-button-secondary-color);
	border: var(--pls-button-secondary-border);
    padding: 3px;
    line-height: 15px;
    border-radius: 5px;
}


.box-laterale-container #lista-carrello .riga-carrello-laterale .dati .quantita-container .button-quantita img
{
    width: 15px;
    height: 15px;
}


.box-laterale-container #lista-carrello .riga-carrello-laterale .dati .quantita-container .button-quantita:hover
{
    background: var(--pls-button-secondary-hover-background);
	color: var(--pls-button-secondary-hover-color);
	border: var(--pls-button-secondary-hover-border);
}

.box-laterale-container #lista-carrello .riga-carrello-laterale .dati .quantita-container .button-quantita:active
{
    background: var(--pls-button-secondary-active-background);
	color: var(--pls-button-secondary-active-color);
	border: var(--pls-button-secondary-active-border);
}

.box-laterale-container #lista-carrello .riga-carrello-laterale .dati .quantita-container .button-quantita:focus
{
    background: var(--pls-button-secondary-focus-background);
	color: var(--pls-button-secondary-focus-color);
	border: var(--pls-button-secondary-focus-border);
}

.box-laterale-container #lista-carrello .riga-carrello-laterale .dati .importo
{
    margin-top: 8px;
}

.box-laterale-container #lista-carrello .riga-carrello-laterale .dati .importo .netto
{
    color: #020202;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.box-laterale-container #lista-carrello .riga-carrello-laterale .dati .importo .lordo
{
    color: #7A7A7A;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-decoration-line: line-through;
}


.box-laterale-container .carrello .subtotale
{
    color: #020202;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 8px 0px;
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}

.box-laterale-container .carrello .subtotale div:first-child span
{
    font-size: 18px;
    font-weight: 500;
}

.box-laterale-container .carrello .subtotale div:nth-child(2) span
{
    font-size: 14px;
}


.box-laterale-container .carrello .pulsanti
{
    margin-top: 24px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 32px;
}

.box-laterale-container .carrello .pulsanti button
{
    border-radius: 5px;
    padding: 8px;
    font-weight: 500;
    height: 48px;
    width: 100%;
}

.box-laterale-container .carrello .pulsanti button:first-child
{
    background: var(--pls-button-text-background);
	color: var(--pls-button-text-color);
	border: var(--pls-button-text-border);
}

.box-laterale-container .carrello .pulsanti button:first-child:hover
{
    background: var(--pls-button-text-hover-background);
	color: var(--pls-button-text-hover-color);
	border: var(--pls-button-text-hover-border);
}

.box-laterale-container .carrello .pulsanti button:first-child:active
{
    background: var(--pls-button-text-active-background);
	color: var(--pls-button-text-active-color);
	border: var(--pls-button-text-active-border);
}

.box-laterale-container .carrello .pulsanti button:first-child:focus
{
    background: var(--pls-button-text-focus-background);
	color: var(--pls-button-text-focus-color);
	border: var(--pls-button-text-focus-border);
}

.box-laterale-container .carrello .pulsanti button:nth-child(2)
{
    background: var(--pls-button-primary-background);
	color: var(--pls-button-primary-color);
	border: var(--pls-button-primary-border);
}

.box-laterale-container .carrello .pulsanti button:nth-child(2):hover
{
    background: var(--pls-button-primary-hover-background);
	color: var(--pls-button-primary-hover-color);
	border: var(--pls-button-primary-hover-border);
}

.box-laterale-container .carrello .pulsanti button:nth-child(2):active
{
    background: var(--pls-button-primary-active-background);
	color: var(--pls-button-primary-active-color);
	border: var(--pls-button-primary-active-border);
}

.box-laterale-container .carrello .pulsanti button:nth-child(2):focus
{
    background: var(--pls-button-primary-focus-background);
	color: var(--pls-button-primary-focus-color);
	border: var(--pls-button-primary-focus-border);
}



.box-laterale-container .chiudi-menu-laterale
{
    background: var(--pls-button-tertiary-background);
    border: var(--pls-button-tertiary-border);
    color: var(--pls-button-tertiary-color);
    display: flex;
    border-radius: 5px;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    cursor: pointer;
}

.box-laterale-container .chiudi-menu-laterale:hover
{
    background: var(--pls-button-tertiary-hover-background);
    border: var(--pls-button-tertiary-hover-border);
    color: var(--pls-button-tertiary-hover-color);
}

.box-laterale-container .chiudi-menu-laterale:active
{
    background: var(--pls-button-tertiary-active-background);
    border: var(--pls-button-tertiary-active-border);
    color: var(--pls-button-tertiary-active-color);
}

.box-laterale-container .chiudi-menu-laterale:focus
{
    background: var(--pls-button-tertiary-focus-background);
    border: var(--pls-button-tertiary-focus-border);
    color: var(--pls-button-tertiary-focus-color);
}



.box-laterale-container .soglia-spedizione
{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 8px;
	margin-top: 24px;
}


.box-laterale-container .soglia-spedizione .info-spedizione-gratuita
{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

.box-laterale-container .soglia-spedizione img
{
	width: 24px;
	height: 24px;
}

.box-laterale-container .soglia-spedizione div
{
	color: var(--content-tertiary, #7A7A7A);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
}

.box-laterale-container .soglia-spedizione .progress-spedizione
{
	height: 8px;
}

.box-laterale-container .soglia-spedizione .progress .progress-bar
{
	--bs-progress-bar-bg: #FFC206;
}


.box-laterale-container .trash-container img
{
    cursor: pointer;
}


.box-laterale-container .avviso-carrello-vuoto,
.carrello-vuoto-placeholder
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: 65px;
}

.box-laterale-container .avviso-carrello-vuoto img,
.carrello-vuoto-placeholder img
{
    width: 120px;
}

.box-laterale-container .avviso-carrello-vuoto p,
.carrello-vuoto-placeholder p
{
    color: #020202;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}




/* --- */





.accedi-registrati-button
{
    background: var(--pls-button-primary-background);
    border: var(--pls-button-primary-border);
    color: var(--pls-button-primary-color);
    display: flex;
    border-radius: 5px;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    cursor: pointer;
}


.accedi-registrati-button:hover
{
    background: var(--pls-button-primary-hover-background);
    border: var(--pls-button-primary-hover-border);
    color: var(--pls-button-primary-hover-color);
}


.accedi-registrati-button:active
{
    background: var(--pls-button-primary-active-background);
    border: var(--pls-button-primary-active-border);
    color: var(--pls-button-primary-active-color);
}


.accedi-registrati-button:focus
{
    background: var(--pls-button-primary-focus-background);
    border: var(--pls-button-primary-focus-border);
    color: var(--pls-button-primary-focus-color);
}



.img-profile-info-container
{
    cursor: pointer;
}

.box-laterale-container
{
    overflow: hidden;
    background: #FFFFFF;
    width: 450px;
    height: 100vh;
    position: fixed;
    top: 0;
    right: -500px;
    z-index: 999999; /* vedere se farlo in altro modo più pulito */
    -webkit-box-shadow: -2px 0px 25px 0px rgba(0,0,0,0.28); 
    box-shadow: -2px 0px 25px 0px rgba(0,0,0,0.28);
    transition: right 1.2s;
    padding: 35px 45px; 
    overflow-y: scroll;
}

.box-laterale-overflow,
.box-laterale-overflow-pagamento
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 999998;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}


.box-laterale-overflow-pagamento
{
    background: rgba(0, 0, 0, 0.7);
}

.box-laterale-overflow-pagamento .img-container
{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    margin-top: 200px;
}

.box-laterale-overflow-pagamento .img-container p
{
    color: #ffffff;
    font-family: "Noto Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}

.box-laterale-overflow-pagamento .img-container .img-payment
{
    width: 200px;
    animation: img-float 1.5s ease-in-out infinite;
}

.box-laterale-overflow-aperto
{
    display: block;
}

.viewport-xs .box-laterale-container
{
    width: 100%;
    max-width: 500px;
}

.box-registrazione
{
    width: 100%;
}


.box-laterale-container-aperto
{
    right: 0px;
}


.box-laterale-container hr 
{
  border: none;
  border-top: 1px solid #E1E1E1;
  color: #7A7A7A;
  overflow: visible;
  text-align: center;
  height: 5px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.box-laterale-container hr::after 
{
  background: #fff;
  content: "OPPURE";
  padding: 0 4px;
  font-size: 10px;
  position: relative;
  top: -13px;
}


.box-laterale-container .label-login-container .elemento-login
{
    margin-bottom: 16px;
}


.box-laterale-container .label-login-container .elemento-login label
{
    color: #020202;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
}


.box-laterale-container .anchor-password-dimenticata
{
    color: #020202;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-decoration: none;
    cursor: pointer;
}


.msg-errore-login
{
    color: #DC3546;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}

.msg-errore-login img
{
    width: 14px;
    height: 14px;
}


.btn-login
{
    background: var(--pls-button-primary-background);
	color: var(--pls-button-primary-color);
	border: var(--pls-button-primary-border);
    padding: 16px 32px;
    border-radius: 5px;
    width: 100%;
}


.btn-login.disabilitato,
.button-cassa.disabilitato,
.btn-pagamento.disabilitato
{
    background: var(--pls-button-disabled-background) !important;
    color: var(--pls-button-disabled-color) !important;
    border: none !important;
    /* pointer-events: none; */
    cursor: not-allowed !important;    
}

.btn-registrazione
{
    background: var(--pls-button-secondary-background);
	color: var(--pls-button-secondary-color);
	border: var(--pls-button-secondary-border);
    padding: 16px 32px;
    border-radius: 5px;
    width: 100%;
    text-decoration: none;
    text-align: center;
    display: inline-block;
}


.btn-logout
{
    background: var(--pls-button-secondary-background);
	color: var(--pls-button-secondary-color);
	border: var(--pls-button-secondary-border);
    padding: 16px 32px;
    border-radius: 5px;
    width: 100%;
    text-decoration: none;
    text-align: center;
}

.accesso-social-button-container
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-social-access
{
    color: var(--pls-button-social-access-color);
    background: var(--pls-button-social-access-background);
    padding: var(--pls-button-social-access-padding);
	border: var(--pls-button-social-access-border);
    border-radius: 5px;
}



.termini-condizioni-container
{
    margin-top: 34px;
    color: #7A7A7A;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}


.termini-condizioni-container .link-termini
{
    color: #020202;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}





/* FOOTER */
.footer 
{
    top: 8px;
    left: 8px;

    background: var(--pls-footer-background-color);
    color: var(--pls-footer-text-color);
    
    padding-top: 64px;
    padding-right: 160px;
    padding-bottom: 64px;
    padding-left: 160px;
}

.footer *
{
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-border-color: transparent;
}

.footer .accordion-button,
.footer .accordion-item 
{
    background-color: transparent;
    border: none;
    color: var(--pls-footer-text-color);
}

.footer .accordion-button:not(.collapsed)::after,
.footer .accordion-button.collapsed::after 
{
    filter: brightness(0%) invert(1) !important;
}

.footer .accordion-body 
{
    border: none;
    box-shadow: none;
}

.footer .accordion-body a 
{
    text-decoration: none;
}

.footer-container 
{
    gap: 32px;
}

.footer-container-1 
{
    gap: 15px;
    justify-content: center;
    align-items: center;
}

.footer-container-1-icone 
{
    /* width: 60%; */
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    gap: 32px
}

.footer-container-1-icone-icona 
{
    align-items: center;
    width: 132px;
    gap: 4px;
}

.footer-container-1-icone .bi 
{
    font-size: 32px;
}

.footer-container-1-icone img.icona
{
    width: 32px;
    height: 32px;
}

.footer-container-1-icone span
{
    color: #E1E1E1;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.footer-container-1-icone div 
{
    text-align: center;
}

.footer-container-1-divider 
{
    width: 90%;
}

.footer-container-2 
{
    justify-content: space-between;
}

.footer-container-2-colonna h6 
{
    font-weight: bold;
    line-height: 24px;
    font-weight: 600;
}

.footer-container-2-colonna-links 
{
    padding-top: 10px;
    gap: 6px;
}

.footer-container-2-colonna-link-centrale 
{
    flex-grow: 1;
}

.footer-container-2-colonna a 
{
    text-decoration: none;
}

.footer-container-3 
{
    padding: 32px 90px;
    gap: 32px;

    background-color: var(--pls-footer-newletter-background-color);
    color: var(--pls-footer-newsletter-label-color);

    border-radius: 12px;
}

.footer-container-3-testo 
{
    flex-grow: 1;
    font-size: 16px;
}

.footer-container-3-testo h4 
{
    font-size: 20px;
}

.footer-container-3-input 
{
    flex-grow: 2;
    height: 48px;
}

.footer-container-3-input button 
{
    background-color: var(--pls-button-primary-background);
    color: var(--pls-button-primary-color);
    border: var(--pls-button-primary-border);
}

.footer-container-3-input button:hover 
{
    background-color: var(--pls-button-primary-hover-background);
    color: var(--pls-button-primary-hover-color);
    border: var(--pls-button-primary-hover-border);
}

.footer-container-4 
{
    color: var(--pls-footer-trailer-color);
}

.footer-container-4-logo-e-info 
{
    gap: 4px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0%;
    font-weight: 400;
    flex-grow: 1;
}

.footer-container-4-logo-e-info div.copyright
{
    margin-top: 8px;
}

.footer-container-4-logo-e-info img 
{
    width: 110px;
}

.footer-container-4-social 
{
    gap: 40px;
    flex-grow: 1;
    align-items: end;
    justify-content: end;
}

.footer-container-4-social a 
{
    text-decoration: none;
    color: #7A7A7A;
    transition: color .3s;
}

.footer-container-4-social a:hover
{
    text-decoration: none;
    color: #f4f4f4;
}

.footer-container-4-social a i 
{
    font-size: 32px;
}









/* CARD LIBRERIA */

.card-libreria-img
{
    width: 200px;
}

.card-libreria-img.ritiro-attivo
{
    border: 2px solid #28A745;
}

.titolo-sezione-container
{
    display: flex;
    /* height: 33px; */ /* COMMENTATO PER FARLO "TORNARE" CON AUTORI E EDITORI IN EVIDENZA MESSI A RAZZO ACCANTO AGLI ALTRI LIBRI CHE SCORRONO */
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}


.titolo-sezione-container .titolo-sezione
{
    color: #020202;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}


.titolo-sezione-container a
{
    color: #7A7A7A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}





/* CARD LIBRO */


.card-libro
{
    width: 220px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}


.card-libro .copertina
{
    display: flex;
    width: 100%;
    min-width: 220px;
    padding: 8px;
    background: #F7F7F7;
    justify-content: center;
    align-items: center;
    position: relative;
    flex-direction: row;
    flex-grow: 1;
}


.card-libro .copertina img
{
    max-width: 100%;
    max-height: 100%;
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
}



.card-libro .copertina .azioni-libro-lista
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 16px;
    position:absolute;
    bottom:0;
    left:0;
}


.sconto-container-card
{
    padding: 4px;
    border-radius: 5px;
    background: #28A745;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    position:absolute;
    top:0;
    right:26px;
}


.sconto-container-card span
{
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
}


.card-libro .info
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    background: #ffffff;
    align-self: stretch;
    margin-top: 4px;
}


.card-libro .info .titolo
{
    color: #020202;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
}


.card-libro .info .autore-editore
{
    color: #3D3D3D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
}


.card-libro .info .recensioni
{
    display: flex;
    gap: 4px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}


.card-libro .info .recensioni .punteggio,
.card-libro .info .recensioni .numero-recensioni
{
    color: #3D3D3D;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}


.card-libro .info .recensioni .icon-punteggio
{
    width: 12px;
    height: 12px;
    color: #EE964B;
}


.card-libro .prezzo-carrello1.disabilitato
{
    background: var(--pls-button-disabled-background) !important;
    color: var(--pls-button-disabled-color) !important;
    border: none !important;
    /* pointer-events: none; */
    cursor: not-allowed !important;
}

.card-libro .prezzo-carrello,
.card-libro .prezzo-carrello1
{
    display: flex;
    height: 48px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #FCF3D3;
    margin-top: 16px;
    flex-wrap: nowrap;

    background: var(--pls-button-secondary-background);
    border: var(--pls-button-secondary-border);
    color: var(--pls-button-secondary-color);
    border-radius: 5px;
    cursor: pointer;

}

.card-libro .prezzo-carrello:hover,
.card-libro .prezzo-carrello1:hover
{
    background: var(--pls-button-secondary-hover-background);
    border: var(--pls-button-secondary-hover-border);
    color: var(--pls-button-secondary-hover-color);
}

.card-libro .prezzo-carrello:active,
.card-libro .prezzo-carrello1:active
{
    background: var(--pls-button-secondary-active-background);
    border: var(--pls-button-secondary-active-border);
    color: var(--pls-button-secondary-active-color);
}

.card-libro .prezzo-carrello:focus,
.card-libro .prezzo-carrello1:focus
{
    background: var(--pls-button-secondary-focus-background);
    border: var(--pls-button-secondary-focus-border);
    color: var(--pls-button-secondary-focus-color);
}


.card-libro .prezzo-carrello .netto,
.card-libro .prezzo-carrello1 .netto
{
    color: #020202;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}


.card-libro .prezzo-carrello .lordo,
.card-libro .prezzo-carrello1 .lordo
{
    color:  #7A7A7A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration-line: line-through;
    margin-left: 4px;
}


.card-libro .prezzo-carrello img,
.card-libro .prezzo-carrello1 img
{
    width: 24px;
    height: 24px;
    margin-left: 8px;
}


.card-libro *
{
    text-decoration: none;
}

.card-libro a
{
    color: inherit;
}




.no-result-container
{
    display: flex;
    flex-direction: column;
    gap: 50px;
    justify-content: center;
    margin:0 auto;
    align-items: center;
    padding: 40px 10px;
    margin-top: 30px;
}

.no-result-container .logo
{
    width: 200px;
    animation: img-float 1s ease-in-out infinite;
}

.no-result-container p
{
    color:  #020202;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
}

@keyframes img-float 
{
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes img-float 
{
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0);
    }
}



/*-----------------------*/





/* MENU */


#menu-utente,
#menu-utente-compresso
{
    color: #020202;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
}

#menu-utente li,
#menu-utente-compresso li
{
    line-height: 36px;
}

#menu-utente li img,
#menu-utente-compresso li img
{
    width: 24px;
    height: 24px;
}

#menu-utente li a,
#menu-utente-compresso li a
{
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
}

#menu-utente li:hover,
#menu-utente li a:hover,
#menu-utente-compresso li:hover,
#menu-utente-compresso li a:hover
{
    background: #F4D35E;
    color: #020202;
}

#menu-utente li:active,
#menu-utente li a:active,
#menu-utente-compresso li:active,
#menu-utente-compresso li a:active
{
    background: #F4D35E;
    color: #020202;
}


#menu-utente li a span.badge-voce,
#menu-utente-compresso li a span.badge-voce
{
    background: red;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 2px solid #020202;
}




/* --------------------------- */








/* Screen Extra large */
@media screen and (max-width: 1400px) {
    
}

/* Screen Large */
@media screen and (max-width: 1200px) {

    .footer-container-3 
    {
        padding: 32px 16px;
        flex-direction: column !important;
        align-items: normal;
        /* min-height permette alla mediaquery di disegnare bene l'altezza del container */
        min-height: 250px;
    }

    .footer-container-3-input 
    {
        flex-direction: column !important;
        gap: 10px;
    }
    
}

/* Screen Medium */
@media screen and (max-width: 992px) {

    .footer-container-4 
    {
        flex-direction: column !important;
        gap: 32px;
    }

    .footer-container-4-logo-e-info 
    {
        align-items: center;
        align-content: center;
        justify-content: center;
        text-align: center;
    }

    .footer-container-4-social 
    {
        align-items: center;
        align-content: center;
        justify-content: center;
    }
}

/* Screen Small */
@media screen and (max-width: 768px) {
    
    .info-footer
    {
        display: block;
    }

    .footer 
    {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer-container 
    {
        gap: 42px;
    }

    .footer-container-2-accordion 
    {
        display: block !important;
    }

    .footer-container-2 
    {
        display: none !important;
    }
}

/* Screen Extra small */
@media screen and (max-width: 576px) {
    
    .menu-verticale-container
    {
        position: absolute;
    }

    .menu-verticale-compresso
    {
        display: none !important;
    }
}




/* EVENTI STYLE (HOME e THANK YOU PAGE) */

.eventi-container
{
    margin-top: 24px;
    overflow-x: scroll;
    display: flex;
    height: auto;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    flex-direction: row;
}


.eventi-container .card-evento
{
    background: #ffffff;
    width: 295px;
    height: auto;
    border: 1px solid #E3E3E3;
    border-radius: 5px;
}


.eventi-container .card-evento .contenuto
{
    padding: 16px 15px;
}


.eventi-container .card-evento .copertina img
{
    width: 295px;
    height: 120px;
    object-fit: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.eventi-container .card-evento .descrizione
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
}


.eventi-container .card-evento .descrizione span:first-child
{
    color: #020202;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.eventi-container .card-evento .descrizione span:nth-child(2)
{
    color: #3D3D3D;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}



.eventi-container .card-evento .info
{
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: flex-start;
    margin-top: 24px;
}

.eventi-container .card-evento .info .data span
{
    color: #020202;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}


.eventi-container .card-evento .info .data span:first-child
{
    font-size: 24px;
}


.eventi-container .card-evento .info .data span:nth-child(2)
{
    font-size: 16px;
}


.eventi-container .card-evento .info .luogo-orario
{
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: flex-start;
}


.eventi-container .card-evento .info .luogo-orario .luogo span i,
.eventi-container .card-evento .info .luogo-orario .orario span i
{
    width: 16px;
    height: 16px;
}


.eventi-container .card-evento .info .luogo-orario .luogo span:nth-child(2),
.eventi-container .card-evento .info .luogo-orario .orario span:nth-child(2)
{
    color: #020202;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}


.eventi-container .card-evento .info .luogo-orario .luogo,
.eventi-container .card-evento .info .luogo-orario .orario
{
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: flex-start;
    align-self: flex-start;
}



.eventi-container .card-evento .partecipanti
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
    margin-top: 32px;
}


.eventi-container .card-evento .partecipanti .imgs
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.eventi-container .card-evento .partecipanti .imgs img
{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #eaeaea;
    border: 2px solid #F1F1F1;
    object-fit: cover;
}


.eventi-container .card-evento .partecipanti .imgs img:not(:first-child)
{
    margin-left: -14px;
}


.eventi-container .card-evento .partecipanti div:nth-child(2)
{
    color: #020202;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}





.eventi-container .card-evento .pulsanti
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
}


.eventi-container .card-evento .pulsanti button
{
    padding: 16px 0px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    white-space: nowrap;
}


.eventi-container .card-evento .pulsanti .dettagli-evento
{
    background: var(--pls-button-secondary-background);
	color: var(--pls-button-secondary-color);
	border: var(--pls-button-secondary-border);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 121px;
}


.eventi-container .card-evento .pulsanti .dettagli-evento:hover
{
    background: var(--pls-button-secondary-hover-background);
	color: var(--pls-button-secondary-hover-color);
	border: var(--pls-button-secondary-hover-border);
}


.eventi-container .card-evento .pulsanti .dettagli-evento:active
{
    background: var(--pls-button-secondary-active-background);
	color: var(--pls-button-secondary-active-color);
	border: var(--pls-button-secondary-active-border);
}

.eventi-container .card-evento .pulsanti .dettagli-evento:focus
{
    background: var(--pls-button-secondary-focus-background);
	color: var(--pls-button-secondary-focus-color);
	border: var(--pls-button-secondary-focus-border);
}



.eventi-container .card-evento .pulsanti .registrati-evento
{
    background: var(--pls-button-primary-background);
    border: var(--pls-button-primary-border);
    color: var(--pls-button-primary-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 136px;
}


.eventi-container .card-evento .pulsanti .registrati-evento:hover
{
    background: var(--pls-button-primary-hover-background);
    border: var(--pls-button-primary-hover-border);
    color: var(--pls-button-primary-hover-color);
}


.eventi-container .card-evento .pulsanti .registrati-evento:active
{
    background: var(--pls-button-primary-active-background);
    border: var(--pls-button-primary-active-border);
    color: var(--pls-button-primary-active-color);
}


.eventi-container .card-evento .pulsanti .registrati-evento:focus
{
    background: var(--pls-button-primary-focus-background);
    border: var(--pls-button-primary-focus-border);
    color: var(--pls-button-primary-focus-color);
}