/**
 * 123bus – Städte-Linkliste
 *
 * Basis-Layout (CSS Grid). Spaltenzahl, Abstände, Farben, Ausrichtung und
 * Trenner werden vom Elementor-Widget per Inline-CSS überschrieben; die hier
 * gesetzten Werte dienen als Standard (auch für den Shortcode [123-stadt-liste]).
 */

.bus123-city-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 20px;
    row-gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Standard: 2 Spalten ab Tablet, 3 ab Desktop (vom Widget überschreibbar). */
@media (min-width: 768px) {
    .bus123-city-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1025px) {
    .bus123-city-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

.bus123-city-list__item {
    margin: 0;
    padding: 0;
}

.bus123-city-list__link {
    display: block;
    text-decoration: none;
}

.bus123-city-list__prefix {
    margin-right: 0.25em;
}

.bus123-city-list__suffix {
    margin-left: 0.25em;
}