/**
 * Bloque de descarga de cartas (Restaurante / Bodega / Cafetería)
 * Solo se renderiza en páginas de restaurante (section/phone = 'restaurant')
 * El estilo del botón en sí lo aporta la clase global ".button" (neobookings.css).
 * Aquí se resuelve el fondo propio, el centrado vertical del contenido y el foco visible.
 */

.restaurant-cartas {
    padding-bottom: var(--space-between-sections);
    text-align: center;
}

.restaurant-cartas .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.restaurant-cartas__title {
    margin: 0 0 30px;
    color: var(--title-color);
}

.restaurant-cartas__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.restaurant-cartas__item {
    margin: 0;
}

.restaurant-cartas__link {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* La clase global ".button" resetea el outline a 0 sin alternativa (neobookings.css);
   restauramos el foco visible solo para este componente. */
.restaurant-cartas__link:focus-visible {
    outline: 2px solid var(--button-color);
    outline-offset: 2px;
}

@media (max-width: 992px) {
    .restaurant-cartas {
        padding-block: 40px;
    }

    .restaurant-cartas__list {
        flex-direction: column;
        align-items: stretch;
    }
}