/**
 * Custom CSS for WNA Dashboard
 * Fix strikethrough issue on stepper current items
 */

/* High specificity overrides for all stepper elements */
#kt_stepper *,
#kt_stepper *::before,
#kt_stepper *::after,
.stepper *,
.stepper *::before,
.stepper *::after {
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-style: none !important;
    text-decoration-color: transparent !important;
}

/* Target stepper-links variant with maximum specificity */
.stepper.stepper-links .stepper-nav .stepper-item,
.stepper.stepper-links .stepper-nav .stepper-item *,
.stepper.stepper-links .stepper-item,
.stepper.stepper-links .stepper-item *,
.stepper.stepper-links .stepper-item *::before,
.stepper.stepper-links .stepper-item *::after {
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-style: none !important;
}

/* Target all states with high specificity */
.stepper-item.current .stepper-title,
.stepper-item.current .stepper-desc,
.stepper-item.current .stepper-label,
.stepper-item.current .stepper-wrapper,
.stepper-item.current *,
.stepper-item.completed .stepper-title,
.stepper-item.completed .stepper-desc,
.stepper-item.completed .stepper-label,
.stepper-item.completed .stepper-wrapper,
.stepper-item.completed *,
.stepper-item .stepper-title,
.stepper-item .stepper-desc,
.stepper-item .stepper-label,
.stepper-item .stepper-wrapper,
.stepper-item * {
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-style: none !important;
}

/* Direct h3 targeting */
h3.stepper-title,
.stepper h3,
.stepper-label h3,
.stepper-item h3 {
    text-decoration: none !important;
    text-decoration-line: none !important;
}

/* Fix alignment for stepper-links */
.stepper.stepper-links .stepper-nav {
    justify-content: flex-start !important;
}

.stepper.stepper-links .stepper-nav .stepper-item {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.stepper.stepper-links .stepper-nav .stepper-item .stepper-icon {
    display: none;
}

.stepper.stepper-links .stepper-nav .stepper-item .stepper-wrapper {
    display: flex;
    align-items: center;
}

.stepper.stepper-links .stepper-nav .stepper-item .stepper-label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.stepper.stepper-links .stepper-nav .stepper-item .stepper-title {
    margin: 0;
    line-height: 1.2;
}

.stepper.stepper-links .stepper-nav .stepper-item .stepper-title::before {
    content: "✓ ";
    margin-right: 0.5rem;
}

/* Fix the line position - move above text */
.stepper.stepper-links .stepper-nav .stepper-item:after {
    top: -0.5rem !important;
}
