/* Day Group - global fixes that apply on every page (header/footer are global). */

/* Elementor's "full width" container = width:100%. Inside a flex ROW that makes each
   group demand the whole bar, so the header blows past its container. These groups
   must size to their content instead. */
.elementor-element-ddlg0001,
.elementor-element-ddlg0003,
.elementor-element-ddrt0001,
.elementor-element-ddfb0002,
.elementor-element-ddfb0004{width:auto!important;max-width:100%}

/* Inline logo mark: keep it from being stretched by the flex row container. */
.dd-logo-mark{width:auto!important;flex:0 0 auto!important}
.dd-logo-mark svg{display:block}

/* XPRO's off-canvas panel parks itself off-screen to the right, which creates
   horizontal page scroll on phones. Contain it. */
.xpro-elementor-horizontal-navbar-wrapper{max-width:100%}
@media (max-width:960px){
  .xpro-elementor-horizontal-menu-responsive-tablet .xpro-elementor-dropdown-menu,
  .xpro-elementor-horizontal-menu-responsive-mobile .xpro-elementor-dropdown-menu{
    position:static!important;width:100%!important;left:auto!important;right:auto!important;
    transform:none!important;box-shadow:none!important;
  }
}
/* Horizontal overflow guard. `clip` rather than `hidden`: hidden turns the
   element into a scroll container, which silently disables position:sticky
   anywhere inside the page (the blog sidebar, for one). `clip` crops the
   same way without that side effect. `hidden` stays as the fallback for
   engines that predate `clip`. */
html,body{overflow-x:hidden}
html,body{overflow-x:clip}

/* Between 960px (hamburger breakpoint) and ~1180px the desktop header runs out of
   room: XPRO menu items carry min-width:max-content so they cannot shrink, and the
   row gets clipped. Drop the phone number first - the CTA and nav matter more. */
@media (max-width:1180px){
  .elementor-element-ddph0001{display:none!important}
}

/* MOBILE / TABLET HEADER
   The Free Consultation button was being clipped next to the hamburger, so drop it
   from the bar and surface the same CTA inside the off-canvas panel instead. */
@media (max-width:960px){
  .elementor-element-ddct0001{display:none!important}
}
/* ...and keep that menu item out of the desktop nav, where the header button already covers it */
@media (min-width:961px){
  .xpro-elementor-horizontal-navbar-nav > li.dd-menu-cta{display:none!important}
}
/* Style it as a button inside the off-canvas panel */
@media (max-width:960px){
  .xpro-elementor-horizontal-navbar-nav > li.dd-menu-cta{margin-top:18px}
  .xpro-elementor-horizontal-navbar-nav > li.dd-menu-cta > a{
    background:#2E8B99!important;color:#fff!important;border-radius:10px!important;
    justify-content:center!important;padding:14px 20px!important;border-bottom:0!important;
    font-weight:600!important;
  }
  .xpro-elementor-horizontal-navbar-nav > li.dd-menu-cta > a:hover{background:#3BA8B8!important;color:#fff!important}
}
@media (max-width:1080px){
  .xpro-elementor-horizontal-navbar-nav>li>a{padding-left:9px!important;padding-right:9px!important}
}