/* JT Properties Solutions Ltd - listings page (2026-10-29). Uses the tokens in styles.css. */
.lt-bar{text-align:center}
.lt-tabs{display:inline-flex;gap:6px;padding:6px;background:var(--white);border:1px solid var(--border);border-radius:999px;margin-bottom:32px}
.lt-tab{font:inherit;font-size:15px;font-weight:600;color:var(--slate-2);background:transparent;border:0;border-radius:999px;padding:11px 26px;cursor:pointer;transition:background .15s,color .15s}
.lt-tab:hover{color:var(--navy-ink)}
.lt-tab[aria-selected="true"]{background:var(--navy-ink);color:#fff}
.lt-tab:focus-visible{outline:3px solid var(--brass);outline-offset:2px}
.lt-panel:focus-visible{outline:none}
.lt-empty{background:var(--white);border:1px solid var(--border);border-radius:var(--rxl);padding:48px 40px;text-align:center;max-width:780px;margin:0 auto}
.lt-empty-icon{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:var(--gold-pale);color:var(--gold-dark);display:flex;align-items:center;justify-content:center}
.lt-empty h2{font-family:'Playfair Display',serif;font-size:clamp(24px,2.4vw,32px);color:var(--navy-dark);margin-bottom:10px;line-height:1.2}
.lt-empty p{color:var(--text-body);font-size:15.5px;max-width:560px;margin:0 auto 22px}
.lt-empty .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.listing-card .card-img{height:220px;background:var(--cream-dark)}
.lc-noimg{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px}
.lc-badge.lc-rent{background:var(--teal);color:#fff}
.lc-status{position:absolute;top:12px;right:12px;background:var(--navy-ink);color:#fff;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:4px 10px;border-radius:20px}
.listing-card .lc-price{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;color:var(--navy-dark);margin-bottom:4px;line-height:1.3}
.lc-q{font-family:'Inter',sans-serif;font-size:13px;font-weight:500;color:var(--text-muted)}
.listing-card .lc-loc{font-size:14px;color:var(--slate-2);margin-bottom:6px}
.listing-card .lc-facts{font-size:14px;font-weight:600;color:var(--navy-ink);margin-bottom:10px}
.listing-card .lc-mi{list-style:none;margin:0 0 16px;display:flex;flex-wrap:wrap;gap:6px}
.lc-mi li{font-size:12.5px;background:var(--white);border:1px solid var(--border);border-radius:6px;padding:4px 8px;color:var(--slate)}
.lc-mi li span{color:var(--text-muted);margin-right:4px}
.lc-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.lc-ref{font-size:12px;color:var(--text-muted)}
.lc-btn{padding:10px 18px}
.lead-wrap{max-width:820px;margin:0 auto}
.lead-wrap fieldset{border:0;margin:0 0 14px;padding:0}
.lead-wrap legend{font-size:13px;font-weight:600;margin-bottom:6px}
.lf-choices{display:flex;gap:10px;flex-wrap:wrap}
.lf-choices label{display:flex;align-items:center;gap:8px;font-size:14px;background:var(--cream);border:1px solid var(--border);border-radius:var(--r);padding:10px 14px;cursor:pointer}
.lf-choices input{accent-color:var(--navy-ink)}
#lead-success{text-align:center;padding:30px 10px}
#lead-success:focus{outline:none}
.lt-owner{margin-top:28px;text-align:center;font-size:15px;color:var(--text-body)}
@media(max-width:960px){.lt-grid.grid3{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.lt-grid.grid3{grid-template-columns:1fr}.lt-tabs{display:flex}.lt-tab{flex:1;padding:11px 10px}.lt-empty{padding:36px 22px}.lead-wrap .row{grid-template-columns:1fr}}
