////
///
/// Body Atoms Display Tooltip Classes
/// ===========================================================================
///
/// Utility classes that apply the body_atoms display tooltip mixins.
/// Supports both CSS-only tooltips (using pseudo-elements) and
/// JavaScript-generated tooltip popups.
///
/// @group Classes.BodyAtoms.Display
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.2.10
/// @access public
///
////

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

@use "../../../mixins/body_atoms/display/tooltip" as *;

// ============================================================================
// Tooltip Trigger Classes (CSS pseudo-element tooltips)
// ============================================================================

.tooltip {
    @include tooltip;
}

.tooltip--top {
    @include tooltip--top;
}

.tooltip--bottom {
    @include tooltip--bottom;
}

.tooltip--left {
    @include tooltip--left;
}

.tooltip--right {
    @include tooltip--right;
}

.tooltip--static {
    @include tooltip--static;
}

// ============================================================================
// Tooltip Popup Classes (JavaScript-generated)
// ============================================================================
// These classes style the tooltip popup elements dynamically created by the
// JavaScript Tooltip component using data-ss="tooltip" attributes.

.tooltip__popup {
    @include tooltip__popup;

    &--visible {
        @include tooltip__popup--visible;
    }

    &--top {
        @include tooltip__popup--top;
    }

    &--bottom {
        @include tooltip__popup--bottom;
    }

    &--left {
        @include tooltip__popup--left;
    }

    &--right {
        @include tooltip__popup--right;
    }
}