////
///
/// Toast Component Classes
/// ===========================================================================
///
/// CSS classes for toast notification components.
/// All functionality is defined in mixins - classes only include them.
///
/// @group Classes.BodyMolecules.Feedback
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

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

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

// ============================================================================
// Toast Classes
// ============================================================================

/// Base toast styles
.toast {
    @include toast--base;
}

/// Toast container (absolute positioning)
.toast-container {
    @include toast--container;
}

/// Toast container (fixed positioning)
#toast-container,
.toast-container--fixed {
    @include toast--fixed-container;
}

/// Toast header
.toast__header {
    @include toast--header;
}

/// Toast body
.toast__body {
    @include toast--body;
}

/// Toast action button
.toast__action {
    @include toast--action;
}

/// Toast close button
.toast__close {
    @include toast--close;
}

// ============================================================================
// Toast Variant Classes
// ============================================================================

/// Info toast
.toast--info {
    @include toast--info;
}

/// Success toast
.toast--success {
    @include toast--success;
}

/// Warning toast
.toast--warning {
    @include toast--warning;
}

/// Error toast
.toast--error {
    @include toast--error;
}

/// Rounded toast
.toast--rounded {
    @include toast--rounded;
}

// ============================================================================
// Toast Position Classes
// ============================================================================

.toast_container--top-start {
    @include toast_container--top-start;
}

.toast_container--top-center {
    @include toast_container--top-center;
}

.toast_container--top-end {
    @include toast_container--top-end;
}

.toast_container--middle-start {
    @include toast_container--middle-start;
}

.toast_container--middle-center {
    @include toast_container--middle-center;
}

.toast_container--middle-end {
    @include toast_container--middle-end;
}

.toast_container--bottom-start {
    @include toast_container--bottom-start;
}

.toast_container--bottom-center {
    @include toast_container--bottom-center;
}

.toast_container--bottom-end {
    @include toast_container--bottom-end;
}