/**handles:clevelandautoshow-schedule-style**/
.events-schedule {
    background-color: #F7F9FA;
    container-type: inline-size;

    .accordion-content,
    .accordion-inner-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }

    .accordion-toggle {
        cursor: pointer;

        .trigger-icon {
            height: 0.875rem;   

            &:is(.trigger-icon-child ) {
                height: 0.875rem;
            }
        }

        &:is(.active) {
            .trigger-icon {
                background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDE0IDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDJIMTQiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNCIvPgo8L3N2Zz4K") /* stylelint-disable-line */;
                height: 0.313rem;

                &:is(.trigger-icon-child ) {
                        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDE0IDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDJIMTQiIHN0cm9rZT0iIzNCNDZGMSIgc3Ryb2tlLXdpZHRoPSI0Ii8+Cjwvc3ZnPgo=") /* stylelint-disable-line */;
                        height: 0.313rem;
                }
            }
        }
    }

    .accordion-item {
        .accordion-toggle {
            color: var(--wp--preset--color--white);
            background-color: var(--wp--preset--color--base);
            border: none;
            width: 100%;
            text-align: left;
            padding: 2.375rem 0;
        }

        .accordion-toggle-child {
            background-color: var(--wp--preset--color--white);
            color: var(--wp--preset--color--black);
            border: none;
            width: 100%;
            text-align: left;
            padding: 2.375rem 0;
        }
    }

    .accordion-toggle-wrapper {
        max-width: var(--wp--style--global--wide-size);
        margin: 0 auto;
        padding-right: 1.25rem;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .trigger-header {
            display: flex;
            align-items: center;

            span {
                font-size: 1rem;
                font-weight: 700;
                line-height: 1.5;
                margin-left: 0.5rem;
            }

            @container (min-width: 768px) {
                span {
                    font-size: 1.125rem;
                    margin-left: 1rem;
                }
            }
        }

        .trigger-icon {
            width: 0.875rem;
            height: 0.875rem;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgN0gxNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0Ii8+CjxwYXRoIGQ9Ik03IDBMNyAxNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0Ii8+Cjwvc3ZnPgo="); /* stylelint-disable-line */
            background-size: contain;
            background-repeat: no-repeat;
            display: block;
            transition: transform 0.3s;

            &:is(.trigger-icon-child ) {
                background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgN0gxNCIgc3Ryb2tlPSIjM0I0NkYxIiBzdHJva2Utd2lkdGg9IjQiLz4KPHBhdGggZD0iTTcgMEw3IDE0IiBzdHJva2U9IiMzQjQ2RjEiIHN0cm9rZS13aWR0aD0iNCIvPgo8L3N2Zz4K") /* stylelint-disable-line */;
            }
        }

        span {
            flex-shrink: 0;
            font-size: 1rem;
        }

        .time-wrapper {
            display: flex;
            align-items: center;
            gap: 10px;
            width: auto;

            .time {
                white-space: nowrap;
                font-weight: 700;
                font-size: 1rem;
                line-height: 1.5;
            }

            @container (min-width: 768px) {
                width: 200px;
            }
        }

        .dots {
            flex-grow: 1;
            border-bottom: 1px dotted var(--wp--preset--color--base);
            margin: 0 0.625rem;
            display: none;

            @container (min-width: 768px) {
                margin: 0 1.25rem;
                display: block;
            }
        }
    }

    ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .accordion-inner-content {
        .accordion-toggle-wrapper {
            padding: 0 1.25rem 1.25rem;
            flex-direction: column;

            p {
                margin-top: 1.25rem;
            }

            @container (min-width: 768px) {
                flex-direction: row;

                p {
                    margin-top: 0;
                }
            }
        }

        img {
            border-radius: 5px;
        }

        p {
            max-width: 80%;
            margin: 0 auto;
        }

        &:is(.active) {
            background-color: #F7F9FA;
        }
    }

    .accordion-toggle-child:is(.active) {
        background-color: #F7F9FA;

        &:focus,
        &:focus-within {
            outline: none;
        }
    }

    .cut-corners {
        --b: 1px;
        --s: 15px;
        --c: var(--wp--preset--color--white);
        border: var(--b) solid var(--c);
        border-radius: 2px;
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--s)), calc(100% - var(--s)) 100%, 0 100%);
        background: linear-gradient(-45deg, var(--c) calc(0.707 * var(--s) + var(--b)), transparent 0) border-box;
        background-color: var(--wp--preset--color--base);
        text-align: center;
        max-width: max-content;
        padding: 0.375rem 0.75rem;
    }

    @container (min-width: 700px) {
        .accordion-inner-content {
            p {
                width: 80%;
                margin-left: 2rem;
            }
        }
    }
}