/* 4Rent Commission Inventory — display styles.
   Mirrors the site's listing-card conventions (petrol #0B3B3B) and is the same
   stylesheet used to render the offline HTML preview, so preview == renderer.
   v0.3.2 layout: compact 3:2 photo area with object-fit:contain (the Photos
   Coming Soon graphic is never cropped), flexible min-width:0 text column with
   safe wrapping, buttons contained, image stacks above content when narrow. */
.frci-listings{max-width:860px;margin:0 auto}
.frci-card{margin:0 auto 22px;background:#fff;border:1px solid #ddd6c9;border-radius:10px;overflow:hidden;display:flex;align-items:flex-start}
.frci-card *{box-sizing:border-box}
.frci-photo{flex:0 0 264px;width:264px;aspect-ratio:3/2;background:#f5f1e8;display:flex;align-items:center;justify-content:center}
.frci-photo img{width:100%;height:100%;object-fit:contain;display:block}
.frci-soon{color:#8a7f6a;font-style:italic;text-align:center;padding:12px}
.frci-body{padding:18px 22px;flex:1 1 auto;min-width:0;overflow-wrap:break-word}
.frci-title{margin:0 0 2px;font-size:20px;overflow-wrap:break-word}
.frci-nb{color:#5a6a6a;margin:0 0 8px;font-size:14px;overflow-wrap:break-word}
.frci-rent{font-size:24px;margin:4px 0;color:#0B3B3B}
.frci-rent span{font-size:14px;color:#5a6a6a}
.frci-specs{margin:2px 0 10px;overflow-wrap:break-word}
.frci-desc{font-size:14px;line-height:1.5;overflow-wrap:break-word}
.frci-row{display:flex;gap:10px;font-size:14px;margin:3px 0}
.frci-row span{color:#5a6a6a;flex:0 0 130px}
.frci-row strong{min-width:0;overflow-wrap:anywhere}
.frci-feats{font-size:14px;line-height:1.45;overflow-wrap:break-word}
.frci-fees{font-size:14px;margin-top:10px;overflow-wrap:break-word}
.frci-fees ul{margin:4px 0 0;padding-left:18px}
.frci-ctas{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;max-width:100%}
.frci-cta{border:1px solid #0B3B3B;color:#0B3B3B;padding:8px 14px;border-radius:6px;text-decoration:none;font-size:14px;max-width:100%;text-align:center}
.frci-primary{background:#0B3B3B;color:#fff}
.frci-byline{margin-top:12px;font-size:12px;color:#8a8a8a;overflow-wrap:anywhere}
.frci-draft-badge{display:inline-block;background:#7a6a4a;color:#fff;font-size:12px;padding:2px 8px;border-radius:4px;margin:0 0 8px}
.frci-preview-banner{max-width:860px;margin:0 auto 16px;background:#fbf7ec;border:1px dashed #d8c9a3;border-radius:8px;padding:10px 14px;font-size:14px;color:#7a6a4a}
.frci-pagination{max-width:860px;margin:0 auto 22px;text-align:center}
.frci-pagination .page-numbers{display:inline-block;margin:0 4px;padding:6px 10px;border:1px solid #ddd6c9;border-radius:6px;text-decoration:none;color:#0B3B3B}
.frci-pagination .current{background:#0B3B3B;color:#fff}
@media (max-width:680px){
  .frci-card{flex-direction:column}
  .frci-photo{flex:none;width:100%;aspect-ratio:3/2}
  .frci-body{padding:14px 16px}
  .frci-title{font-size:18px}
  .frci-row span{flex-basis:104px}
  .frci-cta{flex:1 1 100%}
}

/* ================= Phase 1 (v0.4.4) =================
   Partner building pages (/partner-buildings/<slug>/): the module's first
   building stylesheet — desktop table + toolbar, and a mobile card layout
   that replaces the unusable 6-column table on small screens.
   Search bridge additions: partner count line + card building link. */

/* --- /rentals/ partner rail (rendered by the main plugin bridge) --- */
.frci-partner-count{max-width:860px;margin:0 auto 14px;font-size:15px;color:#0B3B3B}
.frci-bld{margin:10px 0 0;font-size:14px}
.frci-bld a{color:#0B3B3B;font-weight:600}

/* --- Building page chrome --- */
.frci-building{max-width:960px;margin:0 auto;padding:0 16px}
.frci-partner-note{background:#fbf7ec;border:1px dashed #d8c9a3;border-radius:8px;padding:10px 14px;font-size:14px;color:#5a5142}
.frci-photo-placeholder{background:#f5f1e8;border:1px solid #ddd6c9;border-radius:10px;color:#8a7f6a;font-style:italic;text-align:center;padding:36px 16px;margin:14px 0}
.frci-fineprint{font-size:13px;color:#5a6a6a}

/* --- Unit table (desktop / wide screens — layout unchanged in shape) --- */
.frci-units{width:100%;border-collapse:collapse;margin:14px 0;background:#fff}
.frci-units th,.frci-units td{border:1px solid #ddd6c9;padding:9px 10px;text-align:left;font-size:15px;vertical-align:middle}
.frci-units thead th{background:#0B3B3B;color:#fff;font-weight:600}
.frci-units tbody tr:nth-child(even){background:#faf8f3}
.frci-units tr.frci-hash-hit{background:#fbf7ec;outline:2px solid #0B3B3B;outline-offset:-2px}
.frci-btn{display:inline-block;background:#0B3B3B;color:#fff;border:1px solid #0B3B3B;padding:8px 14px;border-radius:6px;text-decoration:none;font-size:14px;margin:2px 4px 2px 0;text-align:center}
.frci-btn.alt{background:#fff;color:#0B3B3B}

/* --- Sort/filter toolbar --- */
.frci-toolbar{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;background:#f5f1e8;border:1px solid #ddd6c9;border-radius:8px;padding:10px 14px;margin:14px 0 4px;font-size:14px}
.frci-toolbar .frci-tool{display:flex;align-items:center;gap:8px;color:#0B3B3B;font-weight:600}
.frci-toolbar select{min-height:40px;padding:6px 8px;border:1px solid #0B3B3B;border-radius:6px;background:#fff;font-size:14px;color:#222}
.frci-toolbar .frci-check{cursor:pointer;min-height:40px}
.frci-toolbar .frci-check input{width:20px;height:20px;accent-color:#0B3B3B}
.frci-toolbar .frci-showing{margin-left:auto;color:#5a6a6a;font-weight:400}

/* --- Mobile: each unit row becomes a card (<=680px, matches card rules) --- */
@media (max-width:680px){
  .frci-units,.frci-units tbody,.frci-units tr,.frci-units td{display:block;width:auto}
  .frci-units{border:0;background:transparent;margin:10px 0}
  .frci-units thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .frci-units tbody tr{background:#fff;border:1px solid #ddd6c9;border-radius:10px;padding:12px 14px;margin:0 0 14px}
  .frci-units tbody tr:nth-child(even){background:#fff}
  .frci-units td{border:0;padding:3px 0;display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-size:15px}
  .frci-units td::before{content:attr(data-label);color:#5a6a6a;font-size:13px;flex:0 0 auto}
  .frci-units td:first-child{font-size:17px;font-weight:700;color:#0B3B3B}
  .frci-units td.frci-actions{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:0}
  .frci-units td.frci-actions::before{content:none}
  .frci-units .frci-btn{min-height:44px;display:flex;align-items:center;justify-content:center;margin:0;font-size:15px}
  .frci-toolbar{flex-direction:column;align-items:stretch}
  .frci-toolbar .frci-tool{justify-content:space-between}
  .frci-toolbar select{flex:1 1 auto;min-height:44px}
  .frci-toolbar .frci-showing{margin-left:0}
}