/* Property cards (grid) shared by locality.php and commercial-property.php — markup in includes/locality_cards.php */
/* Badges */
.b-mk,.b-lease,.b-seen{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.3px}
.b-mk{background:#eeebff;color:var(--ink)}
.b-lease{background:var(--primary);color:#fff}
.b-seen{background:#2b2d52;color:#fff}
.av{font-weight:800}
.av.go{color:#14a35a}
.av.uc{color:#d97706}
.blur{filter:blur(4px);user-select:none}
.lc-fav{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.2)}
.lc-fav.on{color:#ef4a81}
.lc-fav.on svg{fill:currentColor}
.lc-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border-radius:10px;background:var(--primary);color:#fff;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 6px 16px rgba(76,51,232,.25)}
.lc-btn svg{flex:none}
.lc-btn:hover{background:var(--primary-dark)}
.lc-btn.ghost{background:#fff;color:var(--primary);border:1.5px solid #b8adf7;box-shadow:none}
.lc-btn.ghost:hover{background:var(--primary-soft)}
.lc-btn.sm{padding:8px 12px;font-size:12px}

/* ===== Grid view ===== */
.lc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.lc-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(25,27,69,.06);transition:.25s}
.lc-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(25,27,69,.12)}
.lc-cimg{position:relative}
.lc-cimg img{width:100%;aspect-ratio:16/9;object-fit:cover}
.lc-cimg .b-mk{position:absolute;top:8px;left:8px;background:#fff}
.lc-cimg .lc-fav{position:absolute;top:7px;right:8px;width:30px;height:30px}
.lc-cbadges{position:absolute;left:8px;bottom:8px;display:flex;gap:5px}
.lc-cbody{display:flex;flex-direction:column;flex:1;padding:12px}
.lc-cprice{display:flex;align-items:baseline;gap:6px}
.lc-cprice b{font-size:16px;font-weight:800}
.lc-cprice i{font-style:normal;color:#c9c8dc}
.lc-cprice small{font-size:12px;color:var(--body);font-weight:600}
.lc-card h3{margin-top:2px;font-size:14.5px;font-weight:800}
.lc-cline{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:12px;color:#33355c;font-weight:500}
.lc-cline svg{flex:none;color:var(--body)}
.lc-cavail{display:flex;justify-content:space-between;gap:6px;margin-top:8px;font-size:11.5px}
.lc-cavail small{color:var(--body)}
.lc-cfoot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid var(--border);font-size:11.5px}
.lc-cfoot{margin-top:10px}
.lc-cwho,.lc-cwho1{min-width:0}
.lc-cwho p,.lc-cwho1{display:flex;align-items:center;gap:5px;color:#33355c;white-space:nowrap;overflow:hidden}
.lc-cwho p+p{margin-top:3px}
.lc-cwho small,.lc-cwho1 small{color:var(--body)}
.lc-cwho svg,.lc-cwho1 svg{flex:none;color:var(--primary)}
.lc-grid[hidden],.lc-list[hidden]{display:none}
@media(max-width:1280px){.lc-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.lc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.lc-grid{grid-template-columns:1fr}}

/* No photo: a plain note, never a stock picture */
.no-img img,.no-img::after{display:none}
.sr-img.no-img,.lc-cimg.no-img,.lc-nimg.no-img,.sp-fc-img.no-img{display:flex;align-items:flex-end;justify-content:center;aspect-ratio:16/9.5;padding-bottom:14%;background:#f4f2fd url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a99df5%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22m21%2015-5-5L5%2021%22%2F%3E%3C%2Fsvg%3E") center 38%/40px no-repeat}
.lc-cimg.no-img{aspect-ratio:16/9}
.no-img::before{content:"Photo not available";font-size:12px;font-weight:600;color:#9a9cbd}