////
///
/// Toggle Panel Utility Classes
/// ===========================================================================
///
/// CSS classes for toggle panels.
/// All functionality is defined in mixins - classes only include them.
///
/// @group Classes.BodyAtoms.Inputs
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.2.10
/// @access public
///
////

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

@use "../../../mixins/body_atoms/inputs/input_toggle" as *;

// ============================================================================
// Utility Classes | Toggle Panels (Mixin-Based)
// ============================================================================

.toggle_panel {
    @include toggle_panel;
}

.toggle_panel__title {
    @include toggle_panel__title;
}

.toggle_panel__title--float {
    @include toggle_panel__title--float;
}

.toggle_panel__heading {
    @include toggle_panel__heading;
}

.toggle_panel__heading__icon {
    @include toggle_panel__heading__icon;
}

.toggle_panel__gap {
    @include toggle_panel__gap;
}

.toggle_panel__body {
    @include toggle_panel__body;
}

// ============================================================================
// Legacy aliases
// ============================================================================
// Keeps older markup working while the canonical API stays .toggle_panel*

.toggles {
    .panel {
        @include toggle_panel;
    }

    .panel-title {
        @include toggle_panel__title;
    }

    .panel-title > span.float-end {
        @include toggle_panel__title--float;
    }

    .panel-heading {
        @include toggle_panel__heading;
    }

    .panel-heading i {
        @include toggle_panel__heading__icon;
    }

    .panel + .panel {
        @include toggle_panel__gap;
    }

    .panel-body {
        @include toggle_panel__body;
    }
}