/* ==========================================================================
   Position Utilities
   ========================================================================== */

/* Position Types */
.position-static {
    position: static;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.position-fixed {
    position: fixed;
}

.position-sticky {
    position: sticky;
}

/* Position Values */
.top-0 {
    top: 0;
}

.top-4 {
    top: 2.5rem;
}

.top-100 {
    top: 100%;
}

.right-0 {
    right: 0;
}

.right-50 {
    left: 50%;
    transform: translateX(-50%);
}

.bottom-0 {
    bottom: 0;
}

.bottom-100 {
    bottom: 100%;
}

.left-0 {
    left: 0;
}

.inset-0 {
    inset: 0;
}

/* Z-Index Layers */
.z-bottom {
    z-index: var(--layer-bottom);
}

.z-middle {
    z-index: var(--layer-middle);
}

.z-top {
    z-index: var(--layer-top);
}

.z-modal {
    z-index: var(--layer-modal);
}

.z-toast {
    z-index: var(--layer-toast);
}

.z-dropdown {
    z-index: var(--layer-dropdown);
}

.z-navigation {
    z-index: var(--layer-navigation);
}

.z-important {
    z-index: var(--layer-important);
}

/* Special Positioning Patterns */
.coverall {
    position: absolute;
    inset: 0;
    z-index: var(--layer-coverall);
}

.coverall * {
    pointer-events: auto;
}