/*
 * Stationsliste auf den Ortsseiten (Raster + Hover der Karten)
 *
 * Pfad:        pages/ladestationen/assets/station-cards.css
 * Eingebunden: pages/ladestationen/sections/station-cards.php
 *
 * Das Raster steht bewusst als eigenes CSS und nicht nur als Tailwind-Klassen:
 * Utilities entstehen im lokalen Build nur, wenn sie irgendwo verwendet werden –
 * fehlt eine davon, läge die Liste einspaltig.
 */

#stationCardsGrid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}

@media (min-width: 768px) {
    #stationCardsGrid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    #stationCardsGrid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.station-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.station-card:hover {
    transform: translateY(-2px);
}