/* Custom styles for the menu items block */

.menu-items-block+h2,
.menu-items-block+h3,
.menu-items-block+h4,
.menu-items-block+p {
    margin-top: 5rem;
}

h2+.menu-items-block,
h2+.menu-items-block,
h2+.menu-items-block,
h2+.menu-items-block {
    margin-top: 2rem;
}



.menu-item-row {
    display: grid;
    grid-template-columns: 2fr 1fr;
    align-items: stretch;
    gap: 2rem
}

.menu-item-row .menu-item-column {
    border-top: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.menu-item-row .menu-item-column:first-of-type {
    padding: 0.55rem 0;
}

.menu-items-block.menu-items-vins-block .menu-item-row .menu-item-column:last-of-type {
    padding: 0.55rem 0;
}

.menu-item-row .menu-item-column:last-of-type {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.menu-item-row .menu-item-column * {
    margin: 0;
}

.menu-item-row:last-of-type .menu-item-column {
    border-bottom: 1px solid #ccc;
}

.menu-items-block .menu-item {
    /* Your styles here */
    margin-bottom: 20px;
    padding: 20px;
}

.menu-item-row .menu-item-column h4 {
    margin-bottom: 0.25em;
}

.menu-items-block h4 span {
    font-size: 0.75em;
}

.menu-items-block .menu-item p {
    margin-bottom: 10px;
}

.image-listener img {
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.menu-item-price-box span {
    font-size: 0.75em;
}

.vins-certication {
    display: inline-block;
    font-size: 0.55em !important;
    font-family: 'roboto' !important;
    font-weight: 800 !important;
}

/* Allergènes : ligne discrète sous la description, libellé en gras */
.menu-item-allergenes {
    font-size: 0.6em;
}

.menu-item-allergenes strong {
    font-weight: 700;
}


/* Add more styles as needed */