/* ═══════════════════════════════════════════════════════════════
   Rentvala — July 2026 upgrade styles
   (area directory, rent tables, admin mobile cards, add-another popup)
═══════════════════════════════════════════════════════════════ */

/* ── B6: white area directory on the homepage ── */
.rv-area-dir { background: #fff; }
.rv-area-tabs .nav-link {
  color: var(--ink, #212224); background: #f4f6f5; border-radius: 999px;
  font-weight: 600; font-size: .9rem; padding: .45rem 1.1rem;
}
.rv-area-tabs .nav-link.active { background: var(--primary, #5FC7A4); color: #fff; }
.rv-area-links { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .35rem .9rem; }
.rv-area-links a {
  color: #4a4f55; text-decoration: none; font-size: .875rem; padding: .3rem .5rem;
  border-radius: 8px; transition: background .15s, color .15s;
}
.rv-area-links a:hover { background: var(--primary-l, #eafaf3); color: var(--primary-d, #2e8f6f); }
.rv-area-links-soc a { font-weight: 500; }
.rv-area-links .rv-pc {
  display: inline-block; min-width: 20px; text-align: center; font-size: 11px;
  background: var(--primary-l, #eafaf3); color: var(--primary-d, #2e8f6f);
  border-radius: 999px; padding: 0 5px; margin-left: 4px;
}

/* ── Rent tables ── */
.rv-rent-table th { white-space: nowrap; font-size: .78rem; }
.rv-rent-table td { font-size: .84rem; }

/* ── Prose blocks on locality pages ── */
.rv-prose p { line-height: 1.75; }
.rv-prose h2 { margin-bottom: .5rem; }

/* ── CWV: reserve space for listing card images (prevents CLS) ── */
.rv-card-img, .prop-card img.card-img-top { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }

/* ═══ B1: Admin/CRM mobile card views ═══ */
.rv-mobile-cards { display: none; }
@media (max-width: 767.98px) {
  .rv-table-desktop { display: none !important; }
  .rv-mobile-cards { display: block; }
}
.rv-mcard {
  background: #fff; border: 1px solid #e7e9ec; border-radius: 14px;
  padding: 14px 16px; margin-bottom: 12px; box-shadow: 0 1px 3px rgba(16,24,40,.05);
}
.rv-mcard .rv-mcard-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; }
.rv-mcard .rv-mcard-name { font-weight: 700; font-size: .95rem; line-height: 1.3; }
.rv-mcard .rv-mcard-sub  { color: #6b7280; font-size: .78rem; margin-top: 2px; }
.rv-mcard .rv-mcard-row  { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 8px; font-size: .8rem; color: #4b5563; }
.rv-mcard .rv-mcard-row i { color: var(--primary, #5FC7A4); margin-right: 4px; }
.rv-mcard .rv-mcard-actions { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.rv-mcard .rv-mcard-actions .btn { padding: .25rem .6rem; font-size: .78rem; }

/* ═══ B4/B5: "Add another?" success popup ═══ */
.rv-addnext-modal .modal-content { border: 0; border-radius: 18px; }
.rv-addnext-icon {
  width: 64px; height: 64px; border-radius: 50%; margin: 0 auto;
  background: var(--primary-l, #eafaf3); display: flex; align-items: center; justify-content: center;
}
.rv-addnext-icon i { font-size: 1.8rem; color: var(--primary-d, #2e8f6f); }