
.sp-smart-post-lists-svg-icon{
        fill: none !important;
    }

.sp-smart-post-smart-lists-wrapper{
    list-style: none;    
    position: relative;
    background-repeat: 'no-repeat';
    background-position: 'center';
    transition: all 0.3s ease;
    counter-reset: list-counter;

    * {
        z-index: 9;
    }

        &:focus,
        &:focus{
            outline: none;
            border: none;
    }

    &::after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: transparent;
        z-index: 1;
    }

    &:hover{
        background-repeat: 'no-repeat';
        background-position: 'center';
    } 

    .block-editor-inner-blocks {
        width: 100%;
    }

    .sp-smart-post-list-icon-container,
    .sp-smart-post-list-icon-svg svg path,
    .sp-smart-post-list-title,
    .sp-smart-post-list-description,
    .sp-smart-post-list-icon{
        transition: all 0.3s ease;
    }

   
    &.connection-line {
        .wp-block-sp-smart-post-show-smart-list {
            position: relative;
            &::before {
                content: "";
                position: absolute;
                left: 20px;
                top: 0;
                bottom: 0;
                width: 2px;
                background: #ad2020;
            }
        }
    }

    .block-editor-block-list__layout{
        display: flex;       
        flex-wrap: wrap;
    }

        .wp-block-sp-smart-post-show-smart-list:last-child {
                
                .sp-smart-post-smart-list-wrapper  {
                    border: none !important;     
                    margin-bottom: 0 !important;
                    padding-bottom: 0 !important;              
                } 
    }

     &.divider {
        .block-editor-block-list__layout {

             .wp-block-sp-smart-post-show-smart-list:last-child{
                border: none !important;
             }
             
            > .wp-block-sp-smart-post-show-smart-list:has(+ .block-list-appender.wp-block ) {    
                   
                    .sp-smart-post-smart-list-wrapper  {
                            border: none !important;     
                            margin-bottom: 0;
                            padding-bottom: 0;                 
                    } 
            }
           
            }
    }

    .sp-smart-post-list-icon-container{
      
        .sp-smart-post-list-icon-svg{           
            display: flex;
            align-items: center;
            justify-content: center;          

            &::before {
                display: flex;
                align-items: center;
                justify-content: center;                
            }
        }
        .sp-smart-post-list-icon{
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
    
    .sp-smart-post-smart-list-wrapper{
        .sp-smart-post-list-icon-container{
            flex-shrink: 0;           
        }
        .sp-smart-post-list-link{
            cursor: default;
        }
    }
}

.sp-smart-post-smart-lists-front-end.sp-smart-post-smart-lists-wrapper{
    .sp-smart-post-smart-list-wrapper{        
        .sp-smart-post-list-link{
            cursor: pointer;        
        }
    }
}

.sp-smart-post-smart-lists-front-end{
    flex-wrap: wrap;     
    .sp-smart-post-smart-list-front-end:last-child{
        .sp-smart-post-smart-list-wrapper{
        border-bottom: none !important;
        border-right: none !important;
        }        
    }
    
}







