/* Modale spécifique onboarding */
.bdm-ob-dialog {
    max-width: 600px;
    padding: 0; /* On gère le padding en interne */
    overflow: hidden;
}



/* Slider Container */
.bdm-ob-slider-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.bdm-ob-track {
    display: flex;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    width: 100%;
}

.bdm-ob-slide {
    flex: 0 0 100%;
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
}

/* Footer (Boutons et points) */
.bdm-ob-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 40px;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
}

/* Dots */
.bdm-ob-dots {
    display: flex;
    gap: 8px;
}

.bdm-ob-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #cbd5e1;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: background 0.2s, transform 0.2s;
}

.bdm-ob-dot.is-active {
    background: var(--color-blue-primary, #0b1a52);
    transform: scale(1.2);
}

.bdm-ob-actions {
    display: flex;
    gap: 12px;
}
.bdm-ob-actions .bdm-btn{
	color: var(--color-blue-primary);
}
.bdm-ob-actions .bdm-btn:hover{
	color: #fff;
}
.bdm-ob-skip{
	font-weight: 500;
}
.bdm-ob-skip:hover{
	color: #fff;
}