/*
 * maps.css — Find Us / campus location page
 * Extends the Kinez theme (main.css) for the map embed and directions card.
 * Colors: #004aad (blue) | #E8F0FE (light bg) | rgb(0,2,41) (near-black text)
 *         #4A4A50 (body text)
 */

:root {
    --color-p1: #004aad;
}

/* ── Map embed ─────────────────────────────────────────────── */
.map-embed-wrap {
    height: 100%;
    min-height: 450px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(0, 74, 173, .12);
    border: 1px solid #E8F0FE;
}

.map-embed-wrap iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 450px;
}

/* ── Directions card ───────────────────────────────────────── */
.map-info-card {
    height: 100%;
    background: #fff;
    border: 1px solid #E8F0FE;
    border-radius: 16px;
    padding: 32px 28px;
    box-shadow: 0 12px 32px rgba(0, 74, 173, .08);
}

.map-info-title {
    color: rgb(0, 2, 41);
    font-weight: 700;
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
}

.map-info-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 1.25rem;
}

.map-info-item .icon {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #E8F0FE;
    color: #004aad;
    font-size: 1.05rem;
}

.map-info-item .cont span {
    display: block;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #004aad;
    font-weight: 600;
    margin-bottom: 2px;
}

.map-info-item .cont p {
    margin: 0;
    color: #4A4A50;
    font-size: .95rem;
    line-height: 1.5;
    word-break: break-word;
}

/* ── Responsive ────────────────────────────────────────────── */
@media (max-width: 991.98px) {
    .map-info-card {
        margin-top: 1.5rem;
    }
}