/* SEPARATEUR LIGNE DEGRADE*/
.separator-line {
  width: 80%;
  height: 2px;
  margin: 0 auto;
  background: linear-gradient(
    to right,
    transparent 15%,
    var(--primary-light) 40%,
    var(--accent-light) 60%,
    transparent 85%
  );
  opacity: 0.9;
}




/* SEPARATEUR CROIX*/

.separator-crosses {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.8rem;          /* espace entre les croix */
  /*margin: 3.5rem 0;*/
  user-select: none;
  padding: 1.8rem 0;
}

.separator-crosses span {
  font-size: 1.8rem;
  opacity: 0.22;
  color: var(--muted);
  transition: 0.3s ease;
}

[data-theme="dark"] .separator-crosses span {
  opacity: 0.28;
  color: var(--muted-light);
}

.separator-crosses span:hover {
  color: var(--primary);
  opacity: 0.8;
  transform: translateY(-2px);
}