/* backend/domains/layout/static/layout/css/utilities.css */

/* ============================
   UTILITIES
============================ */

/*
   Глобальные utility-классы.

   ВАЖНО:
   - Без typography
   - Без navbar
   - Без footer
   - Без responsive layout logic
*/

/* ----------------------------
   Text helpers
---------------------------- */

.nowrap-text {
    white-space: nowrap;
}

.break-word {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* ----------------------------
   Visibility helpers
---------------------------- */

.hidden {
    display: none !important;
}

.visible {
    display: block !important;
}

/* ----------------------------
   Flex helpers
---------------------------- */

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

/* ----------------------------
   Width / spacing helpers
---------------------------- */

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.mt-auto {
    margin-top: auto;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

/* ----------------------------
   Cursor helpers
---------------------------- */

.cursor-pointer {
    cursor: pointer;
}

/* ----------------------------
   Overflow helpers
---------------------------- */

.overflow-hidden {
    overflow: hidden;
}

.overflow-auto {
    overflow: auto;
}

/* ----------------------------
   Position helpers
---------------------------- */

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

/* ----------------------------
   Z-index helpers
---------------------------- */

.z-1 {
    z-index: 1;
}

.z-10 {
    z-index: 10;
}

.z-100 {
    z-index: 100;
}