/*
Theme Name: Blocksy Child
Theme URI: http://example.com
Description: Thème enfant de Blocksy
Author: Ton Nom
Author URI: http://example.com
Template: blocksy
Version: 1.0.0
Text Domain: blocksy-child
*/


.registration-steps {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  font-family: sans-serif;
}

.step {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  position: relative;
}

.step:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 15px; /* centré avec le rond */
  right: -50%;
  width: 100%;
  height: 2px;
  background: #ccc;
  z-index: 0;
}

.step-number {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ccc;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  font-weight: bold;
}

.step-label {
  margin-top: 8px;
  text-align: center;
  font-size: 0.9rem;
}

.step.active .step-number {
  background: var(--theme-palette-color-2);
}

.step.active ~ .step .step-number {
  background: #eee; /* pour les étapes suivantes */
}

.step.active ~ .step .step-label {
  color: #999;
}
:root {
  --theme-block-width: clamp(initial, 90vw, 100%);
}
.hero-section {
  width: var(--theme-block-width) !important;
  max-width: 1290px;
  margin: auto !important;
  border-radius: 20px !important;
  overflow: hidden;
  margin-bottom: 40px!important;
}
h1.page-title{text-shadow: 0 0 8px rgba(0, 0, 0, 0.7);}
p{
  margin-bottom: 10px!important;
}