/*
------------------------------------------------------------
arsvenditio · globale Künstlernavigation

Hauptnavigation:
HOME | SHOP | WEB-GALERIE | KÜNSTLER | INSTA

Galerienavigation:
frei konfigurierbar über /assets/data/navigation.json

Alle Buttons verwenden ausschließlich .ars-button aus buttons.css.
------------------------------------------------------------
*/

.ars-navigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

.ars-navigation .ars-button {
    min-width: 112px;
}

.ars-navigation-stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

@media (max-width: 767px) {
    .ars-navigation {
        width: 100%;
    }

    .ars-navigation .ars-button {
        flex: 1 1 calc(50% - 8px);
        min-width: 112px;
    }
}

@media (max-width: 390px) {
    .ars-navigation .ars-button {
        flex-basis: 100%;
    }
}