/* ============================
   Marroquín Contracting LLC
   FINAL Homepage Layout
   Solid Navy Header
   Brand Navy: #202537
   ============================ */

/* 0) Global font */
body {
  font-family: Montserrat, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

/* 1) Remove homepage title ("Home") */
body.home .entry-header,
body.home .wp-block-post-title,
body.home .entry-title,
body.home h1.entry-title {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 2) Remove default top spacing */
body.home main,
body.home .content-area,
body.home .entry-content,
body.home .wp-block-post-content,
body.home .wp-site-blocks {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 3) SOLID NAVY HEADER (SAFE – no admin bar issues) */
.site-header {
  position: sticky !important;
  top: 0;
  z-index: 9998;
  background-color: #202537 !important;
}

/* Respect WordPress admin bar */
body.admin-bar .site-header {
  top: 32px !important;
}
@media (max-width: 782px) {
  body.admin-bar .site-header {
    top: 46px !important;
  }
}

/* 4) Hero image FULL WIDTH (no sliding, ever) */
body.home .wp-block-cover.alignfull {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-top: 80px !important; /* space for menu */
  position: relative;
}

/* 5) Center hero content */
body.home .wp-block-cover__inner-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

/* 6) Remove gap below hero */
body.home .wp-block-cover + * {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 7) Soft fade from hero into white section */
body.home .wp-block-cover::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  background: linear-gradient(
    to bottom,
    rgba(32,37,55,0),
    rgba(32,37,55,0.12),
    #ffffff
  );
  pointer-events: none;
}

/* 8) Buttons styling */
body.home .wp-block-button__link {
  border-radius: 8px !important;
  padding: 14px 22px !important;
  font-weight: 600 !important;
  transition: transform .15s ease, box-shadow .15s ease;
}

/* Primary button */
body.home .wp-block-buttons .wp-block-button:first-child .wp-block-button__link {
  background-color: #F4A623 !important;
  color: #202537 !important;
  box-shadow: 0 8px 18px rgba(0,0,0,0.2);
}

/* Secondary button */
body.home .wp-block-buttons .wp-block-button:nth-child(2) .wp-block-button__link {
  background-color: transparent !important;
  color: #ffffff !important;
  border: 2px solid rgba(255,255,255,0.7) !important;
}

/* Hover effects */
body.home .wp-block-button__link:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.25);
}

/* 9) Menu link colors */
.site-header a {
  color: #ffffff !important;
}
.site-header a:hover {
  color: #F4A623 !important;
}

/* 10) Center all content below hero */
body.home .wp-block-post-content > *:not(.wp-block-cover) {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}
/* ============================
   FIX: stop hero from spilling outside the site edges
   ============================ */

/* Undo the 100vw full-bleed override */
body.home .wp-block-cover.alignfull,
body.home .wp-block-group.alignfull,
body.home .alignfull{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Safety: prevent any horizontal overflow/scroll */
body.home{
  overflow-x: hidden !important;
}