@font-face { font-family: naSpesa; src: url(font/naspesa.ttf); }

html, body {
	overflow: hidden;
}

h1 {
	font-family: naSpesa;
	font-size: 48px;
}

body {
	background: #fdd835;
	position: fixed; 
	width: 100%;
}

main {
	background: #fff;
	height: 100vh; /* Fallback for browsers that do not support Custom Properties */
    height: calc(var(--vh, 1vh) * 100);
	max-width: 980px!important;
}

header {
	height: 70px;
	background: #fdd835;
	box-shadow: rgb(0 0 0 / 10%) 0px 3px 5px 0px;
}

section.content {
    height: calc(100vh - 160px);
    overflow-y: scroll;
    background: #fff;
    /* AGGIUNTE AV */
    padding-bottom: 250px !important;
    /* FINE AGGIUNTE AV */
}


footer {
    bottom: 0;
	box-shadow: rgb(0 0 0 / 10%) 0px -3px 5px 0px;
    left: 0;
    height: 100px;
    position: absolute;
    background: #a2e6ff;
}

footer a {
	color: black;
	text-decoration: none;
}


#debug-icon {
    bottom: 100px!important;
}

.button-circle {
	width: 50px;
}

.button-circle i {
	background: white;
	padding: 13px;
	border-radius: 100%;
	font-size: 20px;
	color: black;
}


.status-order {
    position: fixed;
    top: 300px;
    left: calc(50% - 130px);
    width: 260px;
    box-shadow: 0px -2px 5px #00000024;
    z-index: 3;
    text-align: center;
    background: white;
    padding: 10px;
    border-radius: 25px;
}

.footer-center-button {
	background: white;
    height: 95px;
    width: 95px;
	box-shadow: rgb(0 0 0 / 10%) 0px -2px 3px 0px;
    position: absolute;
    top: -25px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    border: 15px solid #a2e6ff;
    justify-content: center;
}


.btn-primary {
	border-radius: 25px;
    background: #fdd835;
    border-color: #fdd835;
    color: #000;
}


.btn-check:active+.btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus {
    box-shadow: 0 0 0 0.25rem rgb(253 216 53 / 50%);
}

.btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgb(253 216 53 / 50%);
}


.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    color: #000;
    background-color: #fdd835;
    border-color: #cccccc;
}

.btn-outline-primary {
    color: #000000;
    border-color: #cccccc;
}

.icon-shape {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
}

.icon-sm {
    width: 2rem;
    height: 2rem;
    
}

.btn-outline-primary:hover {
    color: #000;
    background-color: #a2e6ff;
    border-color: #a2e6ff;
}

.btn-primary:hover {
    color: #000;
    background-color: #a2e6ff;
    border-color: #a2e6ff;
}


.accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow: none;
}
.accordion-button:hover {
    z-index: 2;
}
.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: initial;
    box-shadow: initial;
}

.button-minus {
    border-radius: 100%; 
    width: 60px; 
    height: 60px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
}

.button-plus {
    border-radius: 100%; 
    width: 60px; 
    height: 60px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
}

.quantity-field {
    font-size: 32px;
    font-weight: bold;
    pointer-events: none;
}

.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #000;
    background-color: #a2e6ff;
    border-color: #a2e6ff;
    box-shadow: 0 0 0 0.25rem rgb(162 230 255 / 50%);
}

.swal2-styled.swal2-confirm {
    color: #0e0e0e;
}

/* AGGIUNTE AV */
@media (max-width: 576px) {
    .daterangepicker.show-ranges.show-calendar.opensright {
        position: fixed;
        top: 1vh !important;
        max-height: 90vh;
        overflow-y: auto;
    }
}
/* @media (max-width: 576px) and (max-height: 770px) {
    .daterangepicker.show-ranges.show-calendar.opensright {
        position: fixed;
        top: -28px !important;
    }
} */
/* FINE AGGIUNTE AV */


/* AGGIUNTE ARAVIN */
@media (max-width: 576px) {
    h5 {
        font-size: 1.2rem; /* Dimensione del font più piccola */
    }

    .fab.fa-whatsapp, .fas.fa-phone-alt {
        font-size: 1.5rem; /* Dimensione dell'icona più piccola */
    }
}

a.whatsapp-icon {
    color: #25D366; /* Colore verde WhatsApp */
}

a.whatsapp-icon:hover {
    color: #128C7E; /* Verde scuro di WhatsApp al hover */
}

a.phone-icon {
    color: #a2e6ff; /* Colore azzurro per il numero di telefono */
}

a.phone-icon:hover {
    color: #007bff; /* Blu scuro al hover per il telefono */
}

/* Assicurati che non ci siano regole che sovrascrivono le icone */
@media (max-width: 576px) {
    a.whatsapp-icon {
        color: #25D366; /* Ripristina il colore verde su mobile */
    }

    a.phone-icon {
        color: #a2e6ff; /* Ripristina il colore azzurro su mobile */
    }
}


.whatsapp-icon, .phone-icon {
    margin-top: 15px; /* Spazio tra il numero di telefono e le icone */
}

@media (max-width: 576px) {
    .fab.fa-whatsapp, .fas.fa-phone-alt {
        font-size: 2.5rem; /* Aumenta la dimensione delle icone sui dispositivi mobili */
    }
}
.assistence {
    margin-top: 10px;
}

.badge-success {
    background-color: #28a745; /* Colore verde */
    border-radius: 50%; /* Forma circolare */
    width: 10px; /* Larghezza */
    height: 10px; /* Altezza */
    display: inline-block; /* Assicura che il badge si comporti come un elemento inline */
}



/* FINE AGGIUNTE ARAVIN */