/* Icona Auto Landing Page Renderer */

html,
body.icona-auto-landing-page {
    max-width: 100% !important;
    min-height: 100% !important;
    overflow-x: clip !important;
}

body.icona-auto-landing-page {
    margin: 0 !important;
    padding: 0 !important;
}

/* Our template does not output a WordPress page title at all. */
body.icona-auto-landing-page #icona-auto-landing-content {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* Gutenberg wrapper hardening */
body.icona-auto-landing-page #icona-auto-landing-content > *,
body.icona-auto-landing-page #icona-auto-landing-content .wp-block-html {
    max-width: none !important;
}

/* Support both root IDs used in previous Handmade Soap HTML versions. */
body.icona-auto-landing-page #handmade-soap-page,
body.icona-auto-landing-page main#top {
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Avoid theme-added blank space around the custom content. */
body.icona-auto-landing-page .site-main,
body.icona-auto-landing-page .site-content,
body.icona-auto-landing-page .content-area,
body.icona-auto-landing-page .content-wrapper,
body.icona-auto-landing-page .entry-content,
body.icona-auto-landing-page .wp-block-post-content {
    max-width: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Admin-only diagnostic if page content is actually empty. */
.icona-auto-landing-admin-warning {
    width: min(900px, calc(100% - 40px));
    margin: 40px auto;
    padding: 22px;
    border: 2px solid #d20d1a;
    border-radius: 12px;
    background: #fff6f6;
    color: #421016;
    font: 16px/1.5 system-ui, sans-serif;
}

/* Prevent visible white tail caused by body background after short pages. */
body.icona-auto-landing-page #page,
body.icona-auto-landing-page .site {
    min-height: 100vh !important;
}