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

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

/* Header
   ========================================================================== */

header {
    position: fixed;
    width: 100%;
    z-index: 10;

    & .wp-block-group,
    & .wp-block-site-logo img{
        transition: all 0.4s ease-out;
    }

    &.anchor-header-shrink .anchor-header-container {
        padding-inline: var(--wp--preset--spacing--small);
        padding-block: 0.5rem !important;

        & .wp-block-site-logo img {
            width: 35px;
        }
    }
}

.wp-block-navigation__responsive-container.is-menu-open {
    position: fixed;
    top: calc(0px - var(--wp--preset--spacing--small));
    left: calc(0px - var(--wp--preset--spacing--x-small));
    padding: var(--wp--preset--spacing--small);
    width: 100vw;
    height: 100vh;

    & .wp-block-navigation__responsive-container-content {
        display: flex;
        flex-direction: column;
        align-items: center;

        & ul.wp-block-navigation__container {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
    }
}

/* Hamburger on tablet */

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: 1100px) {
    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;
    }
}

/* Button Outline style
   ========================================================================== */

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

/* Glass morphism
   ========================================================================== */

.is-style-anchor-glassmorphism {
    position: relative;
    background: linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.08) 0%,
            rgba(255, 255, 255, 0.03) 40%,
            rgba(255, 255, 255, 0.01) 100%
    );
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow:
            0 8px 32px rgba(0, 0, 0, 0.15),
            0 2px 8px rgba(0, 0, 0, 0.10),
            inset 0 1px 0 rgba(255, 255, 255, 0.20);
    border-radius: 16px;
}

/* Helper classes
   ========================================================================== */

.anchor-margin-top-min-40 {
    margin-top: -40px !important;
}

.anchor-z-2 {
    z-index: 2;
}

.anchor-image-yellow-bg {
    background: var(--wp--preset--color--accent);
    border-radius: 1000px;

    & img {
        scale: 1.1;
    }
}

/* Home H1 animation
   ========================================================================== */

@keyframes --home-h1-appear {
    0%, 10% { transform: translateY(20px); opacity: 0; }
    60% { transform: translateX(0); }
    100% { opacity: 1; }
}

.home-hero-title {
    animation: --home-h1-appear ease forwards;
    animation-duration: 2.5s;
}

/* Glassmorphism backdrop fix for Marquee
   ========================================================================== */

*:has(>.wp-block-group.is-style-marquee-not-draggable) {
    mask: unset !important;
}

.is-style-cover-parallax.home-anchor-bg .wp-block-cover__image-background {
    min-height: unset;
    max-height: 100%;

    @media (max-width: 1000px) {
        display: none;
    }
}