/**
 * Module 2 — Output Buffer Filter: frontend styles
 *
 * Enqueued CN-only via class-module-2-output-buffer.php.
 * Non-CN visitors never receive this stylesheet.
 */

/* ── B1: Map unavailable card (vc_gmaps replacement) ─────────────────────
 * Rendered when a [vc_gmaps] shortcode is present for a CN visitor.
 * The card replaces a Google Maps iframe that would be blank or blocked.
 */

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

.sps-map-unavailable-card__address {
    margin:      0 0 0.5rem;
    font-size:   1rem;
    font-weight: 600;
    color:       #333;
}

.sps-map-unavailable-card__link {
    display:          inline-block;
    margin:           0.75rem 0;
    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-map-unavailable-card__link:hover,
.sps-map-unavailable-card__link:focus {
    background-color: #005d8a;
    color:            #fff;
}

.sps-map-unavailable-card__notice {
    margin:    0;
    color:     #666;
    font-size: 0.875rem;
}

/* ── B2: Video unavailable card (YouTube replacement for CN visitors) ─────
 * Added in B2 workstream.
 */

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

.sps-video-unavailable-card__title {
    margin:      0 0 0.5rem;
    font-size:   1rem;
    font-weight: 600;
    color:       #333;
}

.sps-video-unavailable-card__notice {
    margin:    0;
    color:     #666;
    font-size: 0.875rem;
}