/**
 * Iframe mode styles for static HTML reports
 * When reports are viewed inside the Next.js app iframe, hide the internal navbar
 * since the parent page provides the navigation toolbar.
 *
 * Include this in all report HTML files:
 * <link rel="stylesheet" href="/reports/shared/iframe-mode.css">
 */

/* Detect if we're in an iframe and hide elements */
@media all {
  /* This will be controlled by JS - iframe detection */
  .navbar.iframe-hidden {
    display: none !important;
  }

  /* Hide referral progress bar in iframe mode */
  .referral-progress-bar.iframe-hidden {
    display: none !important;
  }

  /* Hide gift banner in iframe mode */
  .gift-banner.iframe-hidden {
    display: none !important;
  }

  /* Adjust body padding when navbar is hidden */
  body.iframe-mode {
    padding-top: 0 !important;
  }

  /* Ensure content doesn't jump when navbar is hidden */
  body.iframe-mode .container {
    margin-top: 1rem;
  }
}