style: enhance iframe visibility by hiding navbar, footer, and pagination

- Updated CSS to completely hide the main navbar, mobile navbar sidebar, and footer for iframe views.
- Ensured pagination navigation is also hidden to streamline the embedded experience.

Author: elibosley

src/css/custom.css

@@ -218,12 +218,25 @@ details:target {
    Iframe Styles - Preserved
    =========================== */
 
-div[data-iframe="true"] header, 
+/* Hide navbar/header completely */
+/* Note: This hides the main navbar and mobile navbar sidebar, but NOT the doc sidebar (theme-doc-sidebar-container) */
+div[data-iframe="true"] .theme-layout-navbar,
+div[data-iframe="true"] .theme-layout-navbar-sidebar,
+div[data-iframe="true"] .navbar-sidebar,
+div[data-iframe="true"] header,
 div[data-iframe="true"] .navbar__items:not(.navbar__items--right),
 div[data-iframe="true"] .navbar__brand {
   display: none !important;
 }
 
+/* Hide footer completely */
+div[data-iframe="true"] .theme-layout-footer,
+div[data-iframe="true"] .footer,
+div[data-iframe="true"] footer {
+  display: none !important;
+}
+
+/* Hide pagination navigation */
 div[data-iframe="true"] nav.pagination-nav {
   display: none !important;
 }