/* BLACKLINE — VERSION STABLE */

/* FOND GLOBAL */
body,
#sb-main-container {
  background: #000 !important;
  font-family: "Inter", sans-serif !important;
}

/* HEADER */
header,
#header,
.sb-header,
.sb-top,
nav {
  background: #000 !important;
}

header *,
#header *,
.sb-header *,
.sb-top *,
nav * {
  color: #fff !important;
}

/* ZONE HERO */
#sb-main-container .cover,
#sb-main-container .sb-cover {
  background: transparent !important;
}

/* ONGLETS */
#sb-timeline #steps .tab,
#sb-timeline #steps .tab a {
  background: #111 !important;
  color: #fff !important;
}

/* PACKS — DA BLACKLINE */
#sb-timeline .item.panel {
  background: #111 !important;
  border: 1px solid #262626 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  margin-bottom: 26px !important;
  box-shadow: 0 12px 35px rgba(0,0,0,0.35) !important;
}

/* Contenu interne */
#sb-timeline .item.panel .txt,
#sb-timeline .item.panel .info,
#sb-timeline .item.panel .content {
  background: #111 !important;
  color: #f5f5f5 !important;
}

/* Zone droite bouton */
#sb-timeline .item.panel .tbar,
#sb-timeline .item.panel .bar,
#sb-timeline .item.panel [class*="bar"] {
  background: #161616 !important;
  border-left: 1px solid #2b2b2b !important;
}

/* Texte général */
#sb-timeline .item.panel h3,
#sb-timeline .item.panel p,
#sb-timeline .item.panel span,
#sb-timeline .item.panel div {
  color: #e8e8e8 !important;
}

/* Titre pack */
#sb-timeline .item.panel h3 {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

/* Prix / durée */
#sb-timeline .item.panel b,
#sb-timeline .item.panel strong {
  color: #fff !important;
  font-weight: 700 !important;
}

/* Bouton sélectionner */
a.btn.select {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #fff !important;
  border-radius: 3px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

/* Texte bouton */
a.btn.select * {
  color: #000 !important;
}

/* Hover bouton */
a.btn.select:hover {
  background: #000 !important;
  color: #fff !important;
  border-color: #fff !important;
}

a.btn.select:hover * {
  color: #fff !important;
}

/* Afficher plus */
#sb-timeline .item.panel a.more,
#sb-timeline .item.panel .more,
#sb-timeline .item.panel .read_more {
  color: #d6d6d6 !important;
  background: transparent !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* Images */
#sb-timeline .item.panel img {
  display: block !important;
}

/* Séparation subtile entre packs */
#sb-timeline .item.panel:not(:last-child) {
  margin-bottom: 30px !important;
}