/* Global
   ========================================================================== */

::selection,
::-webkit-selection,
::-moz-selection {
    background-color: #926700;
    color: #ffffff;
}

h1, h2, h3, h4, h5, h6, .wp-block-navigation-item {
    font-stretch: semi-condensed;
}

/* Hamburger
   ========================================================================== */

body .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block !important;
}

body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none !important;
}

@media (min-width: 750px) {
    body .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }

    body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
    }
}

.wp-block-navigation__responsive-container.is-menu-open {

    padding-inline: var(--wp--preset--spacing--medium) !important;
    background-color: color-mix(in srgb, #0D0D0D 95%, transparent) !important;

    & .wp-block-navigation {

        &:before {}

        & .wp-block-navigation-item {
            font-size: var(--wp--preset--font-size--large) !important;

            & .wp-block-navigation-item {
                font-size: var(--wp--preset--font-size--base-2) !important;
            }
        }
    }
}

/* Button
   ========================================================================== */

:root :where(.wp-element-button, .wp-block-button__link) {
    line-height: 1.6;
}

.wp-block-button.is-style-outline .wp-block-button__link {
    padding-inline: calc(var(--wp--preset--spacing--small) - 1px);
    padding-block: calc(0.5rem - 1px);
}

.wp-block-button.is-style-unfill .wp-block-button__link {
    padding-inline: var(--wp--preset--spacing--small);
    padding-block: 0.5rem;
}

/* Categories list block
   ========================================================================== */

.wp-block-categories-list>.cat-item:has(.children) {
    padding-inline-start: 0.5rem;

    &:not(:first-child) > a {
        margin-top: 1rem;
    }
    & > a {
        font-weight: 400;
        text-transform: uppercase;
    }
}

.wp-block-categories-list,
.wp-block-categories-list .children {

    &.symchope-menu-cat-col {
        display: flex;
        justify-content: space-between;
        column-gap: var(--wp--preset--spacing--small);
        font-size: var(--wp--preset--font-size--base-2);

        &>li {
            flex-basis: 0;
            flex-grow: 1;
        }

        @media (max-width: 781px) {
            flex-direction: column;
        }
    }

    list-style: none;
    padding-inline-start: 0;

    & .children {
        padding-inline-start: 0.5rem;
    }

    & .cat-item {
        & > a {
            font-stretch: semi-condensed;
            padding-inline: var(--wp--preset--spacing--x-small);
            display: block;
            background: linear-gradient(0deg, var(--wp--preset--color--primary-shade), var(--wp--preset--color--primary-shade)) no-repeat left / 0 var(--bg-h);
            transition: background-size 300ms, color 200ms;
            --bg-h: 100%;
        }

        & > a:where(:hover, :focus-visible),
        &.current-cat > a {
            background-size: 100% var(--bg-h);
            background-position-x: left;
            color: var(--wp--preset--color--text-100);
        }
    }
}

/* CSS Class helpers
   ========================================================================== */

.symchope-cannette {
    margin-bottom: -15% !important;

    & img {
        max-height: 50vh;
    }
}

.symchope-img-card img {
    filter: grayscale(100%);
    transition: filter 150ms;
}

.symchope-img-card:where(:hover, :focus-visible) img {
    filter: grayscale(0);
}

.symchope-hide-empty:empty {
    display: none;
}