.featured-slider,
.header-media {
    .wp-block-cover {
        min-height: 460px;

        .media-content {
            padding: 20px;
            transition: all 0.2s ease-in-out;

        }

        h2 {
            a {
                text-decoration: none;
            }
        }


    }
}

.wp-featured-category-slider,
.featured-slider {
    .fse-slider-wrapper {
        .wp-block-heading {
            a {
                cursor: pointer;

                &:hover,
                &:focus {
                    color: var(--wp--preset--color--light);
                }
            }

        }

        .navigation-wrap {
            .swiper-button {
                background-color: var(--wp--preset--color--dark);
                color: var(--wp--preset--color--light);
                width: 50px;
                height: 50px;
                transform: none;
                z-index: 11;

                &:is(:hover, :focus) {
                    background-color: var(--wp--preset--color--link-color);
                    color: var(--wp--preset--color--light);
                }

                &:after {
                    font-size: 14px;
                }
            }
        }

        .swiper-pagination-clickable {
            .swiper-pagination-bullet {
                background-color: transparent;
                border: 1px solid var(--wp--preset--color--light);
                height: 12px;
                width: 12px;
                opacity: 0.8;
            }

            .swiper-pagination-bullet-active {
                border: 1px solid var(--wp--preset--color--link-color);
                background-color: var(--wp--preset--color--link-color) !important;
            }
        }


        .swiper-button-prev {
            left: auto;
            bottom: 0;
            top: auto;
            right: 50px;
            border-radius: 0;
        }

        .swiper-button-next {
            right: 0px;
            bottom: 0;
            top: auto;
            border-radius: 0;
        }
    }
}

.fse-slider-wrapper .swiper-button {
    border-radius: 0;
}

.swiper-pagination-bullet-active {
    background: var(--wp--preset--color--foreground) !important;
}




.header-media.header-media-artist {
    &::before {
        content: '';
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100%;
        left: 0;
        background-color: transparent;
        z-index: 3;
        background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, var(--wp--preset--color--background) 100%);
    }

    .wp-block-cover {
        min-height: 100vh !important;
        height: auto !important;
        padding: var(--wp--preset--spacing--56) !important;

        .media-content {
            padding: 0 !important;
        }
    }

    .wp-block-cover .wp-block-cover__inner-container {
        z-index: 9;
        padding-top: 25%;

    }

    .simp-others,
    .simp-display {
        display: none;
    }

    .simple-audio-player .simp-controls {
        padding: 15px;
        background: #28253761;
        backdrop-filter: blur(5px);
    }

    .simple-audio-player ul li:hover,
    .simple-audio-player ul li:nth-child(odd),
    .simple-audio-player ul,
    .simple-audio-player ul li.simp-active,
    .simple-audio-player {
        background: transparent;

    }

    .simple-audio-player ul li:hover {
        background-color: var(--wp--preset--color--secondary);
        opacity: 1;
    }

    // .simple-audio-player ul li.simp-active .simp-source {
    //     color: var(--wp--preset--color--link-color);
    // }

    .simple-audio-player {
        border-radius: 0;

        button.simp-plause {
            background-color: var(--wp--preset--color--link-color);
            border-radius: 50%;
            width: 36px;
            height: 36px;
            padding: 10px;

            &:hover,
            &:focus {
                background-color: var(--wp--preset--color--link-color);
                transform: scale(1.02);
            }
        }
    }


    .simple-audio-player ul li {
        font-size: 16px;
        opacity: 0.7;

        &.simp-active {
            opacity: 1;
        }

        &::before {
            border-left: 10px solid var(--wp--preset--color--foreground);

        }
    }



}

.header-media.block-editor-block-list__block.header-media-artist::before {
    display: none;
}