/* =======================================================
   ASTRA THEME OVERRIDES - For Home Page
   Add this to Appearance → Customize → Additional CSS
   ======================================================= */

/* Remove Astra's default container padding on home page */
.page-template-page-home .site-content {
  padding: 0 !important;
}

.page-template-page-home .ast-container {
  max-width: 100% !important;
  padding: 0 !important;
}

.page-template-page-home .entry-content {
  margin: 0 !important;
}

.page-template-page-home .ast-separate-container .ast-article-single {
  padding: 0 !important;
}

/* Ensure hero section is full width */
.page-template-page-home .expert-hero,
.page-template-page-home .home-hero {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Ensure stats card is visible */
.page-template-page-home .home-hero__stats {
  display: flex !important;
  visibility: visible !important;
}

/* =======================================================
   CRITICAL FIX: HEADER CONSISTENCY (HOME PAGE)
   ======================================================= */

/* 1. Force the Header Bar Background & Border (Override Transparent Header) */
.page-template-page-home .main-header-bar,
.page-template-page-home .ast-main-header-bar,
.page-template-page-home.ast-theme-transparent-header .main-header-bar {
  background-color: var(--soft-surface) !important;
  border-bottom: 1px solid var(--border-stroke) !important;
  position: relative !important; /* Stop it from floating over content */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important; /* Match other pages */
}

/* 2. Constrain the Inner Content to the Standard Width (1240px) */
/* We target multiple potential containers to be safe */
.page-template-page-home .site-header .ast-main-header-bar-alignment,
.page-template-page-home .site-header .ast-container,
.page-template-page-home .ast-main-header-bar .ast-container {
  max-width: 1240px !important;
  margin: 0 auto !important;
  width: 100% !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  display: flex !important; /* Ensure flex behavior */
  justify-content: space-between !important;
  align-items: center !important;
}

/* 3. Reset Logo/Menu Colors if Transparent Header made them White */
.page-template-page-home.ast-theme-transparent-header
  .main-header-menu
  .menu-item
  a,
.page-template-page-home.ast-theme-transparent-header .site-title a,
.page-template-page-home .main-header-menu .menu-item a {
  color: var(--deep-navy) !important;
}

.page-template-page-home .main-header-menu .menu-item.current-menu-item > a {
  color: var(--primary-blue) !important;
}

/* 4. Fix Z-Index just in case */
.page-template-page-home .site-header {
  z-index: 999 !important;
}