/* Location Map widget — uses the site's existing CSS variables
   (defined in custom-modern.css, loaded on every page) so this block
   matches the rest of the site automatically. */

.wklm-map {
    background: var(--c-card, #fff);
    padding: 50px 0 60px;
}

.wklm-map-inner {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
}

.wklm-map .title-container {
    margin-bottom: 24px;
}

.wklm-map-header {
    font-family: var(--font-head, 'Poppins', Arial, sans-serif);
    color: var(--c-navy, #16213e);
    font-weight: 600;
    text-align: center;
    margin-bottom: 6px;
}

.wklm-map-desc {
    color: var(--c-body, #5b6472);
    text-align: center;
    margin-bottom: 0;
}

.wklm-frame-wrap {
    border-radius: var(--radius-md, 10px);
    overflow: hidden;
    box-shadow: var(--shadow-md, 0 10px 30px rgba(28,36,48,.10));
    border: 1px solid var(--c-border, #e7e4dd);
    line-height: 0;
}

.wklm-directions {
    margin-top: 24px;
}