/* shared/bootstrap-compat.css — Phase 6 guard.
 *
 * Load order is the contract, in this order, on every page:
 *
 *   1. assets/css/bootstrap-5.3.3-grid.min.css
 *   2. shared/bootstrap-compat.css          <- this file
 *   3. assets/css/bootstrap-5.3.3-utilities.min.css
 *   4. the page's own stylesheets, then its inline <style>
 *
 * Bootstrap loads before every project stylesheet so that a project rule wins
 * an equal-specificity tie, which is what keeps the custom dialogs, the navbar
 * and the hand-written containers looking the way they always have.
 *
 * This file sits at position 2, so it removes the Bootstrap declarations that
 * would otherwise restyle markup the project already defines by hand, while
 * every project rule still wins over what is left here. Moving it below the
 * page's stylesheets turns it into an override and breaks the hand-written
 * .container max-widths on MyAccount, myorders, booking_history and
 * order_details. Moving it above the grid stylesheet lets Bootstrap win again.
 * It stays ahead of the utilities so a gutter utility can still opt in.
 */

.container {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.row {
  --bs-gutter-x: 0;
}