/* ---------------------------------------
 Section Styles: Dark Warm
 --------------------------------------- */

/* Header */
header .is-style-section-warm-dark {
    a {
        color: var(--wp--preset--color--white);

        &:hover {
            color: var(--theme-color-primary);
        }
    }

    .wp-block-site-logo .custom-logo-link img {
        filter: brightness(0) saturate(0) invert(100%) sepia(0) saturate(0) hue-rotate(0) brightness(100%) contrast(100%);
    }

    .menu-main-menu-container {
        ul {
            li {
                &.current-menu-ancestor > a {
                    color: var(--wp--preset--color--white);
                }

                &.open > a {
                    color: var(--wp--preset--color--white);
                }

                ul li.current-menu-item > a {
                    color: var(--wp--preset--color--white);
                }

                li.menu-item-has-children > a::after {
                    filter: brightness(0) saturate(0) invert(100%) sepia(0) saturate(0) hue-rotate(0) brightness(100%) contrast(100%);
                }
            }
        }
    }

    .header--shadow:has(.is-style-section-warm-dark) {
        box-shadow: var(--wp--preset--shadow--light);
    }

    @media screen and (max-width: 899px) {
        .mobile-menu-panel {
            background-color: var(--wp--preset--color--primary);

            ul {
                li.menu-item-has-children {
                    a {
                        &::after {
                            filter: brightness(0) saturate(0) invert(100%) sepia(0) saturate(0) hue-rotate(0) brightness(100%) contrast(100%);
                        }
                    }
                }
            }
        }

        .menu-main-menu-container ul li.menu-item-has-children.open {
            background-color: var(--wp--preset--color--primary);
        }
    }
}

body .is-style-section-warm-dark {
    --theme-color-primary: var(--wp--preset--color--secondary, #ce9582);
    --theme-color-secondary: var(--wp--preset--color--primary, #9c7162);
    --theme-color-grey: var(--wp--preset--color--neutral-900);
    --scrollbar-thumb-color: var(--theme-color-primary, #ce9582);
    --loading-progress-colour: var(--theme-color-primary);

    .has-primary-color {
        color: var(--theme-color-secondary) !important;
    }

    /* Custom theme colours for icons */
    .primary-theme-color {
        color: var(--theme-color-primary, #ce9582);
    }

    .secondary-theme-color {
        color: var(--theme-color-secondary, #fde5df);
    }

    /* Button Variations -- Unable to target these in section-styles.json */
    .wp-block-buttons {
        .wp-block-button {
            .wp-block-button__link.wp-element-button {
                background-color: var(--theme-color-primary);
                border: 1px solid var(--theme-color-primary);
                color: var(--wp--preset--color--white);

                &:hover {
                    background-color: var(--theme-color-secondary);
                    border: 1px solid var(--theme-color-secondary);
                    color: var(--theme-color-base);
                }
            }

            &.is-style-icon-link {
                .wp-block-button__link.wp-element-button {
                    background-color: transparent;
                    border: 0;
                    color: var(--wp--preset--color--white);
                }
            }

            &.is-style-outline {
                .wp-block-button__link.wp-element-button {
                    background-color: transparent;
                    border: 1px solid var(--wp--preset--color--white);
                    color: var(--wp--preset--color--white);

                    &:hover {
                        background-color: var(--wp--preset--color--white);
                        border: 1px solid var(--wp--preset--color--white);
                        color: var(--theme-color-primary);
                    }
                }
            }
        }
    }

    /* List styles */
    ul.wp-block-list > li::before {
        filter: brightness(0) saturate(0) invert(100%) sepia(0) saturate(0) hue-rotate(0) brightness(100%) contrast(100%);
    }

    /* ACF Basic Slider */
    .wp-block-acf-slider .wp-block-slider-buttons {
        .wp-block-slider-button:focus,
        .wp-block-slider-button:hover {
            background-color: var(--wp--preset--color--primary);
        }
    }

    /* Splide Carousel */
    .wp-block-splide-carousel,
    .slider-wrapper {
        & .splide__arrow {
            background-color: var(--theme-color-primary);
        }

        & .splide__arrows .splide__arrow {
            background-color: var(--theme-color-primary);
            box-shadow: var(--theme-color-primary);
        }

        & .splide__pagination {
            .splide__pagination__page {
                &.is-active,
                &:hover {
                    background-color: var(--theme-color-primary);
                }
            }
        }
    }

    .wp-block-splide-carousel .splide__pagination {
        button.splide__pagination__page {
            background-color: var(--wp--preset--color--primary);
        }
    }
}