/**
 * 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;
}

/* 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;
}

/* 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;
}

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

/* 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;
}