/**
 * Midrex Mapbox shell - loader overlay + canvas sizing. Shared by the
 * [mapbox-integration] shortcode and the Mapbox Map widget. A fixed-height
 * (non-fill) shell carries midrex-map--mheight + the --midrex-map-h-mobile
 * var for its phone height (see includes/components/mapbox.php).
 */
.midrex-map{position:relative;width:100%;background:#181818;border-radius:8px}
.elementor-widget:has(.midrex-map),.elementor-widget-container:has(.midrex-map),.elementor-shortcode:has(.midrex-map){width:100%}
.midrex-map__canvas{width:100%;height:100%}
.midrex-map__loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;opacity:1;transition:opacity .35s ease}
.midrex-map.is-loaded .midrex-map__loader{opacity:0}
.midrex-map__spinner{width:42px;height:42px;border-radius:50%;border:3px solid rgba(150,170,190,.25);border-top-color:#05D16E;animation:midrex-map-spin .8s linear infinite}
@keyframes midrex-map-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.midrex-map__spinner{animation-duration:2.4s}}
.midrex-map__error{padding:16px;font:14px/1.5 system-ui,sans-serif;color:#fff;background:#7a2020}
@media (max-width:767px){.midrex-map--mheight{height:var(--midrex-map-h-mobile)}}