/* ════════════════════════════════════════════════════════
   LIVING — Styles spécifiques à la page Espaces de Vie
   Dépend de : style.css + suites.css
════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════
   M² — Indicateur de surface
════════════════════════════════════════════════════════ */
.room-m2 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: "Cormorant Garamond", serif;
    font-size: 1rem;
    color: #9B7E54;
    margin: 0 0 18px;
    letter-spacing: 0.02em;
}

.room-m2-icon {
    width: 11px;
    height: 11px;
    color: #C5B49A;
    flex-shrink: 0;
    position: relative;
    top: -1px;
}

/* ════════════════════════════════════════════════════════
   HEADER NARRATIF (repris depuis overview.css)
════════════════════════════════════════════════════════ */
.overview-narrative-header {
    background: #FDFAF5;
    padding: 96px max(5vw, 48px) 0;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

.overview-narrative-header .section-text {
    margin: 0 auto;
}

/* ════════════════════════════════════════════════════════
   RESPONSIVE
════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    .room-m2 {
        font-size: 0.92rem;
    }
}