/* =============================================================================
   DOXYGEN component — default theme
   =============================================================================
   Deliberately minimal: the embedded tree carries its own look (Doxygen's
   own generated CSS/JS, untouched). This wrapper only needs to sit well in
   the site's own page chrome. Give the page "screen_width": "full" in
   site.fson — Doxygen's own sidebar wants the room.
*/

.page-doxygen {
  min-height: 60vh;
}

.doxygen-frame-wrap {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

.doxygen-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.doxygen-missing {
  display: block;
  padding: 48px 24px;
  text-align: center;
  color: #777;
  font-style: italic;
}

/* Doxygen's own generated tree (sidebar + resizer + content, inside the
   iframe) doesn't reflow for a phone-width viewport — below this width
   swap it for a plain "use a bigger screen" notice instead of a broken
   layout. Width-only (not orientation-based) so it re-evaluates live on
   rotation: a phone stays under the notice in both orientations, a
   tablet in portrait stays above it. */
.doxygen-mobile-notice {
  display: none;
  padding: 48px 24px;
  text-align: center;
  color: #777;
  font-style: italic;
  border: 1px solid #ddd;
  border-radius: 8px;
}

@media (max-width: 700px) {
  .doxygen-frame-wrap { display: none; }
  .doxygen-mobile-notice { display: block; }
}