/* Custom CSS for rounded corners */
.esri-popup {
    border-radius: 15px; /* Adjust the value for more or less rounding */
    overflow: hidden; /* Ensures content stays within the rounded corners */
}

.esri-widget

.esri-popup__actions {
    position: absolute !important;
    bottom: 0 !important;
    width: 100% !important;
    text-align: center !important;
    background: white !important;
    padding: 0 0 !important;
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1) !important;
}

.esri-popup__main-container {
    display: flex;
    flex-direction: column; /* Arrange children vertically */
    width: 340px;
    max-height: 340px;
    margin: 0; /* Remove any default margins */
}

.esri-popup__content {
    flex: 1; /* Allow the content to take up available space */
    align-self: flex-start; /* Align the content to the top */
    margin: 0; /* Remove any default margins */
    overflow: hidden;
    align-self: center !important
}

.esri-popup__footer {
    margin-top: auto;
    background: #f9f9f9; /* Optional: Add a background color for clarity */
    border-top: 1px solid #ddd; /* Optional: Add a border to separate the footer */
}

header.esri-popup__header {
    margin: 0; /* Remove any default margins */
}

.esri-popup__main-container {
    max-width: 300px;
}
.esri-widget {
    max-width: 300px;
}