/* =====================================================================
   BEST PROPERTY PLUG — DESKTOP PROPERTY LIST VIEW V80
   Scope: /properties list view only, desktop >= 1200px.
   No filter logic, grid/map view, mobile/tablet, backend or route changes.
   ===================================================================== */

@media (min-width: 1200px) {
  /* Keep every rule scoped to the live properties list-view DOM. */
  #rpgp2-listing .rpgp2-list-view {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-list-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(360px, 39%) minmax(0, 1fr) !important;
    min-height: 282px !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid #e1ebe6 !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 24px rgba(15, 66, 43, 0.055) !important;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-list-card:hover {
    transform: translateY(-2px) !important;
    border-color: #cfe2d8 !important;
    box-shadow: 0 16px 36px rgba(15, 66, 43, 0.10) !important;
  }

  /* Image-first left side. */
  #rpgp2-listing .rpgp2-list-view .rpgp2-list-media {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 282px !important;
    height: 100% !important;
    overflow: hidden !important;
    background: #eef4f0 !important;
    text-decoration: none !important;
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-list-media::before {
    content: '';
    position: absolute;
    inset: auto 0 0 0;
    z-index: 2;
    height: 34%;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, rgba(7, 31, 21, .26));
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-list-media::after {
    content: 'View property  →';
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,.72);
    border-radius: 999px;
    background: rgba(255,255,255,.94);
    color: #087846;
    font-size: 11px;
    font-weight: 760;
    letter-spacing: .01em;
    opacity: 0;
    transform: translateY(6px);
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    transition: opacity .18s ease, transform .18s ease;
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-list-card:hover .rpgp2-list-media::after {
    opacity: 1;
    transform: translateY(0);
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-list-media > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 282px !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: transform .45s ease !important;
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-list-card:hover .rpgp2-list-media > img {
    transform: scale(1.025) !important;
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-badge {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 6px 11px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #008f52, #03a861) !important;
    color: #fff !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
    box-shadow: 0 7px 18px rgba(0, 143, 82, .24) !important;
  }

  /* Right content area: stronger information hierarchy. */
  #rpgp2-listing .rpgp2-list-view .rpgp2-list-content {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      'category category'
      'title title'
      'location location'
      'features features'
      'price price'
      'agent actions' !important;
    grid-template-rows: auto auto auto auto 1fr auto !important;
    align-content: start !important;
    align-items: end !important;
    column-gap: 18px !important;
    row-gap: 9px !important;
    min-width: 0 !important;
    min-height: 282px !important;
    padding: 21px 22px 18px !important;
    background: #fff !important;
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-category {
    grid-area: category !important;
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 27px !important;
    margin: 0 !important;
    padding: 5px 9px !important;
    border: 1px solid #e1ebe6 !important;
    border-radius: 8px !important;
    background: #f5f8f6 !important;
    color: #53645b !important;
    font-size: 10.5px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-card-title {
    grid-area: title !important;
    display: -webkit-box !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #16241d !important;
    font-size: clamp(19px, 1.25vw, 23px) !important;
    font-weight: 780 !important;
    line-height: 1.22 !important;
    letter-spacing: -.018em !important;
    text-decoration: none !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-card-title:hover {
    color: #008f52 !important;
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-location {
    grid-area: location !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    margin: 0 !important;
    color: #6b7c73 !important;
    font-size: 13.5px !important;
    font-weight: 520 !important;
    line-height: 1.35 !important;
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-location svg {
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
    color: #76877e !important;
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-features {
    grid-area: features !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 !important;
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-features > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-height: 30px !important;
    padding: 5px 8px !important;
    border: 1px solid #edf2ef !important;
    border-radius: 8px !important;
    background: #fafcfb !important;
    color: #5e7067 !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-features svg {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    color: #64776d !important;
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-price {
    grid-area: price !important;
    align-self: end !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    color: #087846 !important;
    font-size: clamp(21px, 1.35vw, 26px) !important;
    font-weight: 820 !important;
    line-height: 1.16 !important;
    letter-spacing: -.018em !important;
  }

  /* Seller row doubles as a real trust signal — only when verification exists. */
  #rpgp2-listing .rpgp2-list-view .rpgp2-agent-row {
    grid-area: agent !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0 !important;
    min-height: 50px !important;
    margin: 3px 0 0 !important;
    padding: 12px 0 0 !important;
    border-top: 1px solid #edf2ef !important;
    background: transparent !important;
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-agent-avatar {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    overflow: hidden !important;
    border: 2px solid #eef5f1 !important;
    border-radius: 50% !important;
    background: #f0f6f2 !important;
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-agent-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-agent-copy {
    min-width: 0 !important;
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-agent-copy span {
    display: block !important;
    margin: 0 0 2px !important;
    color: #819087 !important;
    font-size: 10.5px !important;
    font-weight: 560 !important;
    line-height: 1.2 !important;
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-agent-copy strong {
    display: block !important;
    max-width: 230px !important;
    overflow: hidden !important;
    color: #1d2a23 !important;
    font-size: 12.5px !important;
    font-weight: 760 !important;
    line-height: 1.25 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-agent-row .verified-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    min-height: 25px !important;
    padding: 4px 7px !important;
    border: 1px solid #d4eee1 !important;
    border-radius: 999px !important;
    background: #eef9f3 !important;
    color: #087846 !important;
    vertical-align: middle !important;
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-agent-row .verified-badge::after {
    content: 'Verified';
    color: #087846 !important;
    font-size: 9.5px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
  }

  #rpgp2-listing .rpgp2-list-view .rpgp2-agent-row .verified-badge svg {
    width: 13px !important;
    height: 13px !important;
    color: #0a9b5a !important;
  }

  /* Inquiry actions: secondary Call + primary WhatsApp. */
  #rpgp2-listing .rpgp2-list-view .property-contact-actions--list {
    grid-area: actions !important;
    align-self: end !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(108px, 1fr)) !important;
    gap: 8px !important;
    width: 250px !important;
    min-width: 250px !important;
    min-height: 50px !important;
    margin: 3px 0 0 !important;
    padding: 12px 0 0 !important;
    border-top: 1px solid #edf2ef !important;
    background: transparent !important;
  }

  #rpgp2-listing .rpgp2-list-view .property-contact-actions--list .property-contact-action {
    min-width: 0 !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }

  #rpgp2-listing .rpgp2-list-view .property-contact-actions--list .property-contact-action svg {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
  }

  #rpgp2-listing .rpgp2-list-view .property-contact-actions--list .property-contact-action--call {
    border: 1px solid #bee1cf !important;
    background: #fff !important;
    color: #087846 !important;
  }

  #rpgp2-listing .rpgp2-list-view .property-contact-actions--list .property-contact-action--call:hover {
    border-color: #0a995a !important;
    background: #f0faf5 !important;
    color: #087846 !important;
    transform: translateY(-1px) !important;
  }

  #rpgp2-listing .rpgp2-list-view .property-contact-actions--list .property-contact-action--whatsapp {
    border: 1px solid #08a75f !important;
    background: linear-gradient(135deg, #05a75d, #0cbb69) !important;
    color: #fff !important;
    box-shadow: 0 8px 16px rgba(7, 166, 94, .16) !important;
  }

  #rpgp2-listing .rpgp2-list-view .property-contact-actions--list .property-contact-action--whatsapp:hover {
    background: linear-gradient(135deg, #049c57, #0baa61) !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
  }

  /* Only refine the list-view toolbar when the list DOM is present. */
  #rpgp2-listing:has(.rpgp2-list-view) .rpgp2-toolbar {
    margin-bottom: 14px !important;
  }

  #rpgp2-listing:has(.rpgp2-list-view) .rpgp2-toolbar .rpgp2-reset {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 38px !important;
    padding: 7px 11px !important;
    border: 1px solid #dceae3 !important;
    border-radius: 10px !important;
    background: #f8fbf9 !important;
    color: #087846 !important;
    font-size: 11.5px !important;
    font-weight: 720 !important;
    text-decoration: none !important;
  }

  #rpgp2-listing:has(.rpgp2-list-view) .rpgp2-toolbar .rpgp2-reset svg {
    width: 16px !important;
    height: 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #rpgp2-listing .rpgp2-list-view .rpgp2-list-card,
  #rpgp2-listing .rpgp2-list-view .rpgp2-list-media::after,
  #rpgp2-listing .rpgp2-list-view .rpgp2-list-media > img {
    transition: none !important;
  }
}