/* Global styles */
.entry-content {
    margin-block-start: 0 !important;

    > div {
        isolation: isolate;
        margin-block-start: 0 !important;
    }

    &:not(.wp-block-post-content) {
        > * {
            margin: 0 !important;
        }
    }
}

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


/* Mobile menu */
@media screen and (max-width: 767px) {
    body:not(.wp-admin):not(.block-editor-iframe__body) {
        header {
            .wp-block-navigation__responsive-container {
                min-height: 100vh !important;

                &.has-modal-open {
                    background-color: var(--wp--preset--color--primary);

                    .wp-block-navigation__container {
                        gap: 10px;
                        width: 100%;

                        > li {
                            width: 100%;
                            box-sizing: border-box;
                            padding-bottom: 20px;

                            > a {
                                color: white;
                                padding: 0 var(--wp--preset--spacing--small-secondary);
                                font-size: 16px;
                            }

                            + li {
                                padding-top: var(--wp--preset--spacing--small-secondary);
                            }

                            .wp-block-navigation-submenu {
                                gap: 10px;
                                margin-top: 15px;
                                padding-left: 0 !important;
                                padding-top: var(--wp--preset--spacing--small-secondary);
                                padding-bottom: 0;

                                > li {
                                    margin-bottom: 5px;

                                    > a {
                                        color: rgba(255, 255, 255, 0.75);
                                        padding: 0 var(--wp--preset--spacing--small-secondary);
                                        font-size: 14px;

                                        &::after{
                                            background-image: url("../images/arrow-top-right-white.svg");
                                        }
                                    }
                                }
                            }

                            &:last-child {
                                border-bottom: 0;
                            }
                        }
                    }

                    .wp-block-buttons {
                        padding: 0 var(--wp--preset--spacing--small-secondary);
                        width: 100%;
                        box-sizing: border-box;

                        .wp-block-button {
                            flex: 0 1 100%;
                            width: 100%;
                            display: block;

                            .wp-block-button__link {
                                display: block;
                            }
                        }
                    }

                }

                .wp-block-navigation__responsive-container-close {
                    top: 30px !important;
                    right: 30px !important;

                    svg {
                        fill: white !important;
                    }
                }
            }
        }
    }
}

/* Header */
header.wp-block-template-part {
    top: 0;
    width: 100%;
    z-index: 99;

    &:is(.block-editor-iframe__body header.wp-block-template-part){
        background-color: var(--wp--preset--color--primary);
    }

    &:not(.block-editor-iframe__body header.wp-block-template-part){
        position: fixed !important;
    }

    > .wp-block-group{
        transition-property: background-color, padding;
        transition-duration: 0.2s;
        transition-timing-function: ease-in-out;
    }

    .top-navigation-wrapper {
        display: grid;
        grid-template-rows: 1fr;
        overflow: hidden;
        transition-property: grid-template-rows, padding;
        transition-duration: 0.35s;
        transition-timing-function: ease-in-out;

        .top-navigation-wrapper--inner{
            min-height: 0;
            opacity: 1;
            visibility: visible;
            transition-property: opacity, visibility;
            transition-duration: 0.35s;
            transition-timing-function: ease-in-out;
        }
    }

    &.scrolling{
        > .wp-block-group{
            background-color: var(--wp--preset--color--primary);
            padding-bottom: 10px !important;
            padding-top: 10px !important;
        }

        .wp-block-site-logo{
            max-width: 300px;
        }

        .top-navigation-wrapper{
            grid-template-rows: 0fr;
            padding-bottom: 0 !important;
            padding-top: 0 !important;

            .top-navigation-wrapper--inner {
                opacity: 0;
                visibility: hidden;
            }
        }

        .wp-block-button{
            .wp-block-button__link {
                background-color: var(--wp--preset--color--quinary);

                &:hover{
                    background-color: transparent;
                }
            }
        }
    }

    &.scrolling,
    &:has(+ .entry-content > .wp-block-cover:first-child),
    &:is(.block-editor-iframe__body header.wp-block-template-part){
        color: var(--wp--preset--color--white);

        .wp-block-site-logo{
            img{
                filter: saturate(0) brightness(0) invert(1);
            }
        }

        .wp-block-search ::before{
            color: var(--wp--preset--color--white);
        }

        .wp-block-navigation {
            &.main-navigation{
                > .wp-block-navigation-link > .wp-block-navigation-item__content{
                    text-shadow: 1px 0px 24px #000000b3;
                }
            }
        }
    }
}

iframe:not(.edit-site-visual-editor__editor-canvas){
    border-radius: 16px;
}

/* Footer */
footer.wp-block-template-part{
    a{
        transition-property: color;
        transition-duration: 0.2s;
        transition-timing-function: ease-in-out;

        &:hover{
            color: var(--wp--preset--color--white) !important;
        }
    }

    .current-menu-item,
    .current-menu-ancestor{
        color: var(--wp--preset--color--white) !important;
    }
}


/* Greenshift Pagination */
.gspb_ajax_pagination{
    margin-top: 40px;
    text-align: center;

    .gspb_ajax_pagination_btn{
        border: 1px solid var(--wp--preset--color--secondary);
        border-radius: 100px;
        font-size: 16px;
        padding: 8px 30px;
        transition-property: background-color, color;
        transition-duration: 0.2s;
        transition-timing-function: ease-in-out;

        &:hover{
            background-color: var(--wp--preset--color--secondary);
            color: white;
        }
    }
}

.sticky-news-image {
    position: sticky;
    top:100px;
}