/**
 * Module 3 — Map Substitution: frontend styles
 *
 * Enqueued CN-only via class-module-3-map-substitution.php.
 * Non-CN visitors never receive this stylesheet.
 */

/* ── A-13: Venue card fallback ────────────────────────────────────────────
 * Rendered when Stadia Maps tile CDN is unreachable (GFW-blocked).
 * Replaces the blank Leaflet canvas with a readable address + Gaode link.
 * min-height values match evenz theme map dimensions (400px mobile / 600px
 * desktop) so page layout does not collapse when the map is replaced.
 */

.sps-venue-card-fallback {
    display:         flex;
    flex-direction:  column;
    justify-content: center;
    align-items:     center;
    min-height:      400px;
    padding:         2rem 1.5rem;
    background-color: #f7f7f7;
    border:          1px solid #ddd;
    border-radius:   4px;
    text-align:      center;
    box-sizing:      border-box;
}

@media screen and (min-width: 768px) {
    .sps-venue-card-fallback {
        min-height: 600px;
    }
}

.sps-venue-card-fallback__notice {
    margin:    0 0 0.75rem;
    color:     #666;
    font-size: 0.875rem;
}

.sps-venue-card-fallback__name {
    margin:      0 0 1rem;
    font-size:   1.125rem;
    font-weight: 600;
    color:       #333;
}

.sps-venue-card-fallback__link {
    display:          inline-block;
    padding:          0.5rem 1.25rem;
    background-color: #0073aa;
    color:            #fff;
    text-decoration:  none;
    border-radius:    3px;
    font-size:        0.9rem;
    transition:       background-color 0.15s;
}

.sps-venue-card-fallback__link:hover,
.sps-venue-card-fallback__link:focus {
    background-color: #005d8a;
    color:            #fff;
}