/* /css/embed-mode.css
 *
 * Styles that apply ONLY when the page is loaded in embed mode (?embed=1).
 * Activated by js/embed-mode.js adding body.lti-embed-mode.
 *
 * What gets hidden:
 *   - The site nav bar (we're inside someone else's site)
 *   - The site footer (same reason)
 *   - The bottom "Spec a Multi-Wiper for your lab" CTA (links to contact.html
 *     which would leave the embed context)
 *   - The region toggle if URL param region= is set (distributor has locked
 *     the region; no point showing the toggle)
 *
 * What stays:
 *   - All product content
 *   - Product tabs (Calculator, Overview, Why It Matters, etc.)
 *   - Lead capture forms
 *   - Calculator
 *   - Region toggle (unless locked via URL param)
 */

/* Hide the global LTI site chrome inside the iframe.
 * Use ID + class selectors WITHOUT the direct-child combinator (>) so this
 * works regardless of whether the nav/footer happen to be wrapped in any
 * outer container. The JS controller also removes these elements from the
 * DOM as a belt-and-suspenders measure in case CSS doesn't apply (e.g.,
 * during initial paint before the stylesheet loads).
 */
body.lti-embed-mode #nav,
body.lti-embed-mode nav.nav,
body.lti-embed-mode header.site-header,
body.lti-embed-mode .topbar,
body.lti-embed-mode .breadcrumb,
body.lti-embed-mode footer.footer,
body.lti-embed-mode .footer,
html.lti-embed-mode-html #nav,
html.lti-embed-mode-html nav.nav,
html.lti-embed-mode-html .topbar,
html.lti-embed-mode-html .breadcrumb,
html.lti-embed-mode-html footer.footer,
html.lti-embed-mode-html .footer {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Specifically the "skip to main content" link and any other site-chrome
 * affordances that don't belong in an embed.
 */
body.lti-embed-mode .skip-link,
body.lti-embed-mode .nav-overlay,
body.lti-embed-mode .nav-toggle {
  display: none !important;
}

/* When a region is locked via URL param, hide the toggle UI too. */
body.lti-embed-mode.lti-embed-region-locked .lti-region-toggle {
  display: none !important;
}

/* Hide the bottom "Spec a Multi-Wiper" / "Request a Quote" CTA in embed mode
 * because it links to contact.html which would break out of the embed. The
 * lead form inside the calculator panel stays — it submits in-place.
 */
body.lti-embed-mode .section-tight:has(.cta-block),
body.lti-embed-mode .cta-block {
  display: none !important;
}

/* Top-of-page padding adjustment — without the fixed nav, the content
 * doesn't need the offset.
 */
body.lti-embed-mode {
  padding-top: 0 !important;
}

/* Make sure the page background is transparent so the distributor's site
 * background shows through any unstyled regions. (Most LTI pages have
 * white backgrounds anyway, but this is a safety net.)
 */
body.lti-embed-mode {
  background: transparent;
}

/* Optional attribution mark — a small "Powered by Laboratory Technologies"
 * line at the very bottom of embedded content. Visible by default but can
 * be hidden via ?attribution=0 URL param. Provides a contextual backlink
 * to labtechinc.com from every embed.
 */
.lti-embed-attribution {
  display: none;
  text-align: center;
  padding: 20px 24px 28px;
  font-size: 0.85rem;
  color: #5a6b80;
  background: #F5F7FA;
  border-top: 1px solid #DBE3EE;
}
.lti-embed-attribution a {
  color: var(--navy, #0E2A47);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}
.lti-embed-attribution a:hover {
  color: var(--accent, #0B8AA6);
}
body.lti-embed-mode .lti-embed-attribution {
  display: block;
}
body.lti-embed-mode.lti-embed-no-attribution .lti-embed-attribution {
  display: none !important;
}