/* =============================
   SECTION “TEAM” (texte blanc sur fond clair)
   ============================= */
   .ps-section--team {
    background-color: #fff;
  }
  .ps-section--team .ps-section__title {
    margin-bottom: 40px;
  }
  .ps-section--team .ps-section__header p {
    margin-bottom: 25px;
  }
  .ps-section--team .ps-list--dot {
    margin-bottom: 35px;
  }
  
  /* =============================
     SECTION PATTERN (Fête des Mères)
     - Fond image + overlay sombre
     - Texte et contenus au-dessus
     ============================= */
  .ps-section--pattern {
    position: relative;
    overflow: hidden; /* pour que l’overlay ne déborde pas */
    background: url('../images/background/banner-brioche.webp') no-repeat bottom center;
    background-attachment: fixed;
    background-size: cover;
  }
  
  /* Overlay semi-transparent */
  .ps-section--pattern::after {
    content: '';
    position: absolute;
    inset: 0; /* top:0; right:0; bottom:0; left:0; */
    background: rgba(0, 0, 0, 0.4); /* 40% d’obscurcissement */
    z-index: 1;
  }
  
  /* Contenu (header + content) au-dessus de l’overlay */
  .ps-section--pattern .ps-section__header,
  .ps-section--pattern .ps-section__content {
    position: relative;
    z-index: 2;
    color: #fff; /* texte blanc pour garantir la lisibilité */
  }

  /* Texte en blanc dans le header de la section “Fête des Mères” */
.ps-section--pattern .ps-section__header {
  color: #fff;
}

.ps-section--pattern .ps-section__header h3,
.ps-section--pattern .ps-section__header p,
.ps-section--pattern .ps-section__header .ps-list--dot li,
.ps-section--pattern .ps-section__header a.ps-btn {
  color: #fff !important;
}

/* Si tu veux aussi que les puces (dot) soient blanches */
.ps-section--pattern .ps-list--dot li::before {
  background-color: #fff;
}

  
  /* =============================
     MEDIA QUERIES
     ============================= */
  @media (max-width: 1199px) {
    .ps-section--team .ps-section__title:before {
      display: none;
    }
  }
  
  @media (max-width: 991px) {
    .ps-section--team .ps-section__header {
      margin-bottom: 50px;
    }
  }
  
  @media (max-width: 767px) {
    .ps-section--team .ps-section__content .col-xs-12 {
      width: 50%;
    }
  }
  
  @media (max-width: 479px) {
    .ps-section--team .ps-section__content .col-xs-12 {
      width: 100%;
    }
  }