/* ============================================================
   TRANSITIONS ENTRE SECTIONS — assets/css/transitions.css
   ============================================================ */

/* ── Base commune ── */
.transi {
  line-height: 0;
  display: block;
  overflow: hidden;
  margin-bottom: -2px;
  margin-top: -2px;
}

.transi svg {
  display: block;
  width: 100%;
  height: 80px;
}

/* ══════════════════════════════════════
   1. About assistantes → About maison
   #fefae0 → #ffffff
   Style : vague double organique
══════════════════════════════════════ */
.transi-ass-maison {
  background: #fefae0;
}

.transi-ass-maison svg {
  height: 90px;
}

/* ══════════════════════════════════════
   2. About maison → Contact
   #ffffff → #eef7f1
   Style : diagonale angulaire (clip-path, pas de SVG)
══════════════════════════════════════ */
.transi-maison-contact {
  height: 70px;
  background: linear-gradient(160deg, #ffffff 50%, #eef7f1 50%);
  clip-path: polygon(0 0, 100% 45%, 100% 100%, 0% 100%);
  margin-top: -2px;
  margin-bottom: 0;
  line-height: 0;
  display: block;
}

.transi-maison-contact svg {
  display: none; /* pas besoin de SVG ici */
}

/* ══════════════════════════════════════
   3. Contact → Témoignages
   #eef7f1 → #ffffff
   Style : vague simple sans coins résiduels
══════════════════════════════════════ */




/* ── Responsive ── */
@media (max-width: 768px) {
  .transi svg {
    height: 50px;
  }

  .transi-ass-maison svg {
    height: 55px;
  }

  .transi-maison-contact {
    height: 45px;
  }
}