/* Form */
#menu-digitale-form {
    max-width: 600px;
}

/* Titolo */
.row-title img {
    height: 60px;
}

/* Rimuovo bordo ai label/button disabilitati per la modalità  */
.col-option-modalita .btn,
.col-option-modalita .btn:focus,
.col-option-modalita .btn.disabled {
    border: none !important;
}

/* Popover asporto non disponibile */
.asporto-message-popover {
    --bs-popover-bg: #f8d7da;
    --bs-popover-header-bg: #f8d7da;
    --bs-popover-header-color: #842029;
    --bs-popover-body-color: #842029;
    --bs-popover-border-color: #f5c2c7;
}

.asporto-message-popover h3.popover-header {
    border: 0px;
    border-radius: 1rem;
    color: #842029 !important;
}

/* Seleziona modalità (Mangio alla festa | Asporto) */
.col-option-modalita .image-container {
    height: 120px;
}

.col-option-modalita .image-container img {
    max-width: 100%;
    max-height: 100%;
}

.col-option-modalita#modalita-option-asporto-container .image-container img {
    max-height: 90px;
}

/* Whatsapp */
#info-whatsapp {
    font-size: 1.2rem !important;
    border: 1px solid #198754;
    border-radius: 0.5rem;

    i {
        font-size: 2rem !important;
        font-size: calc(2rem + 2vw) !important;
    }
}

/* Form con scelta già effettuata */
#menu-digitale-form.already-chosen {
    #scegli-modalita .col-option-modalita,
    #scegli-modalita .col-option-modalita label,
    #scegli-modalita .col-option-modalita input {
        cursor: default !important;

        &:not(.disabled),
        &:not(.disabled):hover {
            opacity: 1 !important;
        }
    }
}

/* Div per click su select disattive */
div.disabled-select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Reset preordine */
.resetta-preordine-container {
    max-width: 500px;
}

/* Fino a schermi medi */
@media (max-width: 720px) {
    /* Whatsapp */
    #info-whatsapp {
        font-size: 1rem !important;
    }
}

/* Solo schermi piccoli */
@media (max-width: 380px) {
    /* Select */
    .form-select {
        font-size: 1rem;
        padding: 0.2rem 1.5rem 0.2rem .4rem;
        background-position: right .5rem center;
    }
}

/* Solo schermi grandi */
@media (min-width: 1200px) {
    /* Seleziona modalità (Mangio alla festa | Asporto) */
    .col-option-modalita .image-container {
        height: 140px;
    }

    .col-option-modalita#modalita-option-asporto-container .image-container img {
        max-height: 120px;
    }
}