.axiowl-docs-page {
    width: 100%;
}

.axiowl-docs-mount {
    width: 100%;
    min-height: 70vh;
    overflow-x: hidden;
    overflow-y: visible;
}

.axiowl-docs-mount--unavailable {
    min-height: 40vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ax-ink, inherit);
}

.axiowl-docs-mount--unavailable p {
    margin: 0;
}

/* Keep documentation page titles consistent with the WordPress page heroes. */
.axiowl-docs-embed #__docusaurus :is(.hero__title, .theme-doc-markdown h1) {
    font-family: Roboto, sans-serif !important;
}

.axiowl-docs-embed #__docusaurus .hero {
    min-height: 520px;
    box-sizing: border-box;
}

/* Keep the reusable owl mascot out of the sidebar and pinned to the viewport instead. */
.axiowl-docs-embed #__docusaurus .docSidebarContainer img {
    display: none !important;
}

/* Keep the sidebar disclosure control as a plain caret, not a colored square. */
.axiowl-docs-embed #__docusaurus .menu__list-item-collapsible > .menu__caret {
    min-width: 2rem;
    min-height: 2rem;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
}

/* Suppress decorative mascots at every menu depth, including expanded categories. */
.axiowl-docs-embed #__docusaurus .theme-doc-sidebar-menu::before,
.axiowl-docs-embed #__docusaurus .theme-doc-sidebar-menu::after,
.axiowl-docs-embed #__docusaurus .theme-doc-sidebar-container .menu__list::before,
.axiowl-docs-embed #__docusaurus .theme-doc-sidebar-container .menu__list::after {
    display: none !important;
    content: none !important;
    background: none !important;
}

.axiowl-docs-embed #__docusaurus::after {
    position: fixed;
    z-index: 20;
    right: clamp(18px, 3vw, 44px);
    bottom: 22px;
    width: min(180px, 15vw);
    aspect-ratio: 1 / 1;
    background: url('/docs/assets/images/axiowl-owl-book-57189f3d3b1bf33e4f6c65f4e131fab7.png') center / contain no-repeat;
    content: "";
    pointer-events: none;
}

/* The docs landing page keeps its own hero owl; child docs keep the pinned owl. */
.axiowl-docs-embed:has(#__docusaurus header.hero) #__docusaurus::after {
    display: none !important;
    content: none !important;
}

@media (max-width: 767px) {
    .axiowl-docs-embed #__docusaurus .hero {
        min-height: 0;
    }

    .axiowl-docs-embed #__docusaurus::after {
        right: 14px;
        bottom: 14px;
        width: 112px;
    }
}