/* Accessibility: darken brand gold for WCAG AA contrast on light backgrounds */
.sb-eyebrow,
.name {
	  color: #8c6e3c !important;
}


/* ====================================================================
   SwagerBuilds Mobile Brutal-Fix — 2026-05-23
   Surgical, mobile-only CSS. Desktop layouts untouched.
   ==================================================================== */

/* Safety net — prevent any accidental side-scroll on mobile */
@media (max-width: 600px) {
  html, body, .wp-site-blocks {
    overflow-x: hidden;
    max-width: 100vw;
  }
}

/* FIX 1: Cover inner-container overflow (homepage sb-proj cards, pricing cards) */
@media (max-width: 600px) {
  .wp-block-cover__inner-container,
  .wp-block-cover-image__inner-container {
    max-width: 100% !important;
    width: auto !important;
    box-sizing: border-box !important;
    padding-left: max(16px, 4vw) !important;
    padding-right: max(16px, 4vw) !important;
  }
  .wp-block-cover.sb-proj { width: 100% !important; max-width: 100% !important; }
  .wp-block-cover.sb-proj .wp-block-cover__inner-container {
    width: auto !important;
    max-width: none !important;
    left: 1rem !important;
    right: 1rem !important;
  }
}

/* FIX 2: Hero (sb-hero) sizing on mobile */
@media (max-width: 600px) {
  .wp-block-cover.sb-hero {
    min-height: 60vh !important;
    max-height: 85vh;
  }
  .wp-block-cover.sb-hero .wp-block-cover__inner-container {
    padding: 24px 16px !important;
  }
  .wp-block-cover img.wp-block-cover__image-background {
    object-fit: cover !important;
    object-position: center !important;
    width: 100% !important;
    height: 100% !important;
  }
}

/* FIX 3: Phone & email tap targets (≥44px height) */
@media (max-width: 600px) {
  a[href^="tel:"],
  a[href^="mailto:"] {
    display: inline-block !important;
    min-height: 44px;
    line-height: 44px;
    padding: 0 4px;
    box-sizing: border-box;
    vertical-align: middle;
  }
}

/* FIX 4: Hamburger / mobile menu button (≥44×44) */
@media (max-width: 600px) {
  .wp-block-navigation__responsive-container-open,
  .wp-block-navigation__responsive-container-close {
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* FIX 5: Header / footer / mobile-overlay nav link tap targets */
@media (max-width: 600px) {
  .wp-block-navigation .wp-block-navigation-item__content,
  .wp-block-navigation a.wp-block-navigation-item__content,
  footer .wp-block-navigation a,
  .wp-block-navigation__responsive-container-content .wp-block-navigation-item a {
    display: inline-block;
    min-height: 44px;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    line-height: 1.25;
    box-sizing: border-box;
  }
}

/* FIX 6: Body text ≥16px on blog posts (legibility) */
@media (max-width: 600px) {
  .entry-content > p,
  .entry-content > ul > li,
  .entry-content > ol > li,
  .wp-block-post-content > p,
  .wp-block-post-content > ul > li,
  .wp-block-post-content > ol > li,
  article .wp-block-post-content p,
  article .wp-block-post-content li {
    font-size: max(16px, 1rem) !important;
    line-height: 1.65;
  }
  .entry-content h2 { font-size: max(24px, 1.5rem); }
  .entry-content h3 { font-size: max(20px, 1.25rem); }
}

/* FIX 7: Buttons and share buttons */
@media (max-width: 600px) {
  .wp-block-button .wp-block-button__link,
  a.wp-block-button__link {
    min-height: 44px;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .wp-block-jetpack-sharing-buttons a,
  .sharedaddy .sd-content a,
  .sd-block a.sd-button {
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* FIX 8: Service-area link tiles (custom-homes / remodels) */
@media (max-width: 600px) {
  .wp-block-post-content ul li > a:only-child,
  .wp-block-list li > a:only-child {
    display: inline-block;
    padding: 10px 0;
    min-height: 44px;
    line-height: 1.3;
  }
}

/* FIX 9: Images and tables stay inside viewport */
@media (max-width: 600px) {
  img, video, iframe { max-width: 100% !important; height: auto; }
  .wp-block-table { overflow-x: auto; }
  .wp-block-table table { min-width: 100%; }
}
/* ===== END SwagerBuilds Mobile Brutal-Fix ===== */