/* 
 * Container Override
 * This file provides fixed, consistent side gaps for all pages.
 * It is enqueued after Tailwind to ensure it wins.
 */

.container {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1440px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

@media (min-width: 768px) {
  .container {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1536px !important;
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media (min-width: 1920px) {
  .container {
    max-width: 1700px !important; /* Proper gap on big monitors */
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
}