/* File: app_gis/static/app_gis/css/popup.css */

#popup {
    /* 1. Thu gọn bề rộng tối thiểu, cho phép tự động co giãn theo nội dung */
    width: max-content; /* Giúp popup ôm sát khít nội dung bên trong, không bị dư bề rộng */
    min-width: unset;   /* Xóa bỏ giới hạn tối thiểu cũ */
    padding: 10px 12px; /* Giảm padding các cạnh cho gọn */
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
    position: absolute;
    bottom: 15px;
    left: -50px;
    transform: translate(-50%, 0);
    /* Ẩn nút đóng để giao diện sạch hơn, nếu cần thì bỏ comment dòng dưới */
    /* display: none; */ 
}

#popup-closer {
    float: right;
    text-decoration: none;
    color: #bbb;
    font-size: 18px;
    font-weight: bold;
    margin-top: -5px;
    margin-right: -5px;
}

#popup-closer:hover {
    color: #333;
}

#popup-content {
    line-height: 1.3; /* Giảm chiều cao dòng */
    font-size: 13px;
}

/* 2. Xử lý đặc biệt cho thẻ <strong> để triệt tiêu khoảng cách thừa */
#popup-content strong {
    display: inline-block; /* Giữ nguyên xuống dòng */
    color: #2e7d32;
    font-size: 15px;
    /* Loại bỏ hoàn toàn border và margin bottom để sát nội dung hơn */
    border-bottom: none; 
    margin-bottom: 2px; /* Chỉ để một khoảng cách rất nhỏ */
    padding-bottom: 0;
}

/* Thêm một đường kẻ mảnh ngay dưới tiêu đề nếu Nhất vẫn thích có phân cách */
/*
#popup-content strong::after {
    content: '';
    display: block;
    border-bottom: 1px solid #eee;
    margin-top: 4px;
    margin-bottom: 4px;
}
*/