/* Mobile menu style: macOS Glass. */
/* Mobile macOS Glass shares the Floating Panel layout. */
@media (max-width: 767px) {
    body.diiho-mobile-menu-style--macos .main-navigation {
        display: none !important;
    }
}

.diiho-mobile-menu--macos {
    --diiho-mobile-glass-surface: color-mix(in srgb, black 88%, white);
    --diiho-mobile-glass-border: color-mix(in srgb, white 20%, transparent);
}

html[data-theme=light] .diiho-mobile-menu--macos,
body.diiho-light-mode .diiho-mobile-menu--macos {
    --diiho-mobile-glass-surface: white;
    --diiho-mobile-glass-border: color-mix(in srgb, black 12%, transparent);
}

.diiho-mobile-menu--macos .diiho-mobile-menu__overlay {
    background: color-mix(in srgb, black 30%, transparent);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.diiho-mobile-menu.diiho-mobile-menu--macos .diiho-mobile-menu__panel {
    background: var(--diiho-mobile-glass-surface);
    border-color: var(--diiho-mobile-glass-border);
    border-radius: 20px;
    overflow: hidden;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .diiho-mobile-menu.diiho-mobile-menu--macos .diiho-mobile-menu__panel {
        background: color-mix(in srgb, var(--diiho-mobile-glass-surface) 70%, transparent);
        -webkit-backdrop-filter: blur(24px) saturate(160%);
        backdrop-filter: blur(24px) saturate(160%);
    }
}

@media (prefers-reduced-motion: reduce) {

    .diiho-mobile-menu--macos,
    .diiho-mobile-menu--macos .diiho-mobile-menu__panel,
    .diiho-mobile-menu--macos .diiho-mobile-menu__overlay {
        transition: none;
    }
}

.diiho-mobile-menu--macos .diiho-mobile-menu__body {
    padding: 70px 30px 30px;
}

.diiho-mobile-menu--macos .diiho-mobile-menu__close {
    top: 20px;
    right: 20px;
}

/* Panel sizing follows the shared floating layout in style.css. */