/**
 * styles/angels-map.css — angel map include (CSP)
 */

.apald-angels-map-section {
        width: 100%;
        max-width: 1100px;
        margin: 2rem auto;
        padding: 0 1rem;
        box-sizing: border-box;
    }
    .apald-angels-map-title {
        margin: 0 0 0.5rem;
        font-size: 1.5rem;
        color: var(--apald-honeydew);
        text-align: center;
    }
    .apald-angels-map-intro {
        margin: 0 auto 1rem;
        max-width: 40rem;
        text-align: center;
        line-height: 1.5;
        color: rgb(255,255,255,0.75);
        font-size: 0.95rem;
    }
    .apald-angels-map-canvas {
        width: 100%;
        height: 380px;
        border-radius: 12px;
        border: 1px solid rgba(74, 44, 122, 0.2);
        background: var(--apald-cyan);
        z-index: 0;
    }
    @media (min-width: 768px) {
        .apald-angels-map-canvas { height: 460px; }
    }
    .apald-angels-map-footer {
        margin: 0.75rem 0 0;
        text-align: center;
        font-size: 0.9rem;
    }
    .apald-angels-map-count {
        display: block;
        margin-bottom: 0.35rem;
        color: rgb(255,255,255,0.75);
    }
    .apald-angels-map-popup {
        font-size: 0.9rem;
        line-height: 1.4;
        min-width: 8rem;
        background-color: var(--apald-darkpurple);
        color: rgb(255,255,255,0.75);
    }
    .apald-angels-map-popup strong {
        color: var(--apald-litepurple);
    }
    .apald-angels-map-popup a {
        color: var(--apald-cyan);
        font-weight: 600;
    }
    .apald-map-pin {
        width: 14px;
        height: 14px;
        margin-left: -7px !important;
        margin-top: -7px !important;
        border-radius: 50%;
        background: var(--apald-litepurple);
        border: 2px solid var(--apald-cyan);
        box-shadow: 0 1px 4px rgba(0,0,0,0.35);
    }
    .leaflet-popup-content-wrapper {
        background-color: var(--apald-darkpurple);
    }
    a.leaflet-popup-close-button {
        color: rgb(255,255,255,0.75);
    }