/**
 * @file
 * Layout improvements for React blocks in Drupal theme.
 * Bootstrap provides .container, so we use custom containers where needed.
 */

/* Custom container for non-Bootstrap sections */
.custom-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
}

/* Layout sections spacing */
.layout {
  margin-bottom: 0;
}

.layout__region {
  padding: 0;
}

/* Override Bootstrap container for header consistency */
.region-header .container,
.region-primary-menu .container {
  max-width: 1400px;
  padding: 0 40px;
}

/* Hide page title on all pages */
h1.page-title,
.page-title {
  display: none;
}

/* Hide "Powered by Drupal" and similar footer blocks in header */
#block-alldata-react-powered,
#block-alldata-react-syndicate,
.block-system-powered-by-block,
.feed-icon {
  display: none !important;
}

/* Header cleanup */
.layout-container > div:first-child {
  margin-bottom: 0;
}

/* React blocks spacing */
#react-hero-slider,
#react-product-listing,
#react-testimonials {
  margin: 0;
  padding: 0;
}

/* Block titles */
.block h2 {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  margin: 3rem 0 2rem;
  color: #1a1a1a;
}

/* Remove default Drupal block styling */
.block {
  margin: 0;
}

/* Hide breadcrumbs on homepage */
.path-frontpage .breadcrumb {
  display: none;
}

/* Remove spacing conflicts with Bootstrap */
.region-content {
  padding: 0;
  margin: 0;
}

/* Ensure full-width for Bootstrap sections */
.react-product-listing,
.react-testimonials,
#heroCarousel {
  width: 100%;
  max-width: 100%;
}

/* Remove margins on Bootstrap containers */
.container-fluid {
  padding: 0;
}