/*
 Theme Name:   WpResidence Child Theme
 Theme URI:    https://themeforest.net/item/wp-residence-real-estate-wordpress-theme/7896392
 Description:  Child theme tùy chỉnh cho WP Residence – tối ưu hiệu năng, giao diện và bản đồ
 Author:       WpEstate
 Author URI:   http://wpestate.org
 Template:     wpresidence
 Version:      5.1.0
 Text Domain:  wpresidence
 Domain Path:  /languages
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


/* ==========================================================================
   🗺️ ẨN CHỮ GHI NGUỒN TRÊN BẢN ĐỒ (Leaflet / OpenStreetMap)
   ========================================================================== */
.leaflet-control-attribution {
    display: none !important; /* Ẩn dòng "© OpenStreetMap" ở góc bản đồ */
}


/* ==========================================================================
   ⚠️ ĐẨY KHỐI “Đăng nhập để lưu tìm kiếm” XUỐNG DƯỚI – KHÔNG ĐÈ LÊN THANH TÌM KIẾM
   ========================================================================== */
.wpb_alert.wpb_content_element.vc_alert_rounded.wpestate_message {
  position: relative !important;
  margin-top: 15px !important; /* tạo khoảng cách trên */
  z-index: 10 !important;      /* nổi hơn lớp tìm kiếm */
}


/* ==========================================================================
   🔍 GIỮ LỚP TÌM KIẾM TRÊN CÙNG – TRÁNH BỊ ĐÈ BỞI MAP / MODAL
   ========================================================================== */
#adv-search-1,
.filter_menu_trigger,
.bootstrap-select {
  position: relative !important;
  z-index: 5 !important;
}


/* ==========================================================================
   ⬇️ NÚT “MENU LỌC” – TÔ MÀU VIỀN, CHỮ VÀ THÊM HIỆU ỨNG HOVER
   ========================================================================== */
.filter_menu_trigger {
  border: 1px solid #6304F5 !important; /* Viền tím */
  color: #6304F5 !important;            /* Chữ tím */
  font-weight: 500 !important;          /* Chữ đậm vừa */
  border-radius: 8px !important;        /* Bo góc nhẹ */
  transition: all 0.25s ease-in-out !important; /* Hiệu ứng mượt khi hover */
}


/* ==========================================================================
   📍 GIÁ BẤM TRÊN BẢN ĐỒ (Marker Price / Interior Pin)
   ========================================================================== */
.interior_pin_price,
.interior_pin_price:hover,
.interior_pin_price:focus,
.interior_pin_price:active {
  background: #6304F5 !important; /* Nền tím */
  color: #fff !important;          /* Chữ trắng */
  border: 1px solid #6304F5 !important;
  border-radius: 6px;
  padding: 3px 8px;
  font-weight: 500;
  transition: background 0.15s ease, color 0.15s ease;
}

/* Khi hover, đổi sang nền trắng, chữ tím (hiệu ứng tương phản nhẹ) */
.interior_pin_price:hover {
  background: #ffffff !important;
  color: #6304F5 !important;
  border-color: #6304F5 !important;
}

/* Cuối cùng – đảm bảo giữ nền tím, chữ trắng khi hover (ghi đè plugin cũ) */
.interior_pin_price:hover {
  background: #6304F5 !important;
  color: #fff !important;
  border-color: #6304F5 !important;
}


/* ==========================================================================
   📱 HIỂN THỊ THÔNG BÁO “DÙNG HAI NGÓN TAY ĐỂ DI CHUYỂN BẢN ĐỒ” TRÊN MOBILE
   ========================================================================== */
@media (max-width: 768px) {
  #google_map_prop_list_wrapper {
    position: relative !important;
  }

  #google_map_prop_list_wrapper::after {
    content: "📍 Dùng hai ngón tay để di chuyển bản đồ";
    position: fixed;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    font-size: 13px;
    padding: 8px 14px;
    border-radius: 8px;
    z-index: 99999;
    pointer-events: none;
    white-space: nowrap;
    opacity: 1;
    animation: fadeOutNotice 4s ease-in-out forwards;
  }

  /* Hiệu ứng mờ dần sau 4 giây */
  @keyframes fadeOutNotice {
    0%, 70% { opacity: 1; }
    100% { opacity: 0; visibility: hidden; }
  }
}


/* ==========================================================================
   💰 STYLE CHO NÚT “RESET / DONE” TRONG POPUP CHỌN GIÁ
   ========================================================================== */
.wpestate-price-component-popoup-reset,
.wpestate-price-component-popoup-done {
  display: inline-block;
  padding: 1px 22px;
  border-radius: 6px;
}

/* Tạo khoảng cách giữa hai nút */
.wpestate-price-component-popoup-reset {
  margin-right: 20px;
}


/* ==========================================================================
   ❤️ ẨN CHỮ “Xóa khỏi Danh sách Yêu thích” (vẫn giữ chức năng)
   ========================================================================== */
.remove_fav_dash {
  display: none !important;
}