/* ==========================================================
   SS_PPL — 2026 migration
   Original layout preserved; WordPress paths/classes updated.
========================================================== */

.SS_PPL .prezrti-shell {
    --shell_side_L: 0;
}

.SS_PPL .l_panel {
    overflow: visible;
}

    .SS_PPL .l_panel label {
        display: none;
    }

.SS_PPL .c_panel {
    min-width: 0;
    min-height: 0;
}

.SS_PPL .sp_page {
    position: relative;
    inset: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    padding: var(--space_3) 15%;
}


    .SS_PPL .sp_page .sp_header {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40%;
    }

    .SS_PPL .sp_page .sp_header a {
        height: 100%;
    }

        .SS_PPL .sp_page_member .sp_header {
            height: 0;
        }



        .SS_PPL .sp_page .sp_content_main {
            display: grid;
            padding: var(--space_4);
            grid-template-rows: repeat(4, minmax(0, 1fr));
            width: 100%;
            height: 100%;
        }

        .SS_PPL .sp_page .sp_content_row {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            width: 100%;
            min-height: 0;
        }

            .SS_PPL .sp_page .sp_content_row > div {
                height: 100%;
                min-height: 0;
            }

            .SS_PPL .sp_page .sp_content_row .sp_prezrti_logo {
                height: 100%;
                padding: var(--space_0_5);
                box-sizing: border-box;
            }

                .SS_PPL .sp_page .sp_content_row .sp_prezrti_logo img {
                    display: block;
                    height: 100%;
                    width: auto;
                    max-width: 100%;
                    object-fit: contain;
                }

        .SS_PPL .sp_page .sp_logo {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
        }

            .SS_PPL .sp_page .sp_logo a {
                display: flex;
                align-items: center;
                justify-content: center;
                height: 100%;
            }

            .SS_PPL .sp_page .sp_logo img {
                display: block;
                width: auto;
                height: auto;
                max-height: 100%;
                max-width: 100%;
            }

        .SS_PPL .sp_page .sp_content_row img {
            display: block;
            height: 100%;
            width: auto;
        }


        .SS_PPL .sp_page .sp_background {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
        }

        .SS_PPL:has(.sp_page_football),
        .SS_PPL:has(.sp_page_photo),
        .SS_PPL:has(.sp_page_main) {
            background-color: var(--color_Chartreuse);
        }

        .SS_PPL:has(.sp_page_past) {
            background-image: url('/media/images/layout/ss_ppl/gumb_01_ozadje.webp');
        }

        .SS_PPL:has(.sp_page_today) {
            background-image: url('/media/images/layout/ss_ppl/gumb_02_ozadje.webp');
        }

        .SS_PPL:has(.sp_page_records),
        .SS_PPL:has(.sp_page_members) {
            background-image: url('/media/images/layout/ss_ppl/clan_00_ozadje.webp');
        }

        .SS_PPL .sp_page .sp_background_klemen {
            background-color: var(--color_Goldenrod);
        }

        .SS_PPL .sp_page .sp_background_gregor {
            background-image: url('/media/images/layout/ss_ppl/clan_03_ozadje.webp');
            background-size: 50px 50px;
        }

        .SS_PPL .sp_page .sp_background_bostjan {
            background-image: url('/media/images/layout/ss_ppl/clan_07_ozadje.webp');
            background-size: 50px 50px;
        }

        .SS_PPL .sp_page .sp_background_martin {
            background-image: url('/media/images/layout/mm_mlj/besedila_02_ozadje.webp');
        }


        .SS_PPL:has(.sp_page_thanks) {
            background-image: url('/media/images/layout/ss_ppl/gumb_07_ozadje.webp');
            background-size: 100px 100px;
        }

        .SS_PPL:has(.sp_page_all) {
            background-image: url('/media/images/layout/ss_ppl/gumb_08_ozadje.webp');
            background-size: 100px 100px;
        }

        .SS_PPL .sp_page .sp_content_history {
            height: 100%;
            display: flex;
            flex-direction: column;
            min-height: 0;
        }

            .SS_PPL .sp_page .sp_content_history li {
                list-style: disc;
                font-size: var(--font_size_18);
                text-align: justify;
                padding-bottom: var(--space_2);
            }

            .SS_PPL .sp_page .sp_content_history .sp_text {
                flex: 1 1 auto;
                min-height: 0;
                overflow-y: auto;
                overflow-x: hidden;
                padding-bottom: var(--space_8);
            }

                .SS_PPL .sp_page .sp_content_history .sp_text::-webkit-scrollbar {
                    display: none;
                }

        .SS_PPL .sp_page .sp_content_today {
            width: 100%;
            height: 100%;
            position: relative;
            padding: var(--space_3) 15%;
            display: flex;
            flex-direction: column;
            min-height: 0;
        }

            .SS_PPL .sp_page .sp_content_today .sp_text {
                flex: 1 1 auto;
                min-height: 0;
                overflow-y: auto;
                overflow-x: hidden;
                padding-bottom: var(--space_8);
            }

                .SS_PPL .sp_page .sp_content_today .sp_text::-webkit-scrollbar {
                    display: none;
                }

            .SS_PPL .sp_page .sp_content_today li {
                width: 100%;
                display: flex;
                justify-content: space-between;
                font-weight: 700;
                font-size: var(--font_size_18);
                position: relative;
                line-height: var(--space_6);
            }

            .SS_PPL .sp_page .sp_content_today span {
                line-height: var(--space_8);
            }

            .SS_PPL .sp_page .sp_content_today .sp_today_date {
                width: 20%;
                display: flex;
                align-items: flex-end;
            }

            .SS_PPL .sp_page .sp_content_today .sp_today_event {
                width: 80%;
            }

        .SS_PPL .sp_page .sp_content_members {
            display: flex;
            flex-direction: column;
        }

        .SS_PPL .sp_page .sp_header img {
            width: auto;
            height: auto;
            max-height: 100%;
        }

        .SS_PPL .sp_page .sp_content_members h1 {
            font-size: var(--space_16);
            color: var(--color_Red);
            width: 100%;
            text-align: center;
            padding: var(--space_4);
        }

        .SS_PPL .sp_page .sp_content_members .sp_text {
            display: grid;
            grid-template-columns: auto auto;
            justify-content: center;
            column-gap: 0;
            padding-top: var(--space_4);
        }

            .SS_PPL .sp_page .sp_content_members .sp_text > div {
                height: var(--space_37_5);
                width: max-content;
            }

                .SS_PPL .sp_page .sp_content_members .sp_text > div:nth-child(odd) {
                    text-align: end;
                }

            .SS_PPL .sp_page .sp_content_members .sp_text .sp_member_klemen {
                margin-left: calc(var(--space_4) * -0.1);
            }

        .SS_PPL .sp_page .sp_content_member .sp_text {
            padding-top: var(--space_4);
        }

        .SS_PPL .sp_page .sp_content_klemen, .SS_PPL .sp_page .sp_content_gregor, .SS_PPL .sp_page .sp_content_bostjan {
            color: var(--color_White);
        }

            .SS_PPL .sp_page .sp_content_klemen h1, .SS_PPL .sp_page .sp_content_gregor h1, .SS_PPL .sp_page .sp_content_bostjan h1 {
                text-transform: uppercase;
            }

            .SS_PPL .sp_page .sp_content_klemen p, .SS_PPL .sp_page .sp_content_gregor p, .SS_PPL .sp_page .sp_content_bostjan p {
                font-size: var(--font_size_20);
            }

            .SS_PPL .sp_page .sp_content_klemen li {
                list-style: disc;
            }
        /*      Plate       */
        .SS_PPL .sp_page.sp_page_lyrics > a {
            text-align: end;
            display: block;
            width: 100%;
        }

        .SS_PPL .sp_page .sp_header .sp_playlist_cover {
            height: 100%;
            width: 50%;
            min-height: 0;
        }

            .SS_PPL .sp_page .sp_header .sp_playlist_cover > ul {
                position: relative;
                height: 100%;
                min-height: 0;
            }

        .SS_PPL .sp_page .sp_header .carousel_slide {
            display: none;
            height: 100%;
            min-height: 0;
        }

            .SS_PPL .sp_page .sp_header .carousel_slide[data-active] {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .SS_PPL .sp_page .sp_header .carousel_slide > img {
                display: block;
                height: 100%;
                width: auto;
                max-height: 100%;
                max-width: 100%;
                object-fit: contain;
            }

        .SS_PPL .sp_page_lyric {
            overflow: hidden;
        }

            .SS_PPL .sp_page_lyric .sp_header {
                height: auto;
            }

        .SS_PPL .sp_page_records .sp_content_title {
            flex: 0 0 auto;
            position: relative;
            width: 100%;
            z-index: 5;
            padding-left: 30%;
            display: flex;
            flex-direction: row;
            gap: var(--space_10);
            align-items: center;
            justify-content: start;
        }

        .SS_PPL .sp_page_lyric .sp_content_lyric {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: center;
            overflow: hidden;
            padding: var(--space_3) 20%;
        }

        .SS_PPL .sp_content_lyric h5 {
            color: var(--color_Blue);
            width: 100%;
            padding-left: 30%;
        }

            .SS_PPL .sp_content_lyric h5:last-of-type {
                padding-bottom: var(--space_4);
            }

        .SS_PPL .sp_content_lyric .sp_lyric {
            width: 100%;
            overflow-y: auto;
            overflow-x: hidden;
            padding-left: 30%;
            padding-right: 20%;
            padding-bottom: var(--space_4);
        }

        .SS_PPL .sp_page_lyric .sp_content_lyric {
            padding: 0;
        }

        .SS_PPL .sp_page_lyric .sp_lyrics {
            width: 100%;
            padding-bottom: var(--space_4);
        }

        .SS_PPL .sp_page .sp_content_plate {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 60%;
            min-height: 0;
            padding: var(--space_4);
            box-sizing: border-box;
        }

            .SS_PPL .sp_page .sp_content_plate > a {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 100%;
                min-height: 0;
            }

                .SS_PPL .sp_page .sp_content_plate > a > img {
                    display: block;
                    height: 100%;
                    width: auto;
                    max-height: 100%;
                    max-width: 100%;
                    object-fit: contain;
                }

        .SS_PPL .sp_page .sp_content_male, .SS_PPL .sp_page .sp_content_prva {
            padding-top: var(--space_4);
        }

            .SS_PPL .sp_page .sp_content_male a, .SS_PPL .sp_page .sp_content_prva a {
                display: flex;
                flex-direction: column;
                justify-content: center;
                text-align: center;
                text-transform: uppercase;
                font-family: var(--font_Roboto);
                font-size: var(--font_size_32);
                color: var(--color_Blue);
                padding-bottom: var(--space_1_2);
            }

        .SS_PPL .sp_page .sp_content_photo {
            height: 100vh;
        }

            .SS_PPL .sp_page .sp_content_photo h1 {
                width: 100%;
                color: var(--color_Black);
                text-align: center;
                padding: 1rem;
                text-transform: uppercase;
            }

            .SS_PPL .sp_page .sp_content_photo .sp_text {
                width: 100%;
                height: 100%;
                text-align: center;
                overflow-y: auto;
                overflow-x: hidden;
            }

                .SS_PPL .sp_page .sp_content_photo .sp_text div {
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: stretch;
                }

                    .SS_PPL .sp_page .sp_content_photo .sp_text div img {
                        height: var(--space_80);
                        width: auto;
                        aspect-ratio: 1 / 1;
                        object-fit: cover;
                    }

                .SS_PPL .sp_page .sp_content_photo .sp_text::-webkit-scrollbar {
                    display: none;
                }

        .SS_PPL .sp_page .sp_content_thanks {
            overflow: hidden;
            display: flex;
            flex-direction: column;
            height: 50%;
            min-height: 0;
            overflow-y: auto;
            flex: 1 1 auto;
        }

            .SS_PPL .sp_page .sp_content_thanks h2 {
                padding: var(--space_8);
                padding-left: 0;
                text-transform: uppercase;
            }

            .SS_PPL .sp_page .sp_content_thanks h5 {
                padding-bottom: var(--space_4);
            }

            .SS_PPL .sp_page .sp_content_thanks .sp_text > div img {
                float: left;
                width: var(--space_16);
                padding-right: var(--space_4);
            }

            .SS_PPL .sp_page .sp_content_thanks .sp_text > p {
                padding-bottom: var(--space_4);
                line-height: var(--space_6);
                text-align: justify;
            }

            .SS_PPL .sp_page .sp_content_thanks .sp_text li {
                line-height: var(--space_8);
            }

            .SS_PPL .sp_page .sp_content_thanks .sp_text > img {
                width: var(--space_14);
            }

            .SS_PPL .sp_page .sp_content_thanks .sp_text .sp_special {
                padding-top: var(--space_4);
                padding-bottom: var(--space_4);
            }

        .SS_PPL .sp_page .sp_content_all .sp_text {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            position: relative;
        }

        .SS_PPL .sp_page .sp_content_all p {
            padding-top: var(--space_4);
            font-size: var(--font_size_18);
            text-align: center;
        }

        .SS_PPL .sp_page .sp_content_all .sp_text img {
            padding-top: var(--space_4);
            padding-bottom: var(--space_4);
            position: absolute;
            bottom: calc(var(--space_4) * -4);
            left: 20%;
            width: 60%;
        }

        .SS_PPL .sp_page .sp_content_football h1 {
            text-transform: uppercase;
        }

        .SS_PPL .sp_page .sp_content_football p {
            text-align: right;
            text-transform: uppercase;
        }

        .SS_PPL .sp_page .sp_content_football div {
            padding-top: var(--space_8);
        }

            .SS_PPL .sp_page .sp_content_football div p {
                text-transform: none;
                line-height: var(--space_6);
                text-align: justify;
                padding-top: var(--space_8);
            }

        @media only screen and (max-width: 64em) /*769-1024px*/ {
            .SS_PPL .sp_page {
                padding: var(--space_3) 10%;
            }

                .SS_PPL .sp_page .sp_content_member .sp_text p {
                    font-size: var(--font_size_18);
                }
        }

        @media only screen and (max-width: 48em) /*481-768px*/ {
            .SS_PPL .sp_page {
                padding: var(--space_3) var(--space_1_2);
                position: relative;
                display: flex;
                flex-direction: column;
                width: 100%;
                height: 100%;
                min-height: 0;
                box-sizing: border-box;
                overflow: hidden;
            }

                .SS_PPL .sp_page .sp_content_main {
                    grid-template-rows: none;
                    grid-auto-rows: max-content;
                    align-content: start;
                    min-height: 0;
                    padding: var(--space_4);
                    width: 100%;
                    overflow-y: auto;
                    overflow-x: hidden;
                }

                    .SS_PPL .sp_page .sp_content_main .sp_content_row {
                        display: flex;
                        flex: 0 0 auto; /* KLJUČNO */
                        flex-direction: column;
                        justify-content: flex-start;
                        align-items: center;
                        width: 100%;
                        min-height: 0;
                    }

                .SS_PPL .sp_page .sp_content_row > div {
                    width: 100%;
                    height: auto;
                    min-height: 0;
                    display: flex;
                    justify-content: center;
                    flex: 0 0 auto;
                }

                .SS_PPL .sp_page .sp_content_row a {
                    display: flex;
                    justify-content: center;
                    width: 100%;
                }

                .SS_PPL .sp_page .sp_content_row img {
                    display: block;
                    width: auto;
                    max-width: 100%;
                    height: auto;
                    margin: 0 auto;
                }

                .SS_PPL .sp_page .sp_header {
                    padding: var(--space_4);
                }

                    .SS_PPL .sp_page .sp_header a {
                        width: 100%;
                    }

                .SS_PPL .sp_page .sp_content_today {
                    padding: var(--space_3);
                }

                    .SS_PPL .sp_page .sp_content_today .sp_text li {
                        display: flex;
                        flex-direction: column;
                        font-size: var(--font_size_14);
                    }


                    .SS_PPL .sp_page .sp_content_today .sp_today_event {
                        width: 100%;
                    }

                .SS_PPL .sp_page .sp_content_members {
                    height: 100%;
                }

                    .SS_PPL .sp_page .sp_content_members .sp_text {
                        display: flex;
                        flex-direction: column;
                        width: 100%;
                        height: 100%;
                        padding-bottom: 20vh;
                    }

                        .SS_PPL .sp_page .sp_content_members .sp_text > div {
                            width: 100%;
                            height: var(--space_51);
                        }

                        .SS_PPL .sp_page .sp_content_members .sp_text img {
                            width: 100%;
                            height: auto;
                        }

                .SS_PPL .sp_page .sp_content_plate {
                    display: flex;
                    flex-direction: column;
                    width: 100%;
                    height: 100%;
                    overflow-y: scroll;
                }

                    .SS_PPL .sp_page .sp_content_plate::-webkit-scrollbar {
                        display: none;
                    }

                    .SS_PPL .sp_page .sp_content_plate .sp_text > div {
                        width: 100%;
                        height: var(--space_51);
                    }

                    .SS_PPL .sp_page .sp_content_plate .sp_text img {
                        width: 100%;
                        height: auto;
                    }

                .SS_PPL .sp_page .sp_content_photo .sp_text img {
                    width: 100%;
                }

                .SS_PPL .sp_page.sp_page_members {
                    padding: var(--space_3) var(--space_1_2);
                    position: relative;
                    display: block;
                    width: 100%;
                    height: 100%;
                    min-height: 0;
                    box-sizing: border-box;
                    overflow: hidden;
                }


            .SS_PPL .sp_page_members .sp_header {
                flex: 0 0 auto;
                padding: var(--space_3);
            }

            .SS_PPL .sp_page_members .sp_content_members {
                display: block;
                width: 100%;
                height: 100%;
                min-height: 0;
                overflow-y: auto;
                overflow-x: hidden;
                padding-bottom: 64px;
            }

            .SS_PPL .sp_page .sp_content_members .sp_text {
                display: block;
                align-items: center;
                width: 100%;
                height: auto;
                gap: 24px;
            }

            .SS_PPL .sp_page .sp_content_member .sp_text::-webkit-scrollbar {
                display: none;
            }

            .SS_PPL .sp_page_members .sp_text > div {
                display: block;
                flex: none;
                width: 100%;
                height: auto;
            }

            .SS_PPL .sp_page_members .sp_text a {
                display: flex;
                justify-content: center;
                width: 100%;
                height: auto;
            }

            .SS_PPL .sp_page_members .sp_text img {
                display: block;
                width: auto;
                max-width: 100%;
                height: auto;
                margin: 0 auto;
            }

            .SS_PPL .sp_page .sp_content_lyrics .sp_lyrics {
                overflow: auto;
                max-height: 75%;
            }

            .SS_PPL .sp_page_records .sp_content_lyric > * {
                padding-left: var(--space_3);
            }

            .SS_PPL .sp_page .sp_content_lyrics .sp_lyrics::-webkit-scrollbar {
                display: none;
            }

            .SS_PPL .sp_page .sp_content_male {
                overflow: auto;
                max-height: 75%;
            }

                .SS_PPL .sp_page .sp_content_male::-webkit-scrollbar {
                    display: none;
                }
        }