/* Saigon Luxury – Popup chung  v1.1.1 */

/* ══════════════════════════════════════════════
   NÚT "HỎI CĂN NÀY" TRÊN CARD HOUZEZ
   ══════════════════════════════════════════════ */
.sl-ask-btn {
  display: none !important; /* TẠM ẨN — chờ popup mới */
  width: 100%;
  min-height: 44px;
  margin-top: 12px;
  padding: 0 16px;
  border: 0;
  border-radius: 4px;
  background: #14202B;
  color: #fff;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color .15s ease;
}
.sl-ask-btn:hover,
.sl-ask-btn:focus-visible { background: #2A3A48; }
.sl-ask-btn:focus-visible  { outline: 2px solid #D9B979; outline-offset: 2px; }
.sl-ask-btn[disabled]      { opacity: .7; cursor: progress; }

/* ══════════════════════════════════════════════
   POPUP MODAL
   ══════════════════════════════════════════════ */
.elementor-popup-modal .dialog-widget-content {
  overflow: hidden !important;
  border-radius: 12px !important;
}

/* ══════════════════════════════════════════════
   OUTER SECTION: reset V3 container
   ══════════════════════════════════════════════ */
.sl-pop { overflow: hidden !important; }
.sl-pop .elementor-container { max-width: 100% !important; padding: 0 !important; }
.sl-pop > .elementor-container > .elementor-row,
.sl-pop > .elementor-container > .elementor-row > .elementor-column > .elementor-widget-wrap,
.sl-pop > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap {
  padding: 0 !important;
}

/* ══════════════════════════════════════════════
   HEADER – LISTING MODE
   ══════════════════════════════════════════════ */
#sl-pop-head-listing { background: #14202B; }
#sl-pop-head-listing .elementor-container { padding: 0 !important; }
#sl-pop-head-listing .elementor-column > .elementor-widget-wrap,
#sl-pop-head-listing .elementor-column > .elementor-column-wrap { padding: 0 !important; }

/* Ảnh ẩn — tiết kiệm không gian */
#sl-pop-img { display: none !important; }

/* Header listing: padding nhỏ, all-in-one block */
#sl-pop-head-listing .elementor-column > .elementor-widget-wrap,
#sl-pop-head-listing .elementor-column > .elementor-column-wrap { padding: 12px 14px 10px !important; gap: 0; }

#sl-pop-badge { padding: 0 0 4px; }
#sl-pop-badge .elementor-widget-container { padding: 0 !important; }
#sl-pop-badge .elementor-heading-title {
  display: inline-block;
  padding: 2px 7px;
  background: #D9B979;
  color: #14202B !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1.2px;
  border-radius: 3px;
}

#sl-pop-code { padding: 0 0 2px; }
#sl-pop-code .elementor-widget-container { padding: 0 !important; }
#sl-pop-code .elementor-text-editor,
#sl-pop-code .elementor-text-editor p { color: #90B0C0; font-size: 11px; margin: 0; }

#sl-pop-title { padding: 0 0 2px; }
#sl-pop-title .elementor-widget-container { padding: 0 !important; }
#sl-pop-title .elementor-heading-title { color: #fff !important; font-size: 14px !important; line-height: 1.3; }

#sl-pop-meta { padding: 0 0 3px; }
#sl-pop-meta .elementor-widget-container { padding: 0 !important; }
#sl-pop-meta .elementor-text-editor,
#sl-pop-meta .elementor-text-editor p { color: #B8CCD8; font-size: 11px; margin: 0; }

#sl-pop-price { padding: 0; }
#sl-pop-price .elementor-widget-container { padding: 0 !important; }
#sl-pop-price .elementor-heading-title { color: #F0CB6A !important; font-size: 18px !important; font-weight: 700 !important; }

/* ══════════════════════════════════════════════
   HEADER – PAGE MODE
   ══════════════════════════════════════════════ */
#sl-pop-head-page { background: #14202B; }
#sl-pop-head-page .elementor-container { padding: 0 !important; }
#sl-pop-head-page .elementor-column > .elementor-widget-wrap,
#sl-pop-head-page .elementor-column > .elementor-column-wrap { padding: 20px 16px 16px !important; gap: 4px; }

#sl-pop-page-label .elementor-widget-container { padding: 0 !important; }
#sl-pop-page-label .elementor-heading-title { color: #D9B979 !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px; text-transform: uppercase; }
#sl-pop-page-title .elementor-widget-container { padding: 0 !important; }
#sl-pop-page-title .elementor-heading-title { color: #fff !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.3; }
#sl-pop-page-meta .elementor-widget-container { padding: 0 !important; }
#sl-pop-page-meta .elementor-text-editor,
#sl-pop-page-meta .elementor-text-editor p { color: #A8B8C8; font-size: 13px; margin: 0; }

/* ══════════════════════════════════════════════
   AGENT STRIP
   ══════════════════════════════════════════════ */
#sl-pop-agent-block { background: #1C2B38; }
#sl-pop-agent-block .elementor-container { padding: 0 !important; }
#sl-pop-agent-block .elementor-column > .elementor-widget-wrap,
#sl-pop-agent-block .elementor-column > .elementor-column-wrap { padding: 4px 12px !important; display: flex; align-items: center; justify-content: center; }
#sl-pop-agent-img .elementor-widget-container { padding: 0 !important; }
#sl-pop-agent-img img { width: 24px !important; height: 24px !important; border-radius: 50% !important; object-fit: cover; border: 1.5px solid #D9B979; }
#sl-pop-agent .elementor-widget-container { padding: 0 !important; }
#sl-pop-agent .elementor-text-editor,
#sl-pop-agent .elementor-text-editor p { color: #E8DCC8; font-size: 11px; font-weight: 600; margin: 0; }

/* ══════════════════════════════════════════════
   HTML FORM WIDGET
   ══════════════════════════════════════════════ */
.sl-pop .elementor-widget-html > .elementor-widget-container { padding: 0 !important; }

/* ══════════════════════════════════════════════
   MOBILE: bottom sheet
   ══════════════════════════════════════════════ */
@media (max-width: 767px) {
  .elementor-popup-modal .dialog-widget-content:has(.sl-pop) {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    max-height: 92vh;
    overflow-y: auto;
    border-radius: 16px 16px 0 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sl-ask-btn { transition: none; }
}