/* ==============================================================
   IMMO-2026.08.12-01  —  style_site_logement.css
   Historique :
   - 2026.08.12-01 : creation. Extraction du bloc <style> qui vivait
                     dans le head de I_SiteLogement.php (equipements
                     et pieces). Feuille SPECIFIQUE a la fiche
                     logement, chargee via $cssSpecifique : ne jamais
                     y mettre de regle partagee, style_site_public.css
                     sert toutes les pages publiques.
   ============================================================== */

/* ── Liste des equipements ─────────────────────────────────────── */
.sp-equip-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 32px; margin: 8px 0 18px; }
.sp-equip-item { display: flex; align-items: center; gap: 14px; font-size: 1rem; color: #2c3540; }
.sp-equip-ic { flex: none; width: 24px; text-align: center; font-size: 1.15em; color: #21402f; }
.sp-equip-cache { display: none; }
.sp-equip-liste.sp-equip-ouvert .sp-equip-cache { display: flex; }
.sp-equip-plus {
    display: inline-block; margin-bottom: 8px; padding: 12px 22px;
    background: #fff; border: 1px solid #2c3540; border-radius: 10px;
    font-family: inherit; font-size: .95rem; font-weight: 600; color: #2c3540; cursor: pointer;
    transition: background .15s ease;
}
.sp-equip-plus:hover { background: #f4f6f3; }
@media (max-width: 560px) { .sp-equip-liste { grid-template-columns: 1fr; } }

/* ── Section Equipements par piece (inventaire) ────────────────── */
.sp-pieces-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 18px;
    margin: 8px 0 28px;
}
.sp-piece-carte {
    border: 1px solid #e3e6e0;
    border-radius: 12px;
    padding: 20px 22px;
    background: #fff;
}
.sp-piece-titre {
    font-size: 1.05rem;
    margin: 0 0 12px;
    color: #21402f;
}
.sp-piece-icones {
    display: flex;
    gap: 10px;
    font-size: 1.3rem;
    color: #2c3540;
    margin-bottom: 6px;
}
.sp-piece-liste {
    list-style: none;
    padding: 0;
    margin: 0 0 10px;
}
.sp-piece-liste li {
    color: #21402f;
    padding: 2px 0;
    font-size: .98rem;
}
.sp-piece-liste li:last-child { margin-bottom: 0; }
.sp-piece-taille { color: #7a857b; font-size: .9em; }
.sp-piece-qte { color: #21402f; font-weight: 600; }
@media (max-width: 560px) { .sp-pieces-grid { grid-template-columns: 1fr; } }