/* Theme glue: WordPress-specific fixes on top of the live header/footer CSS and the design CSS. */
/* WP admin bar (z-index 99999) would cover the fixed header: shift it with margin so the live top/translate values still work */
body.admin-bar .movers-header.homepage,body.admin-bar .movers-header.White-header{margin-top:32px}
@media screen and (max-width:782px){body.admin-bar .movers-header.homepage,body.admin-bar .movers-header.White-header{margin-top:46px}}
@media screen and (max-width:600px){body.admin-bar .movers-header.homepage,body.admin-bar .movers-header.White-header{margin-top:0}}
/* Footer contact details became tel:/mailto: links: keep the live look */
.footer-top .footer-last-sub-title a{color:inherit;text-decoration:none}
.footer-top .footer-last-sub-title a:hover{text-decoration:underline}
/* Generic page content (pages without a design partial) */
.mdbx .mdb-generic{padding:64px 0 96px}
.mdbx .mdb-generic h1{margin-bottom:24px}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
/* v1.2.2: six top-level items ("Find a Moving Company" added) must stay on one line from 1200px (where the
   desktop menu starts) upward; between 1200 and 1399px the link padding tightens slightly. 1400px+ is the live look. */
@media (min-width:1200px){.movers-header #mdb-primary-menu>li>.nav-link{white-space:nowrap}.movers-header .top-nav-btn{white-space:nowrap;flex-shrink:0}}
@media (min-width:1200px) and (max-width:1399.98px){.movers-header #mdb-primary-menu>li>.nav-link{padding-left:7px;padding-right:7px}}

/* v1.2.3: FMCSA licensing badge (homepage hero, board pages, who-it's-for pages, pricing) */
.mdbx .fmcsa-badge{display:flex;align-items:flex-start;gap:10px;margin:16px 0 0;max-width:56ch;font-size:14px;line-height:1.5;color:#fff;font-weight:700}
.mdbx .hero .fmcsa-badge{font-size:14px;margin:16px 0 0;color:#fff!important;font-weight:700!important}
.mdbx .fmcsa-badge svg{display:none!important}
.mdbx .fmcsa-badge img.fmcsa-logo,.mdbx .fmcsa-badge .fmcsa-logo{flex:none;width:auto;height:28px;max-width:min(197px,55vw);margin-top:0;object-fit:contain;display:block}
.mdbx .fmcsa-badge b,.mdbx .fmcsa-badge span{color:#fff;font-weight:700}
.mdbx .hero .fmcsa-badge b,.mdbx .hero .fmcsa-badge span{color:#fff!important;font-weight:700!important}
.mdbx .fmcsa-badge.center{margin:0 auto 24px;text-align:left;justify-content:center}

/* v1.2.5: "Find a Moving Company" is no longer a primary-menu item. It is the last element of the header:
   desktop (1200px+) far right, after Login / Register Now, ending on the container's right edge (the logo's edge on
   the left), as a blue text link with a map-pin icon behind a thin divider, so it reads as separate from the board
   menus and stays quieter than the yellow Register Now button. Below 1200px it is its own row at the bottom of the
   mobile menu, after the buttons. Current page (/get-moving-quotes/): navy + underline + aria-current.
   To keep logo + 5 menus + 2 buttons + this link on one row, spacing is tightened (label unchanged):
   1400px+: menu links 13px -> 10px side padding; 1200-1399px: menu links keep 7px (v1.2.2; 5px at 1200-1249px, where the container is narrower), Login 23px -> 18px and
   Register Now 30px -> 22px side padding, smaller gap around the divider. */
.movers-header .mdb-findmover{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;white-space:nowrap;margin-left:16px;padding:4px 0 4px 16px;border-left:1px solid rgba(0,29,61,.18);font-family:Poppins-Medium,Poppins,sans-serif;font-weight:500;font-size:14px;line-height:23px;color:rgb(20,146,230);text-decoration:none;text-underline-offset:6px;text-decoration-thickness:2px}
.movers-header .mdb-findmover-icon{flex:none;width:18px;height:18px}
.movers-header .mdb-findmover:hover,.movers-header .mdb-findmover:focus-visible,.movers-header .mdb-findmover.active{text-decoration:underline;color:rgb(0,29,61)}
.movers-header .mdb-findmover:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}
/* transparent homepage header variant (Customizer), white text until the header turns white on scroll */
@media (min-width:1200px){.movers-header.homepage:not(.White-header) .mdb-findmover,.movers-header.homepage:not(.White-header) .mdb-findmover:hover,.movers-header.homepage:not(.White-header) .mdb-findmover.active{color:#fff;border-left-color:rgba(255,255,255,.4)}}
@media (min-width:1200px){.movers-header #mdb-primary-menu{margin-right:4px}}
@media (min-width:1400px){.movers-header #mdb-primary-menu>li>.nav-link{padding-left:10px;padding-right:10px}}
@media (min-width:1200px) and (max-width:1399.98px){
.movers-header .mdb-findmover{margin-left:12px;padding-left:12px}
.movers-header .login-header-btn,.movers-header .login-header-btn:hover{margin-right:10px;padding-left:18px;padding-right:18px}
.movers-header .top-nav-btn .btn-primary{padding-left:22px;padding-right:22px}
}
@media (min-width:1200px) and (max-width:1249.98px){.movers-header #mdb-primary-menu>li>.nav-link{padding-left:5px;padding-right:5px}}
@media (max-width:1199.98px){
.movers-header .mdb-findmover{display:flex;width:100%;margin:14px 0 0;padding:12px;border-left:0;border-top:1px solid rgb(163,191,221);font-size:15px;color:rgb(0,29,61)}
.movers-header .mdb-findmover-icon{color:rgb(20,146,230)}
.movers-header .mdb-findmover.active{background:rgb(0,29,61);color:#fff;text-decoration:none}
.movers-header .mdb-findmover.active .mdb-findmover-icon{color:#fff}
}

/* v1.2.7 homepage "More connections" intro (#solutions): longer paragraph, keep it centered and readable */
.mdbx .center.center-intro{max-width:1040px}
.mdbx .center.center-intro h2 .nowrap{white-space:nowrap}
.mdbx .center.center-intro p{max-width:760px}
.mdbx .center.center-intro p{line-height:1.7;text-wrap:pretty;margin-left:auto;margin-right:auto}
@media (max-width:767px){.mdbx .center.center-intro p{font-size:16px;line-height:1.65}}


/* === MDB review fixes: mobile tables, toasts, hamburger, small fonts (1.0.4) === */
@media (max-width: 767px) {
  .mdbx .cmp2,
  .mdbx .cmp,
  .mdbx .tbl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    display: block;
    width: 100%;
  }
  .mdbx .cmp2 table,
  .mdbx .cmp table,
  .mdbx .tbl table {
    min-width: 560px;
  }
  .mdbx .x-toast {
    left: 8px !important;
    right: 8px !important;
    min-width: 0 !important;
    max-width: calc(100% - 16px);
    bottom: 8px !important;
  }
  .movers-header .navbar-toggler {
    min-width: 44px;
    min-height: 44px;
    padding: 10px 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .mdbx .fcol small,
  .mdbx .fcard .fc-sub,
  .mdbx .x-toast em,
  .footer-bottom-inner,
  .mdb-footer .footer-bottom-inner {
    font-size: 14px !important;
  }
}

/* Mobile hero photo: homepage only. Board pages use the shared product screenshot (no guy photo overlay). */
@media (max-width: 960px) {
  /* Homepage — driver/carrier photo behind copy */
  body.home .mdbx section.hero,
  body.home .mdbx .hero,
  .elementor-7 .mdbx section.hero,
  .elementor-7.mdbx .hero,
  .elementor.elementor-7 .hero {
    position: relative;
    isolation: isolate;
    background-color: #132A54 !important;
    background-image: none !important;
    overflow: hidden;
  }
  body.home .mdbx section.hero::before,
  body.home .mdbx .hero::before,
  .elementor-7 .hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: url("https://newsite.moversdispatchboard.com/wordpress/wp-content/themes/hello-elementor-child/assets/img/1dbe75ecf61b-800.webp");
    background-size: cover;
    background-position: 35% center;
    background-repeat: no-repeat;
    opacity: 1;
    pointer-events: none;
  }
  body.home .mdbx section.hero::after,
  body.home .mdbx .hero::after,
  .elementor-7 .hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(165deg, rgba(19,42,84,.52) 0%, rgba(19,42,84,.45) 42%, rgba(19,42,84,.70) 100%);
    pointer-events: none;
  }
  body.home .mdbx section.hero > *,
  body.home .mdbx .hero > *,
  .elementor-7 .hero > * {
    position: relative;
    z-index: 2;
  }
  /* Board pages — no people photo; shared product shot stays visible */
  body:not(.home) .mdbx section.hero::before,
  body:not(.home) .mdbx .hero::before,
  body:not(.home) .mdbx section.hero::after,
  body:not(.home) .mdbx .hero::after {
    content: none !important;
    display: none !important;
    background: none !important;
  }
  body:not(.home) .mdbx .hero {
    background-color: #132A54 !important;
    background-image: none !important;
  }
  .mdbx .hero .stage .x-toast { display: none; }
}