/* List steps */
.lvd-cm-list-steps                                      {position:relative;}
.lvd-cm-list-steps .lvd-section-title                   {color:var(--lvd-color-black);}
.lvd-cm-list-steps .lvd-section-intro.lvd-text-center   {margin-left:auto; margin-right:auto;}
.lvd-cm-list-steps .lvd-section-intro                   {max-width:80%;}

.lvd-cm-list-steps .lvd-stack                           {border-radius:var(--lvd-rounded); padding:32px;}
.lvd-cm-list-steps .lvd-number                          {width:60px; position:relative;}
.lvd-cm-list-steps .lvd-dot                             {position:absolute; z-index:2; top:0; left:0; display:inline-block; height:40px; line-height:40px; min-width:40px; border-radius:20px; text-align:center; font-weight:700; background:var(--lvd-color-success); color:var(--lvd-color-white);}
.lvd-cm-list-steps .lvd-line                            {position:absolute; z-index:1; top:0; left:20px; bottom:0; width:1px;  background:var(--lvd-color-success); opacity:0.3;}
.lvd-cm-list-steps .lvd-card:last-child .lvd-line       {display:none;}

.lvd-cm-list-steps .lvd-content                         {width:calc(100% - 60px); padding:8px 0 24px 0;}
.lvd-cm-list-steps .lvd-content p:last-child            {margin-bottom:0;}
.lvd-cm-list-steps .lvd-title                           {margin-bottom:8px;}


/* Light */
.lvd-cm-list-steps .lvd-style-light .lvd-dot            {background:var(--lvd-color-success); color:var(--lvd-color-white);}
.lvd-cm-list-steps .lvd-style-light .lvd-line           {background:var(--lvd-color-success); opacity:0.3;}

/* Primary Light */
.lvd-cm-list-steps .lvd-style-pl .lvd-dot               {background:var(--lvd-color-primary); color:var(--lvd-color-white);}
.lvd-cm-list-steps .lvd-style-pl .lvd-line              {background:var(--lvd-color-primary); opacity:0.3;}

/* Primary Dark */
.lvd-cm-list-steps .lvd-style-pd .lvd-dot               {background:var(--lvd-color-primary); color:var(--lvd-color-white);}
.lvd-cm-list-steps .lvd-style-pd .lvd-line              {background:var(--lvd-color-primary); opacity:0.3;}

/* Secondary Light */
.lvd-cm-list-steps .lvd-style-sl .lvd-dot               {background:var(--lvd-color-secondary); color:var(--lvd-color-white);}
.lvd-cm-list-steps .lvd-style-sl .lvd-line              {background:var(--lvd-color-secondary); opacity:0.3;}

/* Secondary Dark */
.lvd-cm-list-steps .lvd-style-sd .lvd-dot               {background:var(--lvd-color-secondary); color:var(--lvd-color-white);}
.lvd-cm-list-steps .lvd-style-sd .lvd-line              {background:var(--lvd-color-secondary); opacity:0.3;}

/*Accent */
.lvd-cm-list-steps .lvd-style-accent .lvd-dot           {background:var(--lvd-color-primary-dark); color:var(--lvd-color-white);}
.lvd-cm-list-steps .lvd-style-accent .lvd-line          {background:var(--lvd-color-primary-dark); opacity:0.3;}

/* Dark */
.lvd-cm-list-steps .lvd-style-dark .lvd-dot             {background:var(--lvd-color-white); color:var(--lvd-color-black);}
.lvd-cm-list-steps .lvd-style-dark .lvd-line            {background:var(--lvd-color-white); opacity:0.3;}


/* --- SOLUTION 3: HYBRID APPROACH (2.3 seconds total) --- */
/* Stagger delay: +250ms per step */
/* Transition duration: Reduced to 0.3s-0.6s */

/* --- Starea Inițială (Ascuns) --- */
/* Se aplică DOAR pentru primii 10 copii. */

/* 1. Punctul (Dot) */
.lvd-cm-list-steps.lvd-animate-on-scroll .lvd-card:nth-child(-n+10) .lvd-dot {
    opacity: 0;
    transform: scale(0);
    will-change: transform, opacity;
    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), 
                opacity 0.3s ease-out;
}

/* 2. Linia (Line) */
.lvd-cm-list-steps.lvd-animate-on-scroll .lvd-card:nth-child(-n+10) .lvd-line {
    opacity: 0;
    transform: scaleY(0);
    transform-origin: center center;
    will-change: transform, opacity;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                opacity 0.45s ease-out;
}

/* 3. Textul (Content) */
.lvd-cm-list-steps.lvd-animate-on-scroll .lvd-card:nth-child(-n+10) .lvd-content {
    opacity: 0;
    transform: translateX(15px);
    will-change: opacity, transform;
    transition: opacity 0.6s ease-out, 
                transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* --- EXCEPȚIA: Pasul 11 și următorii (Fără Animație) --- */
.lvd-cm-list-steps.lvd-animate-on-scroll .lvd-card:nth-child(n+11) .lvd-dot,
.lvd-cm-list-steps.lvd-animate-on-scroll .lvd-card:nth-child(n+11) .lvd-line,
.lvd-cm-list-steps.lvd-animate-on-scroll .lvd-card:nth-child(n+11) .lvd-content {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}


/* --- Starea Finală (Vizibil) - Doar pentru primii 10 --- */
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(-n+10) .lvd-dot {
    opacity: 1;
    transform: scale(1);
}

.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(-n+10) .lvd-line {
    opacity: 0.3;
    transform: scaleY(1);
}

.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(-n+10) .lvd-content {
    opacity: 1;
    transform: translateX(0);
}


/* --- COREGRAFIA FINALĂ: 10 PAȘI CU STAGGER +250ms --- */

/* Pasul 1 (0ms delay) */
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(1) .lvd-dot     { transition-delay: 0ms; }
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(1) .lvd-line    { transition-delay: 150ms; }
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(1) .lvd-content { transition-delay: 100ms; }

/* Pasul 2 (+250ms) */
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(2) .lvd-dot     { transition-delay: 250ms; }
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(2) .lvd-line    { transition-delay: 400ms; }
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(2) .lvd-content { transition-delay: 350ms; }

/* Pasul 3 (+500ms) */
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(3) .lvd-dot     { transition-delay: 500ms; }
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(3) .lvd-line    { transition-delay: 650ms; }
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(3) .lvd-content { transition-delay: 600ms; }

/* Pasul 4 (+750ms) */
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(4) .lvd-dot     { transition-delay: 750ms; }
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(4) .lvd-line    { transition-delay: 900ms; }
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(4) .lvd-content { transition-delay: 850ms; }

/* Pasul 5 (+1000ms) */
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(5) .lvd-dot     { transition-delay: 1000ms; }
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(5) .lvd-line    { transition-delay: 1150ms; }
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(5) .lvd-content { transition-delay: 1100ms; }

/* Pasul 6 (+1250ms) */
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(6) .lvd-dot     { transition-delay: 1250ms; }
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(6) .lvd-line    { transition-delay: 1400ms; }
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(6) .lvd-content { transition-delay: 1350ms; }

/* Pasul 7 (+1500ms) */
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(7) .lvd-dot     { transition-delay: 1500ms; }
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(7) .lvd-line    { transition-delay: 1650ms; }
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(7) .lvd-content { transition-delay: 1600ms; }

/* Pasul 8 (+1750ms) */
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(8) .lvd-dot     { transition-delay: 1750ms; }
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(8) .lvd-line    { transition-delay: 1900ms; }
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(8) .lvd-content { transition-delay: 1850ms; }

/* Pasul 9 (+2000ms) */
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(9) .lvd-dot     { transition-delay: 2000ms; }
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(9) .lvd-line    { transition-delay: 2150ms; }
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(9) .lvd-content { transition-delay: 2100ms; }

/* Pasul 10 - Ultimul animat (+2250ms) */
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(10) .lvd-dot     { transition-delay: 2250ms; }
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(10) .lvd-line    { transition-delay: 2400ms; }
.lvd-cm-list-steps.lvd-is-visible .lvd-card:nth-child(10) .lvd-content { transition-delay: 2350ms; }


/* Bm */
@media (min-width:1px) and (max-width:767px)
{
.lvd-cm-list-steps, 
.lvd-cm-list-steps.lvd-px, 
.lvd-cm-list-steps.lvd-pxy                              {padding-left:16px; padding-right:16px;}
.lvd-cm-list-steps .lvd-cm-list-steps-intro             {max-width:100%;}
.lvd-cm-list-steps .lvd-stack                           {padding:16px;}

.lvd-cm-list-steps .lvd-number                          {width:40px;}
.lvd-cm-list-steps .lvd-dot                             {height:30px; line-height:30px; min-width:30px; border-radius:15px; font-size:var(--lvd-text-s1);}
.lvd-cm-list-steps .lvd-line                            {left:15px;}
.lvd-cm-list-steps .lvd-card:last-child .lvd-line       {display:none;}
.lvd-cm-list-steps .lvd-content                         {width:calc(100% - 40px); padding:8px 0 24px 0;}
}

/* Bt */
@media (min-width:768px) and (max-width:1024px)
{
.lvd-cm-list-steps, 
.lvd-cm-list-steps.lvd-px, 
.lvd-cm-list-steps.lvd-pxy                              {padding-left:24px; padding-right:24px;}
}


/* --- Full HD --- */
@media (min-width:1025px) and (max-width:1344px)
{
.lvd-cm-list-steps, 
.lvd-cm-list-steps.lvd-px, 
.lvd-cm-list-steps.lvd-pxy                              {padding-left:32px; padding-right:32px;}
}