.is-style-dropdown {
    display: none;
}

.is-style-mobile {
    display: block;
}

#header .wp-block-site-title {
    font-size: var(--wp--preset--font-size--medium) !important;
}

#header .wp-block-site-tagline,
#header .wp-block-buttons {
    display: none;
}

.menu-mobile-toggle,
.menu-mobile-close {
    appearance: none;
    background-color: var(--wp--preset--color--neutral-lightest);
    border: none;
    border-radius: 10em;
    color: var(--wp--preset--color--contrast);
    display: inline-block;
    font-size: var(--wp--preset--font-size--medium);
    padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
    transition: all 0.25s ease-out;
    transition-property: background-color, color;
}

.menu-mobile-toggle:hover,
.menu-mobile-close:hover {
    background-color: var(--wp--preset--color--neutral-light);
}

.menu-mobile-toggle:active,
.menu-mobile-close:active {
    background-color: var(--wp--preset--color--contrast);
    color: var(--wp--preset--color--base);
    transition-duration: 32ms;
}

.menu-mobile-dialog > form[method="dialog"] {
    text-align: end;
}

.menu-mobile-dialog {
    animation: menu-reveal 0.25s ease-out forwards;
    border-radius: 1em;
    border-width: 0;
    padding: 0;
}

.menu-mobile-dialog .wp-block-menu {
    font-size: var(--wp--preset--font-size--medium);
    padding: var(--wp--preset--spacing--50);
}

.menu-mobile-dialog .wp-block-menu > .menu > .menu-item {
    margin-block-end: var(--wp--preset--spacing--40);
}

.menu-mobile-dialog .wp-block-menu > .menu > .menu-item > a {
    font-weight: 600;
}

.menu-mobile-dialog .wp-block-menu > .menu > .menu-item:last-of-type {
    margin-block-end: 0;
}

.menu-mobile-dialog .wp-block-menu > .menu > .menu-item .sub-menu {
    padding: 0 var(--wp--preset--spacing--30);
}

.menu-mobile-dialog::backdrop {
    background-color: var(--wp--preset--color--contrast);
    opacity: 0.5;
}

@keyframes menu-reveal {
    from {
        opacity: 0;
        transform: translateY(-0.25em);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
