/**
 * Override Bootstrap containers.scss completely
 * This file removes all padding from Bootstrap containers
 */

/* Remove padding from all container types */
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem !important;
  --bs-gutter-y: 0 !important;
  width: 100% !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

/* Responsive max-width for .container */
.container {
  max-width: 95% !important;
}

@media (min-width: 1400px) {
  .container {
    max-width: 1400px !important;
  }
}

/* Override with higher specificity */
html body .container,
html body .container-fluid,
html body .container-xxl,
html body .container-xl,
html body .container-lg,
html body .container-md,
html body .container-sm {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* Responsive max-width for .container with higher specificity */
html body .container {
  max-width: 95% !important;
}

@media (min-width: 1400px) {
  html body .container {
    max-width: 1400px !important;
  }
}

/* Target specific Bootstrap selectors */
body > .container,
body > .container-fluid,
body > [class*="container-"],
#main-content .container,
#main-content .container-fluid,
#main-content [class*="container-"],
main .container,
main .container-fluid,
main [class*="container-"] {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* Responsive max-width for .container in specific contexts */
body > .container,
#main-content .container,
main .container {
  max-width: 95% !important;
}

@media (min-width: 1400px) {
  body > .container,
  #main-content .container,
  main .container {
    max-width: 1400px !important;
  }
}

/* Override Bootstrap row gutters as well */
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
}

/* Column padding preserved for Bootstrap grid system */
/* Use .row-no-gutters class to remove column padding when needed */
.row-no-gutters > * {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* Optional: Add padding back with utility classes */
.container-padded,
.container-fluid-padded {
  padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
  padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
}

/* Optional: Row with padding */
.row-padded > * {
  padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
  padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
}