/* ============================================================
   sections/banner-strip/style.css
   ============================================================ */

.banner-strip {
  background:    var(--banner-strip-bg, var(--bg-color));
  color:         var(--banner-strip-text, inherit);
  padding:       var(--banner-strip-padding, 2rem 0);
  border-top:    var(--banner-strip-border-t, none);
  border-right:  var(--banner-strip-border-r, none);
  border-bottom: var(--banner-strip-border-b, none);
  border-left:   var(--banner-strip-border-l, none);
  border-radius: var(--banner-strip-radius, 0);
  box-shadow:    var(--banner-strip-shadow, none);
}

/* ── Bloc note ──────────────────────────────────────────────── */
.banner-strip .strip-note {
  background:    var(--banner-strip-note-bg, transparent);
  padding:       var(--banner-strip-note-padding, 2rem);
  border-radius: var(--banner-strip-note-radius, 0);
  border-top:    var(--banner-strip-note-border-t, none);
  border-right:  var(--banner-strip-note-border-r, none);
  border-bottom: var(--banner-strip-note-border-b, none);
  border-left:   var(--banner-strip-note-border-l, none);
  box-shadow:    var(--banner-strip-note-shadow, none);
}

.banner-strip .strip-note p {
  font-size: 1.1rem;
  margin-bottom: 1.5rem;
  color: var(--banner-strip-text, var(--text-color));
  font-family: var(--banner-strip-label-font, inherit);
  font-weight: var(--banner-strip-label-weight, inherit);
}

/* ── Rangée d'items ─────────────────────────────────────────── */
.banner-strip .included-features {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.banner-strip .included-features span {
  display: flex;
  align-items: center;
  gap: .4rem;
  font-size: .9rem;
  color:         var(--banner-strip-item-color, var(--banner-strip-text, var(--text-color)));
  background:    var(--banner-strip-item-bg, transparent);
  border-radius: var(--banner-strip-item-radius, 0);
  border-top:    var(--banner-strip-item-border-t, none);
  border-right:  var(--banner-strip-item-border-r, none);
  border-bottom: var(--banner-strip-item-border-b, none);
  border-left:   var(--banner-strip-item-border-l, none);
  box-shadow:    var(--banner-strip-item-shadow, none);
  padding: .3rem .7rem;
}

.banner-strip .included-features i {
  color: var(--primary-color);
}

@media (max-width: 768px) {
  .banner-strip .included-features {
    flex-direction: column;
    align-items: center;
    gap: .75rem;
  }
}