/**
 * ChurchCRM Custom Spacing & Flex Utilities
 * 
 * BOOTSTRAP SPACING UTILITIES REMOVED:
 * Bootstrap (via AdminLTE) provides all standard spacing utilities:
 * - .m-*, .mt-*, .mr-*, .mb-*, .ml-*, .mx-*, .my-* (margin)
 * - .p-*, .pt-*, .pr-*, .pb-*, .pl-*, .px-*, .py-* (padding)
 * - .m-auto, .mt-auto, .mr-auto, .mb-auto, .ml-auto, .mx-auto, .my-auto
 * - All with responsive breakpoints: -sm, -md, -lg, -xl suffixes
 * 
 * Use Bootstrap spacing classes directly instead of duplicating here.
 * See: https://getbootstrap.com/docs/4.6/utilities/spacing/
 */

/* ============================================
   CUSTOM FLEX UTILITIES (NOT in Bootstrap)
   ============================================ */

/**
 * Flex row utilities for equal-height columns
 * Creates flex container with auto-sizing child columns
 */
.row-flex,
.row-flex > div[class*="col-"] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 1 auto;
}

/**
 * Flex row wrapper for wrapping content
 * Allows flex items to wrap and align content to start
 */
.row-flex-wrap {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    align-content: flex-start;
    flex: 0;
}
