/* Map Location Names Stylesheet */

.map-location-names-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1; /* Just above the map, below other UI elements */
    pointer-events: none; /* CSS equivalent of PickingMode.Ignore */
}

.location-name-label {
    position: absolute;
    font-size: 12px;
    color: white;
    background-color: rgba(0, 0, 0, 0.6);
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 3px;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.3);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
    white-space: nowrap;
    pointer-events: none; /* Ensure labels don't block clicks */
}

/* Settlement name styles */
.settlement-name {
    font-size: 13px;
    font-weight: bold;
    color: rgb(255, 255, 200); /* Light yellow */
    background-color: rgba(139, 69, 19, 0.8); /* Brown background */
    border-color: rgba(255, 215, 0, 0.5); /* Gold border */
}

/* Geographic feature name styles */
.forest-name {
    color: rgb(144, 238, 144); /* Light green */
    background-color: rgba(0, 100, 0, 0.7);
    border-color: rgba(144, 238, 144, 0.5);
}

.lake-name {
    color: rgb(173, 216, 230); /* Light blue */
    background-color: rgba(0, 0, 139, 0.7);
    border-color: rgba(173, 216, 230, 0.5);
}

.mountain-name {
    color: rgb(220, 220, 220); /* Light gray */
    background-color: rgba(105, 105, 105, 0.8);
    border-color: rgba(220, 220, 220, 0.5);
    font-weight: bold;
}

.plain-name {
    color: rgb(255, 255, 224); /* Light yellow */
    background-color: rgba(154, 205, 50, 0.7);
    border-color: rgba(255, 255, 224, 0.5);
}

.river-name {
    color: rgb(135, 206, 235); /* Sky blue */
    background-color: rgba(0, 191, 255, 0.7);
    border-color: rgba(135, 206, 235, 0.5);
}