/* =========================================
   1. Force hero section to full width
   ========================================= */
.elementor-section,
.elementor-top-section {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* =========================================
   2. Remove theme wrapper constraints
   ========================================= */
.site-content,
.entry-content,
#content,
#primary,
.content-area {
  padding: 0 !important;
  max-width: 100% !important;
}

/* =========================================
   3. Fix Elementor stretched section
   ========================================= */
.elementor-section.elementor-section-stretched {
  left: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* =========================================
   4. Hide tag badges on blog listing cards
      (tags still show on single posts)
   ========================================= */
body:not(.single) a[rel="tag"],
body:not(.single) a[href*="/tag/"],
.elementor-post__badge,
.elementor-loop-container .elementor-post-info__terms-list {
  display: none !important;
}

/* =========================================
   5. Blog post content: use full width
   ========================================= */
.single-post .entry-content > *,
.single-post .is-layout-constrained > *,
.single-post .elementor-widget-theme-post-content,
.single-post .elementor-widget-theme-post-content .elementor-widget-container,
.single-post .rpo-post {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Side spacing so text lines up with the Admin / Date row */
.single-post .entry-content {
  max-width: 100% !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
}

/* Smaller side spacing on mobile */
@media (max-width: 767px) {
  .single-post .entry-content {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}