/* ocd-tech.com site-wide CSS overrides (loaded after the Webflow stylesheet). */

/* Mobile/tablet menu: center every item on the same axis. Webflow offsets the dropdown toggles
   (left margin + right padding for an absolutely placed arrow) and adds side margins to Blog and
   the Contact Us button, so Services/Industries/Blog/About Us/Contact Us did not line up. */
@media screen and (max-width: 991px) {
  .w-nav-menu[data-nav-menu-open] > *,
  .w-nav-menu[data-nav-menu-open] .w-dropdown,
  .w-nav-menu[data-nav-menu-open] .navbar-link {
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
  .w-nav-menu[data-nav-menu-open] .w-dropdown { display: block; width: 100%; }
  .w-nav-menu[data-nav-menu-open] .w-dropdown-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }
  /* invisible spacer as wide as the arrow (flex gap applies on both sides), so the label sits on the center line */
  .w-nav-menu[data-nav-menu-open] .w-dropdown-toggle::before {
    content: "";
    order: -1;
    flex: none;
    width: 15px;
  }
  .w-nav-menu[data-nav-menu-open] .w-dropdown-toggle > .navbar-link { padding-left: 0; padding-right: 0; }
  .w-nav-menu[data-nav-menu-open] .w-dropdown-toggle > .w-icon-dropdown-toggle {
    position: static;
    order: 2;
    margin: 0;
  }
  .w-nav-menu[data-nav-menu-open] .w-dropdown-list .w-dropdown-link { text-align: center; padding-left: 0; padding-right: 0; }
}