// Bootstrap 4 Grid System - Scoped under .pj-admin
// This file imports Bootstrap's grid system and scopes it to prevent conflicts

// Import Bootstrap's functions and variables first
@import "../../node_modules/bootstrap/scss/functions";
@import "../../node_modules/bootstrap/scss/variables";
@import "../../node_modules/bootstrap/scss/mixins";

// Scope all Bootstrap grid classes under .pj-admin
.pj-admin {
  // Import Bootstrap's core utilities needed for grid
  @import "../../node_modules/bootstrap/scss/root";
  @import "../../node_modules/bootstrap/scss/reboot";
  @import "../../node_modules/bootstrap/scss/grid";
  
  // Import Bootstrap utilities that work well with the grid
  @import "../../node_modules/bootstrap/scss/utilities/display";
  @import "../../node_modules/bootstrap/scss/utilities/flex";
  @import "../../node_modules/bootstrap/scss/utilities/spacing";
  @import "../../node_modules/bootstrap/scss/utilities/sizing";
  
  // Custom adjustments for WordPress admin compatibility
  .container,
  .container-fluid {
    // Ensure containers work well in WordPress admin
    box-sizing: border-box;
  }
  
  .row {
    // Prevent overflow issues in WordPress admin
    box-sizing: border-box;
    max-width: 100%;
  }
  
  // All column classes
  [class*="col-"] {
    box-sizing: border-box;
    // Prevent shrinking below content
    min-height: 1px;
  }
  
  // Equal height row utility for cards
  .row-equal-height {
    display: flex;
    flex-wrap: wrap;
    
    > [class*="col-"] {
      display: flex;
      flex-direction: column;
    }
  }
}