/**
 * Location Map Block Styles
 * Editor preview styles - minimal styles that don't override inline styles
 */

/* Basic preview container - JavaScript handles most styling via inline styles */
.wrm-location-map-preview {
    box-sizing: border-box;
}

/* Frontend map container styles */
.wrm-location-map {
    position: relative;
    width: 100%;
    display: block;
}

.wrm-location-map-container {
    position: relative;
    width: 100%;
    min-height: 400px;
    height: 100%;
    overflow: hidden;
}

/* Ensure mapboxgl map fills container */
.wrm-location-map-container .mapboxgl-map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wrm-location-map-error {
    padding: 20px;
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 4px;
    color: #856404;
    text-align: center;
}

.wrm-location-map-error p {
    margin: 0;
}