/* ============================================================ */
/* File: assets/css/mobile-menu-critical.css */
/* FOUC prevention — shared sitewide (from index.html source of truth) */
/* Reference: Discount_Court_Documents_Rebrand contact-us.html */
/* ============================================================ */

.mobile-nav-toggle {
  display: none;
}

.site-drawer:not(.is-open) {
  transform: translateX(105%) !important;
  transition: none !important;
  pointer-events: none;
}

.site-drawer.is-open {
  pointer-events: auto;
  transform: translateX(0) !important;
  transition: transform 0.28s ease;
}

.site-drawer-backdrop[hidden] {
  display: none !important;
}

.mega-panel:not(.is-open) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: none !important;
}

.header-section {
  z-index: 12000 !important;
}

.mega-shell,
.mega-panel {
  z-index: 12020 !important;
}

.site-drawer-backdrop {
  z-index: 12030 !important;
}

.site-drawer {
  z-index: 12040 !important;
}

.social-links--drawer {
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media (max-width: 980px) {
  .mobile-nav-toggle {
    display: inline-flex;
  }

  .mega-shell,
  .mega-panel {
    display: none !important;
  }

  .topbar-v3__left,
  .topbar-v3__right {
    display: none !important;
  }

  .topbar-v3__row {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .topbar-v3__social {
    justify-content: center !important;
    flex-wrap: wrap !important;
    width: 100%;
    max-width: 100%;
    gap: clamp(6px, 1.4vw, 12px);
  }
}

@media (max-width: 640px) {
  .social-links--drawer {
    justify-content: center;
    gap: 8px;
  }

  .social-links--drawer .social-links__link {
    width: 38px;
    height: 38px;
  }
}

@media (max-width: 400px) {
  .social-links--drawer {
    gap: 6px;
  }

  .social-links--drawer .social-links__link {
    width: 36px;
    height: 36px;
  }
}

/* ============================================================ */
/* Straddle logo — lock center position (must not shift for drawer) */
/* ============================================================ */
@media (min-width: 981px) {
  html body .header-section.header__one .straddle-logo,
  .header-section.header__one .straddle-logo {
    top: 160% !important;
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, -50%) translateZ(0) !important;
  }

  html body .header-section.sticky-header.header__one .straddle-logo,
  .header-section.sticky-header.header__one .straddle-logo {
    top: 80% !important;
    transform: translate(-50%, -50%) translateZ(0) !important;
  }

  .site-header__mobile-brand {
    display: none !important;
  }
}