/* The shortcode inherits the theme's header, footer and content layout. */
.cio-cf-embed-wrap{display:block;position:relative;box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:0;padding:0;overflow:hidden}
.cio-cf-embed-wrap>iframe{display:block;box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0;height:var(--cio-cf-embed-height,1100px);min-height:480px;border:0;margin:0;padding:0;transform:none!important}
@media(max-width:782px){.cio-cf-embed-wrap>iframe{min-height:650px}}
/* Retain the legacy fullscreen shortcode styling without changing normal pages. */
.cio-cf-embed{position:relative;width:100%;max-width:100%;min-height:480px}
body.cio-cf-fullscreen .cio-cf-embed{height:100dvh}

/* Shortcode pages: the header/footer's rem-based CSS sets html to 625%.
 * Without the original theme's body base font rule, navigation inherits 100px.
 * Keep html rem sizing intact; normalize body text only on shortcode pages. */
body.cio-cf-shortcode-page { font-size: 14px; }
/* Legacy 1400px minimum from shared header/footer styles is not suitable
 * for an embedded responsive page. Only adjust this page, never site-wide. */
@media screen and (min-width: 768px) {
 body.cio-cf-shortcode-page > .container { min-width: 0; width: 100%; }
 body.cio-cf-shortcode-page .header-site { min-width: 0; width: 100%; }
}

/* Per-embed switches: hide only CIO shared markup, not wp_head/wp_footer. */
body.cio-cf-shortcode-page.cio-cf-hide-shared-header .header-site { display: none !important; }
body.cio-cf-shortcode-page.cio-cf-hide-shared-footer .footer-site { display: none !important; }