////
///
/// Sidebar Section Classes
/// ===========================================================================
///
/// CSS classes for sidebar sections and components.
///
/// @group Classes.HeadContent
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

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

@use "../../mixins/head_content" as *;

// ============================================================================
// Utility Classes
// ============================================================================

.sidebar__search-input {
    @include sidebar__search-input;
}

.sidebar__content {
    @include sidebar__content;
}

.sidebar__section {
    @include sidebar__section;
}

.sidebar__section-header {
    @include sidebar__section-header;
}

.sidebar__subsection-header {
    @include sidebar__subsection-header;
}

.sidebar__list {
    @include sidebar__list;
}

.sidebar__link {
    @include sidebar__list-link;
}

.sidebar__meta {
    @include sidebar__list-meta;
}

// ============================================================================
// Sidebar Accordion Classes
// ============================================================================

.sidebar__accordion {
    @include sidebar__accordion;

    // When accordion is open, rotate the icon
    &[open] > .sidebar__accordion__header > .sidebar__accordion__icon {
        transform: rotate(90deg);
    }
}

.sidebar__accordion__header {
    @include sidebar__accordion__header;
}

.sidebar__accordion__header--nested {
    @include sidebar__accordion__header--nested;
}

.sidebar__accordion__icon {
    @include sidebar__accordion__icon;
}

.sidebar__accordion__content {
    @include sidebar__accordion__content;
}

.sidebar__accordion--nested {
    @include sidebar__accordion--nested;

    // When nested accordion is open, rotate the icon
    &[open] > .sidebar__accordion__header--nested > .sidebar__accordion__icon {
        transform: rotate(90deg);
    }
}

.sidebar__subsection__list {
    @include sidebar__subsection__list;
}

.sidebar__subsection__description {
    @include sidebar__subsection__description;
}