/*
 * Main CSS file for the Ovid theme.
 */

/* stylelint-disable selector-class-pattern -- Butler block + core block class names. */

.mobile-header {
    display: none;
}

body.butler-hide-header-breadcrumbs .butler-primary-header > .wp-block-group:first-child {
    padding-bottom: 1.5rem;
}

footer.wp-block-template-part {
    margin-block-start: 0;
}

.butler-link-hover-custom-contrast-2 a:where(:not(.wp-element-button)):is(:hover, :focus) {
    background: var(--wp--preset--color--custom-contrast-2);
    color: var(--wp--preset--color--custom-white) !important;
    text-decoration: none;
    text-decoration-color: var(--wp--preset--color--custom-white) !important;
}

body:is(.hamburger-menu-open, .search-menu-open) .butler-primary-header .wp-block-breadcrumbs,
body:is(.hamburger-menu-open, .search-menu-open) .butler-primary-header .wp-block-breadcrumbs a:not(:hover),
body:is(.hamburger-menu-open, .search-menu-open) .butler-primary-header .wp-block-breadcrumbs span,
body:is(.hamburger-menu-open, .search-menu-open) .butler-primary-header .wp-block-breadcrumbs li::after,
body:is(.hamburger-menu-open, .search-menu-open) .desktop-header .wp-block-navigation-item__content:not(:hover) {
    color: var(--wp--preset--color--custom-primary);
}

body:is(.hamburger-menu-open, .search-menu-open) .butler-primary-header .wp-block-group.alignfull:has(.wp-block-breadcrumbs) {
    border-top-color: var(--wp--preset--color--custom-secondary) !important;
}

body:is(.hamburger-menu-open, .search-menu-open) .butler-primary-header .logo-white-filter {
    filter: none;
}

@media (max-width: 768px) {

    .candybox-toggle__label {
        display: none;
    }

    .desktop-header {
        display: none;
    }

    .mobile-header {
        display: block;

        .mobile-header-top-container {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            justify-items: center;

            .flyout-menus {
                gap: 0;
            }
        }

        .mobile-header-bottom-container {
            width: 100%;
            display: block;
        
            .wp-block-navigation__container {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 1px;
                font-family: var(--wp--preset--font-family--field-gothic-condensed);
                font-weight: 500;
                border-top: 1px solid hsla(0, 0%, 100%, .25);
                background: hsla(0, 0%, 100%, .25);
                line-height: 2;
                list-style: none;

                & > li {
                    align-items: center;
                    background-color: var(--wp--preset--color--custom-primary);
                    position: relative;
                    font-size: var(--wp--preset--font-size--large);
                    text-align: center;
                    display: block;
                }
            }
        }
    }
}