/* Steel & Pipe Supply Sprint 13.4 — width + Divi menu recovery */
:root{--sps-page-max:1650px;--sps-header-max:1780px}

/* The previous patch widened the child container but Divi's legacy outer .container
   remained ~1080px. Remove that bottleneck on SPS pages. */
body.sps-site-build #main-content,
body.sps-site-build #main-content .container,
body.sps-site-build #main-content #content-area,
body.sps-site-build #main-content #left-area{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
body.sps-site-build #main-content .container{padding-top:0!important}
body.sps-site-build #main-content .container:before{display:none!important}
body.sps-site-build #sidebar{display:none!important}

/* Real content width: broad on desktop, still bounded for very large monitors. */
body.sps-site-build .sps-container{
  width:calc(100% - 72px)!important;
  max-width:var(--sps-page-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Theme Builder header: allow the row to use the screen rather than Divi's normal row cap. */
@media (min-width:1101px){
  .et-l--header .et_pb_row,
  header.et-l--header .et_pb_row,
  .et-l--header .et_pb_section .et_pb_row{
    width:calc(100% - 48px)!important;
    max-width:var(--sps-header-max)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Force Divi desktop navigation to render. This reverses accidental mobile-menu/flex states. */
  .et-l--header .et_pb_menu .et_pb_menu__menu{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:auto!important;
    flex:1 1 auto!important;
  }
  .et-l--header .et_pb_menu .et_mobile_nav_menu{display:none!important}
  .et-l--header .et_pb_menu .et_pb_menu__wrap{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-end!important;
    align-items:center!important;
    overflow:visible!important;
  }
  .et-l--header .et_pb_menu .et_pb_menu__menu>nav,
  .et-l--header .et_pb_menu .et_pb_menu__menu>nav>ul{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    width:auto!important;
    max-width:none!important;
    overflow:visible!important;
  }
  .et-l--header .et_pb_menu .et_pb_menu__menu>nav>ul>li{
    display:flex!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
  .et-l--header .et_pb_menu .et_pb_menu__menu>nav>ul>li>a{
    display:flex!important;
    align-items:center!important;
    font-size:13px!important;
    letter-spacing:-.1px!important;
    padding-top:15px!important;
    padding-bottom:15px!important;
  }
  .et-l--header .et_pb_menu .et_pb_menu__logo-wrap,
  .et-l--header .et_pb_menu .et_pb_menu__logo-slot{margin-right:14px!important}
  .et-l--header .et_pb_menu .et_pb_menu__logo-wrap img,
  .et-l--header .et_pb_menu__logo img{
    max-height:72px!important;
    width:auto!important;
  }
}

/* Slightly tighter navigation on medium desktop widths, still desktop rather than hamburger. */
@media (min-width:1101px) and (max-width:1450px){
  .et-l--header .et_pb_menu .et_pb_menu__menu>nav>ul>li{padding-left:4px!important;padding-right:4px!important}
  .et-l--header .et_pb_menu .et_pb_menu__menu>nav>ul>li>a{font-size:12px!important}
  .et-l--header .et_pb_menu .et_pb_menu__logo-wrap img,
  .et-l--header .et_pb_menu__logo img{max-height:64px!important}
}

/* Preserve normal Divi mobile navigation below desktop breakpoint. */
@media (max-width:1100px){
  .et-l--header .et_pb_menu .et_pb_menu__menu{display:none!important}
  .et-l--header .et_pb_menu .et_mobile_nav_menu{display:flex!important}
  body.sps-site-build .sps-container{width:calc(100% - 32px)!important}
}