/* Mặc định hiển thị map inline, ẩn nút */
.map-placeholder-container {
    display: block; 
    position: relative;
}

#map-placeholder-container {
    display: block;
    position: relative;
}

.btn-select-location-mobile {
    display: block;
}
.map-placeholder-container {
    display: none;
}

#map-placeholder-container {
    display: none;
}

.btn-select-location-mobile {
    display: block; /* Hiện nút "Chọn vị trí" */
}
/* modal full màn hình trên mobile */
#modalMapSelectFullScreen .modal-dialog {
    max-width: 100%;
    margin: 0;
    height: 100%;
}

#modalMapSelectFullScreen .modal-content {
    height: 100%;
    border-radius: 0;
}

#modalMapSelectFullScreen .modal-body {
    flex-grow: 1;
    padding: 5px;
}

#map-select-fullscreen-placeholder {
    height: calc(100%) !important; /* Chiếm hết chiều cao body modal */
}
/* Trên màn hình nhỏ (ví dụ: dưới 768px) */
@media (max-width: 767.98px) {
    

    .gm-style-iw {
        width: 90% !important;
    }

/*    .gm-style .gm-style-iw-a {
        width: 90% !important;
    }*/

    /*.info-window {*/
        /*padding: 5px !important;*/
        /*width: 90% !important;
    }*/
}

/* Nút focus vị trí cho map full screen */
.focus-location-button {
    position: absolute;
    right: 10px;
    bottom: 75px;
    z-index: 401;
    background-color: white;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.focus-location-button img {
    width: 18px;
    height: 18px;
}

.district-fullscreen {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 401;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.satellite-fullscreen {
    position: absolute;
    right: 10px;
    bottom: 130px;
    z-index: 401;
    width: 40px;
    height: 40px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 5px !important
}

.gm-style-iw-d {
    font-size: 15px !important;
}

.info-window {
    font-size: 14px;
    line-height: 1.5;
    /*padding: 10px;*/
    max-width: 500px;
}

.info-title {
    text-align: center;
    background-color: gold;
    padding: 6px 0;
    border-radius: 5px;
    margin-bottom: 12px;
    font-weight: bold;
}

.info-row {
    /*margin-bottom: 8px;*/
    /*display: ruby;*/
}

.info-row .label {
    font-weight: 600;
    /*display: block;*/
    margin-bottom: 3px;
}

/*.info-row .value {
    display: block;
}*/

.info-row .label,
.info-row .value {
    display: inline;
}

.btn_call {
    background-color: green;
    color: white;
    border: none;
    /*padding: 4px 8px;*/
    /*margin-top: 5px;*/
    border-radius: 4px;
    cursor: pointer;
}

.btn_map {
    background-color: #0d6efd;
    color: white;
    border: none;
    /*padding: 4px 8px;*/
    /*margin-top: 5px;*/
    border-radius: 4px;
    cursor: pointer;
}

.btn_support {
    background-color: #28a745;
    color: white;
    border: none;
    padding: 6px 12px;
    border-radius: 5px;
    cursor: pointer;
}

.btn_close_info_window {
    background-color: #dc3545;
    color: white;
    border: none;
    padding: 6px 12px;
    border-radius: 5px;
    cursor: pointer;
}

.wrap_btn {
    text-align: center;
    margin-top: 12px;
}

.lbl_supported {
    color: green;
    font-weight: bold;
}

.lbl_notyet_supported {
    color: red;
    font-weight: bold;
}
.swal2-container {
    z-index: 999999 !important;
}