/**
 * Project: Driven Racing – Drupal 11 tweaks
 * File: css/frontpage-hero.css
 *
 * Version: 2025-12-04 v1.0.0
 *
 * Change log:
 * - 2025-12-04 18:26  (v1.0.0) Initial split from home-header-footer.css
 *                     v1.3.55: move selector ↔ slider gap rules and front
 *                     page hero slider visibility / framing into this file.
 */

/******************************
 * GAPS: SELECTOR ↔ SLIDER
 ******************************/

/* Normalize selector blocks and their <hr> */
#block-dxpr-theme-startheremotorcycleselector,
#block-dxpr-theme-mymotorcycle,
#block-dxpr-theme-motorcycleselector {
  margin: 0;
  padding: 0;
}

#block-dxpr-theme-startheremotorcycleselector .block-hr,
#block-dxpr-theme-mymotorcycle .block-hr,
#block-dxpr-theme-motorcycleselector .block-hr {
  margin: 0;
  padding: 0;
}

/* Normalize slider block and its <hr> */
#block-dxpr-theme-views-blockdriven-home-slider-block-1,
section.block-views-blockdriven-home-slider-block-1 {
  margin: 0;
  padding: 0;
}

#block-dxpr-theme-views-blockdriven-home-slider-block-1 .block-hr,
section.block-views-blockdriven-home-slider-blockdriven-home-slider-block-1 .block-hr {
  margin: 0;
  padding: 0;
}

/* Front page: make selector header and slider sit perfectly flush */
body.path-frontpage #page-title-full-width-container,
body.path-frontpage header#page-title.page-title-container,
body.path-frontpage #block-dxpr-theme-startheremotorcycleselector,
body.path-frontpage #block-dxpr-theme-mymotorcycle,
body.path-frontpage #block-dxpr-theme-motorcycleselector,
body.path-frontpage #block-dxpr-theme-startheremotorcycleselector .block-hr,
body.path-frontpage #block-dxpr-theme-mymotorcycle .block-hr,
body.path-frontpage #block-dxpr-theme-motorcycleselector .block-hr,
body.path-frontpage .dxpr-theme-fluid.content-top-container,
body.path-frontpage .dxpr-theme-fluid.content-top-container .region-content-top,
body.path-frontpage .dxpr-theme-fluid.content-top-container .region.region-content-top,
body.path-frontpage #block-dxpr-theme-views-blockdriven-home-slider-block-1,
body.path-frontpage section.block-views-blockdriven-home-slider-block-1,
body.path-frontpage #block-dxpr-theme-views-blockdriven-home-slider-block-1 .block-hr,
body.path-frontpage section.block-views-blockdriven-home-slider-block-1 .block-hr {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/******************************
 * FRONT PAGE SLIDER VISIBILITY / WIDTH
 ******************************/

/* Hide hero slider on all pages by default */
#block-dxpr-theme-views-blockdriven-home-slider-block-1,
section.block-views-blockdriven-home-slider-block-1 {
  display: none;
}

/* Front page: ensure hero slider is visible and not boxed */
body.path-frontpage #block-dxpr-theme-views-blockdriven-home-slider-block-1,
body.path-frontpage section.block-views-blockdriven-home-slider-block-1 {
  display: block;
  visibility: visible;
  width: 100%;
  max-width: none;
}

/* Make sure the inner View isn't collapsed */
body.path-frontpage #block-dxpr-theme-views-blockdriven-home-slider-block-1 .view,
body.path-frontpage section.block-views-blockdriven-home-slider-block-1 .view {
  display: block;
}

/* Front page: full-width hero framed with 3px #d4d4d4 border */
body.path-frontpage .dxpr-theme-fluid.content-top-container {
  max-width: none;
  margin: 0;
  padding: 0;
  border-top: 3px solid #d4d4d4;
  border-bottom: 3px solid #d4d4d4;
}

body.path-frontpage .dxpr-theme-fluid.content-top-container .region-content-top {
  margin: 0;
  padding: 0;
}

/******************************
 * GAPS: PAGE TITLE ↔ SLIDER (front page)
 ******************************/

body.path-frontpage #page-title-full-width-container,
body.path-frontpage header#page-title {
  margin-bottom: 0;
  padding-bottom: 0;
}

body.path-frontpage .dxpr-theme-fluid.content-top-container,
body.path-frontpage .dxpr-theme-fluid.content-top-container .region.region-content-top {
  margin-top: 0;
  padding-top: 0;
}