/* Pers Maps (MapLibre GL) — front-end styling.
   Uses the theme's rounded-card language and CSS custom properties. */

.pers-map {
    position: relative;
    width: 100%;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #e9edf1;
}

.pers-map .maplibregl-canvas { outline: none; }

/* Keep map controls under the theme's sticky header. */
.pers-map .maplibregl-ctrl-top-left,
.pers-map .maplibregl-ctrl-top-right { z-index: 400; }

/* Full-bleed: span the whole sidebar column by cancelling the
   "Listing location" card's inner padding. The card clips with rounded
   corners (overflow:hidden), so the map's bottom corners match. */
body.item #sidebar .googlemap .pers-loc-text { margin: 0 0 10px 0; }
body.item #sidebar .googlemap .pers-map {
    margin: 0 -16px -10px -16px;
    width: auto;
    border-radius: 0;
    border: 0;
    border-top: 1px solid #eef0f4;
}

/* Publish-form pin picker */
.pers-pick-wrap { margin: 14px 0; }
.pers-pick-label { display: block; font-weight: 600; margin-bottom: 8px; }
.pers-pick-tools { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; flex-wrap: wrap; }
.pers-pick-status { font-size: 13px; color: #6b7280; }
.pers-pick-wrap .btn { border-radius: 10px; }
.pers-pick-wrap #pers-pick-locate {
    background: var(--pers-primary, #2f6fed);
    border-color: var(--pers-primary, #2f6fed);
    color: #fff;
}
.pers-pick-wrap #pers-pick-locate:hover {
    background: var(--pers-primary-hover, #2456bf);
    border-color: var(--pers-primary-hover, #2456bf);
}