/** MUAADH MAP — Map container chrome (used with Google Maps). Single source. */


/* ============================================================================
 * APPENDED (Phase 13 Wave 18 — 2026-05-13): rules pulled from muaadh-core.css
 * ============================================================================ */

.muaadh-map-wrapper {
    position: relative;
    height: 500px;
    border-radius: var(--chassis-radius);
    overflow: hidden;
    border: var(--chassis-border-normal) solid var(--theme-border-light);
}

.muaadh-map-search-wrapper {
    position: absolute;
    top: 10px;
    right: 10px;
    left: 10px;
    z-index: 10;
}

.muaadh-map-search-wrapper gmp-place-autocomplete {
    border: var(--chassis-border-normal) solid var(--theme-primary);
    border-radius: var(--chassis-radius);
    box-shadow: 0 2px 8px var(--theme-overlay-medium);
}

.muaadh-map-panel-top {
    background: var(--bg-secondary);
    border-bottom: var(--chassis-border-thin) solid var(--border-default);
}

.muaadh-map-panel-bottom {
    background: var(--bg-secondary);
    border-top: var(--chassis-border-thin) solid var(--border-default);
}

.muaadh-map-panel-tile {
    background: var(--bg-secondary);
    border-radius: var(--chassis-radius);
    border: var(--chassis-border-thin) solid var(--border-default);
}

.muaadh-map-container {
    height: 350px;
    width: 100%;
    min-height: 350px;
}

.muaadh-map-container--full {
    width: 100%;
    height: 100%;
}

/* Map autocomplete styling appended (Phase 13 Wave 31, 2026-05-13) */
.muaadh-map-search-wrapper gmp-place-autocomplete,
.muaadh-global-map-search-container gmp-place-autocomplete {
    width: 100%;
    --gmpx-color-surface: var(--bg-primary);
    --gmpx-color-on-surface: var(--text-primary);
    --gmpx-color-on-surface-variant: var(--text-secondary);
    --gmpx-color-primary: var(--theme-primary);
    --gmpx-font-family-base: inherit;
    --gmpx-font-size-base: 14px;
    border: var(--chassis-border-thin) solid var(--border-default);
    border-radius: var(--radius-md);
}