/* V2 Overrides - Hide Old Site Elements */

/* Aggressively hide old sidebar and search overlays */
.inner-sidebar-wrapper,
.sidebar-overlay,
.search-wrapper,
.search-modal,
#searchModal,
#sidebarMenu,
.offcanvas,
.modal-backdrop,
body > .sidebar,
body > .search-overlay,
[id*="sidebar"]:not(#agent-sidebar):not(#agent-sidebar-toggle):not(#agent-sidebar-close):not(#agent-sidebar-overlay):not(#messengerSidebarEl):not(#messengerSidebar),
[id*="search"]:not(#messengerSearch),
[class*="sidebar"]:not(.v2-mobile-menu):not([class*="agent-sidebar"]):not([class*="messenger-sidebar"]):not(.messenger-sidebar):not(.messenger-sidebar-header):not(.messenger-sidebar-close),
[class*="overlay"]:not(.v2-mobile-menu__overlay):not([class*="introjs"]):not(#v2-welcome-overlay):not(#v2-welcome-backdrop) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Ensure V2 takes full viewport */
body {
    overflow-x: hidden !important;
}

main {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove any transforms or positioning from body that might be from old modals */
body.modal-open,
body.sidebar-open {
    overflow: visible !important;
    padding-right: 0 !important;
}

/* Backfill xl: utility classes used by v2 header that are missing from
   the prebuilt public/css/v2/tailwind.css bundle. Without these, the
   responsive nav-label switching (long vs short label spans) and the
   wider xl spacing silently no-op — staging ends up stuck on tight,
   short-label rendering at every viewport. Live's older simpler markup
   masks the same gap. Match Tailwind's xl breakpoint = 1280px. */
@media (min-width: 1280px) {
    .xl\:hidden { display: none !important; }
    .xl\:inline { display: inline !important; }
    .xl\:block { display: block !important; }
    .xl\:space-x-8 > :not([hidden]) ~ :not([hidden]) { margin-left: 2rem !important; }
    .xl\:px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
}