/* Mes projets (inc/projets.php, 28/10): the list of rooms and the Chambre project, on the look of /mon-projet/. */
.projets__liste { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.2rem; margin: 1.6rem 0 1.2rem; padding: 0; list-style: none; }
.projets__piece { display: flex; flex-direction: column; padding: 1.3rem 1.4rem 1.2rem; border: 1px solid var(--trait); border-radius: 14px; background: var(--blanc); }
.projets__piece.est-commence { border-color: color-mix(in srgb, var(--vert-ok) 40%, var(--trait)); background: color-mix(in srgb, var(--vert-ok) 5%, var(--blanc)); }
.projets__univers { margin: 0 0 .3rem; font: 600 .74rem/1.2 var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--feutre); }
.projets__nom { margin: 0 0 .5rem; font: 400 1.9rem/1.1 var(--serif); }
.projets__desc { margin: 0 0 .8rem; line-height: 1.55; }
.projets__etat { margin: 0 0 1rem; font-size: .92rem; color: var(--feutre); }
.est-commence .projets__etat { color: var(--anthracite); }
.projets__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1.2rem; margin: auto 0 0; }
.projets__matelas { margin: .6rem 0 1rem; padding: 0; list-style: none; }
.projets__matelas li + li { border-top: 1px solid var(--trait); }
.projets__matelas a { display: grid; grid-template-columns: 72px 1fr; gap: .7rem; align-items: center; padding: .55rem 0; color: inherit; text-decoration: none; }
.projets__matelas a:hover b { text-decoration: underline; }
.projets__matelas img, .projets__matelas a > span[aria-hidden] { width: 72px; height: 54px; object-fit: cover; border-radius: 6px; background: var(--platre); }
.projets__matelas-texte { display: flex; flex-direction: column; gap: .15rem; min-width: 0; font-size: .9rem; }
.projets__matelas-texte b { font-weight: 600; }
.projets__matelas-texte > span { color: var(--feutre); }