/**
 * Project: Driven Racing – Drupal 11 tweaks
 * File: css/layout-core.css
 *
 * Version: 2025-12-04 v1.0.1
 *
 * Change log:
 * - 2025-12-04 20:10  (v1.0.1) Reinstate and harden containment for the
 *                     main menu lane and page title / selector lane so
 *                     they render inside a centered 1140px box again:
 *                     add explicit boxing rules with higher specificity
 *                     for header navbar container and .page-title-
 *                     container (used by the motorcycle selector bar).
 * - 2025-12-04 18:20  (v1.0.0) Initial split from home-header-footer.css
 *                     v1.3.55: move shared layout container, overall
 *                     background, main content boxing, and selector lane
 *                     border rules into this core layout file unchanged.
 */

/******************************
 * SHARED LAYOUT CONTAINER
 ******************************/

.driven-container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 20px;
}

/******************************
 * OVERALL PAGE BACKGROUND
 ******************************/

body.path-frontpage {
  background-color: #2d2f33;
}

/* Shop pages: solid white background */
body.path-shop {
  background-color: #ffffff;
}

/* Hide default Drupal main content on front page */
body.path-frontpage .block-system-main-block {
  display: none;
}

/******************************
 * MAIN CONTENT CONTAINER WIDTH (boxed content site-wide)
 ******************************/

/* Box all primary content lanes (front + interior) */
.dxpr-theme-fluid.content-container,
.dxpr-theme-fluid.content-top-container,
.dxpr-theme-fluid.content-bottom-container,
header#page-title.page-title-container,
.page-title-container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Remove extra vertical gap between selector lane and main content on all pages */
#page-title-full-width-container,
header#page-title.page-title-container {
  margin-bottom: 0;
  padding-bottom: 0;
}

.dxpr-theme-fluid.content-container,
.main-container.container {
  margin-top: 0;
  padding-top: 0;
}

/******************************
 * SELECTOR LANE BORDERS (FULL-WIDTH, ALL PAGES)
 ******************************/

/* Full-width border framing the motorcycle selector lane on all pages */
#page-title-full-width-container {
  border-top: 3px solid #d4d4d4;
  border-bottom: 3px solid #d4d4d4;
}

/******************************
 * HEADER + SELECTOR CONTAINMENT REINFORCEMENT
 *
 * Ensure the DXPR main navbar and the page title / selector lane content
 * sit inside the same 1140px boxed lane as the rest of the site, even
 * if DXPR/theme CSS shifts container rules.
 ******************************/

/* Main menu inner lane: 1140px centered, with horizontal padding */
body header.dxpr-theme-header .navbar-container {
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box;
}

/* Page title + motorcycle selector content: 1140px centered */
body header#page-title.page-title-container,
body .page-title-container {
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box;
}