////
///
/// Drilldown Classes
/// ===========================================================================
///
/// CSS classes for drilldown navigation components.
/// All functionality is defined in mixins - classes only include them.
///
/// @group Classes.BodyMolecules.Navigation.Drilldown
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

// ============================================================================
// Use
// ============================================================================

@use "../../../mixins/body_molecules/navigation/drilldown" as *;

// ============================================================================
// Drilldown Classes
// ============================================================================

.drilldown {
    @include drilldown--container;
}

.drilldown__wrapper {
    @include drilldown--wrapper;
}

.drilldown__level {
    @include drilldown--level;
}

.drilldown__item {
    @include drilldown--item;

    &.has-submenu {
        @include drilldown--has-submenu;
    }

    &.is-active {
        @include drilldown--item-active;
    }

    &.is-disabled {
        @include drilldown--item-disabled;
    }
}

.drilldown__back {
    @include drilldown--back;
}

.drilldown__title {
    @include drilldown--submenu-title;
}

// Variants
.drilldown--compact {
    @include drilldown--compact;
}

.drilldown--bordered {
    @include drilldown--bordered;
}

.drilldown--dark {
    @include drilldown--dark;
}

// Animation states (controlled via JS)
.drilldown--auto-height .drilldown__wrapper {
    @include drilldown--auto-height;
}

// Depth navigation classes (0-5 levels)
@for $i from 0 through 5 {
    .drilldown--depth-#{$i} .drilldown__wrapper {
        @include drilldown--go-to-level($i);
    }
}