/*
Theme Name: BĐS
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.2
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ===== Bất động sản: bộ lọc [bds_bo_loc], thông tin sản phẩm, bản đồ ===== */
.bds-i { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; vertical-align: -3px; }

/* Bộ lọc: 1 hàng các ô chọn + nút */
.bds-bo-loc { display: flex; align-items: stretch; margin: 0; background: #fff; border: 1px solid #e3e3e3; border-radius: 4px; padding: 6px; }
.bds-bo-loc select { flex: 1 1 0; min-width: 0; margin: 0; height: 44px; border: 0; border-right: 1px solid #e3e3e3; border-radius: 0; box-shadow: none; background-color: transparent; font-size: 15px; color: #333; padding: 0 28px 0 10px; }
.bds-bo-loc select:disabled { color: #aaa; background-color: #fafafa; }
.bds-bo-loc .bds-tim { flex: none; margin: 0 0 0 8px; min-height: 44px; border-radius: 99px; padding: 0 26px; text-transform: none; letter-spacing: 0; font-size: 15px; }
.bds-bo-loc-shop { margin-bottom: 24px; }

/* Trang sản phẩm: Mã số, Vị trí, Tình trạng, Diện tích */
.bds-thong-tin { list-style: none; margin: 4px 0 18px; padding: 14px 0 0; border-top: 1px solid #ececec; }
.bds-thong-tin li { display: flex; align-items: baseline; gap: 6px; margin: 0 0 10px !important; font-size: 16px; color: #333; }
.bds-thong-tin li .bds-i { color: var(--primary-color); position: relative; top: 2px; }
.bds-thong-tin li > span { color: #666; white-space: nowrap; }
.bds-nhan { color: #d0021b; }
.bds-tt { color: #219653; }
.bds-tt.bds-tt-da-ban { color: #eb5757; }
.bds-tt.bds-tt-tam-ngung { color: #777; }

/* Khung liên hệ dưới giá (thay nút giỏ hàng) */
.bds-lien-he { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; padding-top: 14px; border-top: 1px solid #e5e5e5; }
.bds-lh-tieu-de { font-size: 15px; color: #555; }
.bds-lien-he a { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 6px 16px; border-radius: 6px; color: #fff; font-size: 16px; line-height: 1.3; transition: opacity .2s; }
.bds-lien-he a:hover { color: #fff; opacity: .9; }
.bds-lien-he a b { letter-spacing: .3px; }
.bds-lh-goi { background: var(--primary-color); }
.bds-lh-goi svg { width: 22px; height: 22px; fill: currentColor; flex: none; }
.bds-lh-zalo { background: #0068ff; }
.bds-lh-zalo i { flex: none; font-style: normal; font-weight: 700; font-size: 11px; background: #fff; color: #0068ff; border-radius: 4px; padding: 3px 5px; }

/* Bản đồ dưới mô tả */
.bds-ban-do { margin: 10px 0 30px; }
.bds-ban-do h3 { color: var(--primary-color); margin-bottom: 6px; }
.bds-ban-do p { margin-bottom: 10px; color: #555; }
.bds-ban-do p .bds-i { margin-right: 4px; color: var(--primary-color); }
.bds-ban-do iframe { display: block; border-radius: 6px; }

/* Thẻ sản phẩm: diện tích + khu vực */
.bds-the { display: flex; flex-wrap: wrap; gap: 2px 12px; margin: 2px 0 6px; font-size: 13.5px; color: #666; }
.bds-the span { display: inline-flex; align-items: center; gap: 4px; }
.bds-the .bds-i { width: 14px; height: 14px; color: var(--primary-color); }

@media only screen and (max-width: 849px) {
  .bds-bo-loc { flex-wrap: wrap; gap: 8px; padding: 10px; }
  .bds-bo-loc select { flex: 1 1 calc(50% - 4px); border: 1px solid #e3e3e3; border-radius: 4px; }
  .bds-bo-loc .bds-tim { flex: 1 1 100%; margin: 0; }
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}