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

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

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

// ============================================================================
// List Group Classes
// ============================================================================

// Base list group
.list_group {
    @include list_group;

    // Flush variant - removes borders and rounded corners
    &--flush {
        @include list_group--flush;
    }

    // Horizontal variant
    &--horizontal {
        @include list_group--horizontal;
    }

    // Numbered list group
    &--numbered {
        @include list_group--numbered;
    }
}

// List group item
.list_group__item {
    @include list_group__item;

    // Active state
    &--active {
        @include list_group__item--active;
    }

    // Disabled state
    &--disabled,
    &:disabled {
        @include list_group__item--disabled;
    }

    // Actionable items (links and buttons)
    &--action {
        @include list_group__item--action;
    }

    // Color variants
    &--primary {
        @include list_group__item--primary;
    }

    &--success {
        @include list_group__item--success;
    }

    &--warning {
        @include list_group__item--warning;
    }

    &--danger {
        @include list_group__item--danger;
    }

    &--info {
        @include list_group__item--info;
    }
}

// List group item content helpers
.list_group__item__heading {
    @include list_group__item__heading;
}

.list_group__item__text {
    @include list_group__item__text;
}

// Checkbox/radio in list group
.list_group__item__input {
    @include list_group__item__input;
}