/* ═══════════════════════════════════════════════════════════════════════════
   RHIINO — Décors par section & ambiance
   SVG injecté au début de chaque section, derrière le contenu.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Sections : contexte d'empilement isolé pour que z-index:-1 reste confiné */
.demo-hero,
.demo-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

/* Conteneur du décor (premier enfant de chaque section) */
.section-decor {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}

/* Tous les SVG cachés par défaut */
.sdc {
  display: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: .09;
}

/* ── Décors au trait : naturel, apaisant, convivial ─────────────────────── */
.sdc-naturel,
.sdc-apaisant,
.sdc-convivial {
  fill: none;
  stroke: var(--p2);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ── Décor points : professionnel ───────────────────────────────────────── */
.sdc-professionnel {
  fill: none;
  stroke: none;
  opacity: .06;
}
.sdc-professionnel circle { fill: var(--p2); stroke: none; }
.sdc-professionnel rect   { stroke: none; }

/* ── Décor hachures : dynamique ─────────────────────────────────────────── */
.sdc-dynamique {
  fill: none;
  stroke: none;
  opacity: .07;
}
.sdc-dynamique line { stroke: var(--p2); stroke-width: 1; }
.sdc-dynamique rect { stroke: none; }

/* ── Affichage par ton ──────────────────────────────────────────────────── */
body.ton-naturel      .sdc-naturel      { display: block; }
body.ton-apaisant     .sdc-apaisant     { display: block; }
body.ton-professionnel .sdc-professionnel { display: block; }
body.ton-dynamique    .sdc-dynamique    { display: block; }
body.ton-convivial    .sdc-convivial    { display: block; }
/* premium : rien — le vide EST le style */