/* ================================================================
   TRADEPRINT TEMPLATE — LAYOUT UTILITIES
   Spacing · Text · Border helpers
   ================================================================ */

/* ----------------------------------------------------------------
   SPACING UTILITIES
   ---------------------------------------------------------------- */
.m-0   { margin: 0 !important; }
.mb-0  { margin-bottom: 0 !important; }
.mb-1  { margin-bottom: 6px !important; }
.mb-2  { margin-bottom: 12px !important; }
.mb-3  { margin-bottom: 18px !important; }
.mb-4  { margin-bottom: 28px !important; }

.mt-2  { margin-top: 12px !important; }
.mt-3  { margin-top: 18px !important; }
.mt-4  { margin-top: 28px !important; }

.ms-1  { margin-left: 6px !important; }
.ms-2  { margin-left: 12px !important; }
.me-1  { margin-right: 6px !important; }
.me-2  { margin-right: 12px !important; }
.ms-auto { margin-left: auto !important; }

.p-0   { padding: 0 !important; }

/* ----------------------------------------------------------------
   DIMENSION UTILITIES
   ---------------------------------------------------------------- */
.w-100  { width: 100% !important; }
.w-auto { width: auto !important; }
.w-fit  { width: fit-content !important; }
.h-100  { height: 100% !important; }

/* ----------------------------------------------------------------
   TEXT UTILITIES
   ---------------------------------------------------------------- */
.text-center  { text-align: center !important; }
.text-left    { text-align: left !important; }
.text-right   { text-align: right !important; }

@media (max-width: 767px) {
    .text-md-end { text-align: left !important; }
}
@media (min-width: 768px) {
    .text-md-end { text-align: right !important; }
}

.fw-bold { font-weight: 700 !important; }

/* ----------------------------------------------------------------
   OVERFLOW & FLEX UTILITIES
   ---------------------------------------------------------------- */
.overflow-auto    { overflow: auto; }
.overflow-x-auto  { overflow-x: auto; }
.flex-wrap        { flex-wrap: wrap; }
.d-grid           { display: grid; }
.inline-block     { display: inline-block; }

/* ----------------------------------------------------------------
   BORDER UTILITIES
   ---------------------------------------------------------------- */
.border     { border: 1px solid var(--tp-border); }
.border-top { border-top: 1px solid var(--tp-border); }