.gigs-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; margin-top: 50px; }
.gig-card { position: relative; flex: 1 1 300px; max-width: 380px; display: block; text-decoration: none; color: inherit; background-color: #0a0a0a; border: 1px solid var(--border-color); padding: 40px 30px; text-align: center; transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); }
.gig-card-link { position: absolute; inset: 0; z-index: 1; }
@media (hover: hover) {
    .gig-card:hover { transform: translateY(-10px); border-color: var(--accent-color); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8); }
    .gig-card:hover .gig-map-hint { color: var(--accent-color); }
}
.gig-date { color: #888; font-size: 0.85rem; font-weight: 600; margin-bottom: 15px; letter-spacing: 2px; text-transform: uppercase; }
.gig-time { color: var(--accent-color); }
.gig-venue { font-size: 2rem; margin-bottom: 5px; color: var(--accent-color); }
.gig-city { font-size: 1.1rem; margin-bottom: 25px; color: #aaa; }
.gig-map-hint { color: #444; font-size: 0.85rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; transition: color 0.3s ease; }
.gig-map-hint i { margin-right: 5px; }
.gig-info { position: relative; z-index: 2; margin-top: 25px; padding-top: 20px; border-top: 1px solid #1a1a1a; }
.gig-info a { color: var(--text-color); font-size: 0.9rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; transition: color 0.3s ease; display: inline-block; }
.gig-info a i { margin-left: 5px; font-size: 0.8rem; transition: transform 0.3s ease; }
.gig-info a:hover { color: var(--accent-color); }
.gig-info a:hover i { transform: translateX(3px); }

/* --- RESPONSIVITA --- */
@media (max-width: 600px) { 
    .gigs-grid { gap: 20px; overflow-x: hidden; } 
}

/* Speciální úprava pro velmi malé mobily (do 400px) */
@media (max-width: 400px) {
    .gigs-grid {
        gap: 15px; /* Menší mezery mezi kartami */
    }
    
    .gig-card {
        padding: 20px 10px; /* Menší vnitřní odsazení karty */
    }

    .gig-venue {
        font-size: 1.5rem !important; /* Trochu menší název podniku */
    }
}/* --- ÚPRAVA PRO EXTRÉMNĚ MALÉ MOBILY (320px) --- */
@media (max-width: 400px) {
    /* Zmenšíme hlavní nadpisy sekcí, aby se vešly na řádek */
    .section-title {
        font-size: 1.6rem !important; 
        margin: 20px 0 !important;
        letter-spacing: 1px !important;
    }
}