/* Mini-only. Standalone wead.live PC/mobile web is untouched.
 * __MINI_QPC_FULLVIEW_V2__: phone width/chrome only on narrow viewports. */
@media (max-width: 767px) {
  html.wead-mini-embed body,
  html[data-wead-mini-embed="1"] body {
    max-width: 430px !important;
    margin: 0 auto !important;
    overflow-x: hidden !important;
  }
  html.wead-mini-embed #desktopNav,
  html[data-wead-mini-embed="1"] #desktopNav { display: none !important; }
  html.wead-mini-embed .stats-grid,
  html[data-wead-mini-embed="1"] .stats-grid,
  html.wead-mini-embed .campaign-stats,
  html[data-wead-mini-embed="1"] .campaign-stats {
    grid-template-columns: 1fr 1fr !important;
  }
  html.wead-mini-embed .tabs-container,
  html[data-wead-mini-embed="1"] .tabs-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  html.wead-mini-embed .ep-mini-header-inner,
  html[data-wead-mini-embed="1"] .ep-mini-header-inner {
    flex-wrap: wrap !important;
    height: auto !important;
  }
  html.wead-mini-embed .ep-mini-nav,
  html[data-wead-mini-embed="1"] .ep-mini-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    width: 100% !important;
  }
}

/* Always: jarvis/signin/install hidden in Mini */
html.wead-mini-embed #jarvisChat,
html[data-wead-mini-embed="1"] #jarvisChat,
html.wead-mini-embed #jarvisBtn,
html[data-wead-mini-embed="1"] #jarvisBtn,
html.wead-mini-embed #jarvisPanel,
html[data-wead-mini-embed="1"] #jarvisPanel {
  display: none !important;
}
html.wead-mini-embed #installAppBtn,
html[data-wead-mini-embed="1"] #installAppBtn,
html.wead-mini-embed .nav-install-btn,
html[data-wead-mini-embed="1"] .nav-install-btn,
html.wead-mini-embed .na-signin,
html[data-wead-mini-embed="1"] .na-signin,
html.wead-mini-embed .mobile-auth,
html[data-wead-mini-embed="1"] .mobile-auth,
html.wead-mini-embed #nav-auth,
html[data-wead-mini-embed="1"] #nav-auth,
html.wead-mini-embed #loginModal,
html[data-wead-mini-embed="1"] #loginModal {
  display: none !important;
}

@media (min-width: 768px) {
  html.wead-mini-embed,
  html[data-wead-mini-embed="1"],
  html.wead-mini-embed body,
  html[data-wead-mini-embed="1"] body {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html.wead-mini-embed .glass-header a[href*="/board"],
  html[data-wead-mini-embed="1"] .glass-header a[href*="/board"],
  html.wead-mini-embed .glass-header a[href*="/support"],
  html[data-wead-mini-embed="1"] .glass-header a[href*="/support"] {
    display: inline-flex !important;
    visibility: visible !important;
  }
}


/* __MINI_QNAVCTR_V1__ — logo left, menu viewport-centered + docs column */
@media (min-width: 768px) {
  html.wead-mini-embed .nav-container,
  html[data-wead-mini-embed="1"] .nav-container {
    position: relative !important;
    justify-content: flex-start !important;
  }
  html.wead-mini-embed .nav-brand,
  html[data-wead-mini-embed="1"] .nav-brand {
    position: relative !important;
    z-index: 2 !important;
    flex-shrink: 0 !important;
  }
  html.wead-mini-embed .nav-menu,
  html[data-wead-mini-embed="1"] .nav-menu {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
  }
  html.wead-mini-embed .docs-wrap,
  html[data-wead-mini-embed="1"] .docs-wrap {
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
  }
  html.wead-mini-embed .docs-layout,
  html[data-wead-mini-embed="1"] .docs-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
  }
  html.wead-mini-embed .docs-sidebar,
  html[data-wead-mini-embed="1"] .docs-sidebar {
    position: static !important;
    max-height: none !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.25rem 0.5rem !important;
  }
}

/* __MINI_ORBIT_OVERHAUL_V1__ — Fund Me / Campaigns Orbit UX inside Mini iframe only.
 * Does not alter standalone wead.live (requires html.wead-mini-embed). */
html.wead-mini-embed #wead-mini-coming-2027-banner,
html[data-wead-mini-embed="1"] #wead-mini-coming-2027-banner {
  margin: 0 0 1rem !important;
  padding: 0.7rem 0.95rem !important;
  border-radius: 12px !important;
  background: rgba(155, 140, 255, 0.12) !important;
  border: 1px solid rgba(155, 140, 255, 0.4) !important;
  color: #ddd6fe !important;
  font-size: 0.78rem !important;
  line-height: 1.45 !important;
  font-family: Manrope, "IBM Plex Sans", system-ui, sans-serif !important;
}

/* Orbit Coming pages: hub already has ← Hub — drop double wead.live nav chrome */
html.wead-mini-embed body.orbit-inner nav.navbar,
html[data-wead-mini-embed="1"] body.orbit-inner nav.navbar,
html.wead-mini-embed body.orbit-inner .navbar,
html[data-wead-mini-embed="1"] body.orbit-inner .navbar,
html.wead-mini-embed body.orbit-inner #desktopNav,
html[data-wead-mini-embed="1"] body.orbit-inner #desktopNav,
html.wead-mini-embed body.orbit-inner .nav-toggle,
html[data-wead-mini-embed="1"] body.orbit-inner .nav-toggle,
html.wead-mini-embed body.orbit-inner .hamburger,
html[data-wead-mini-embed="1"] body.orbit-inner .hamburger,
html.wead-mini-embed body.orbit-inner #navToggle,
html[data-wead-mini-embed="1"] body.orbit-inner #navToggle {
  display: none !important;
}

html.wead-mini-embed body.orbit-inner .page-container,
html[data-wead-mini-embed="1"] body.orbit-inner .page-container {
  padding-top: 1rem !important;
}

/* Fund Me — stack hero / metrics in Mini */
html.wead-mini-embed .fm-hero,
html[data-wead-mini-embed="1"] .fm-hero {
  grid-template-columns: 1fr !important;
  gap: 1.1rem !important;
  margin-bottom: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

html.wead-mini-embed .fm-hero h1,
html[data-wead-mini-embed="1"] .fm-hero h1 {
  font-size: clamp(1.85rem, 7vw, 2.6rem) !important;
}

html.wead-mini-embed .fm-hero-actions,
html[data-wead-mini-embed="1"] .fm-hero-actions {
  width: 100%;
}

html.wead-mini-embed .fm-btn,
html[data-wead-mini-embed="1"] .fm-btn {
  flex: 1 1 auto;
  min-width: min(100%, 9.5rem);
}

html.wead-mini-embed .fm-metrics,
html[data-wead-mini-embed="1"] .fm-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.55rem !important;
}

html.wead-mini-embed #sponsorshipGrid,
html[data-wead-mini-embed="1"] #sponsorshipGrid {
  grid-template-columns: 1fr !important;
  gap: 0.9rem !important;
}

html.wead-mini-embed .modal-content,
html[data-wead-mini-embed="1"] .modal-content {
  max-height: min(88vh, 820px) !important;
  margin: 0.5rem !important;
}

/* Campaigns — compact stepper + panels in Mini */
html.wead-mini-embed .camp-hero,
html[data-wead-mini-embed="1"] .camp-hero {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.85rem !important;
}

html.wead-mini-embed .camp-hero-aside,
html[data-wead-mini-embed="1"] .camp-hero-aside {
  align-items: flex-start !important;
  width: 100% !important;
}

html.wead-mini-embed .camp-note,
html[data-wead-mini-embed="1"] .camp-note {
  text-align: left !important;
  max-width: none !important;
}

html.wead-mini-embed .camp-stepper,
html[data-wead-mini-embed="1"] .camp-stepper {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0.3rem !important;
  padding: 0.5rem !important;
}

html.wead-mini-embed .camp-step-label,
html[data-wead-mini-embed="1"] .camp-step-label {
  font-size: 0.62rem !important;
}

html.wead-mini-embed .form-grid,
html[data-wead-mini-embed="1"] .form-grid {
  grid-template-columns: 1fr !important;
}

html.wead-mini-embed .tab-navigation,
html[data-wead-mini-embed="1"] .tab-navigation {
  flex-direction: column !important;
  align-items: stretch !important;
}

html.wead-mini-embed .tab-navigation .btn,
html[data-wead-mini-embed="1"] .tab-navigation .btn {
  width: 100% !important;
}

html.wead-mini-embed .display-options,
html[data-wead-mini-embed="1"] .display-options {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

@media (max-width: 520px) {
  html.wead-mini-embed .camp-step-label,
  html[data-wead-mini-embed="1"] .camp-step-label {
    display: none !important;
  }

  html.wead-mini-embed .fm-metrics,
  html[data-wead-mini-embed="1"] .fm-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* PC Mini iframe — keep 2-col Fund Me cards / campaign form when wide enough */
@media (min-width: 900px) {
  html.wead-mini-embed .fm-hero,
  html[data-wead-mini-embed="1"] .fm-hero {
    grid-template-columns: 1.35fr 1fr !important;
  }

  html.wead-mini-embed #sponsorshipGrid,
  html[data-wead-mini-embed="1"] #sponsorshipGrid {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)) !important;
  }

  html.wead-mini-embed .form-grid,
  html[data-wead-mini-embed="1"] .form-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  html.wead-mini-embed .tab-navigation,
  html[data-wead-mini-embed="1"] .tab-navigation {
    flex-direction: row !important;
    align-items: center !important;
  }

  html.wead-mini-embed .tab-navigation .btn,
  html[data-wead-mini-embed="1"] .tab-navigation .btn {
    width: auto !important;
  }

  html.wead-mini-embed .camp-step-label,
  html[data-wead-mini-embed="1"] .camp-step-label {
    display: block !important;
    font-size: 0.72rem !important;
  }
}