.admin-bar {
    a[name=comic] {
        top:64px !important;
    }
    .comipa-media-img {
        max-height: calc(100vh - 50px - 50px - 32px );
        &.zoom{max-height:1800px;}
    }
}

a[name=comic] {
    position:absolute !important;
    top:32px;
}
.comipa-media-img {
    display: flex; /* Enable flexbox for the container */
    flex-wrap: nowrap; /* Prevent images from wrapping to the next line */
    width: 100%; /* Ensure the container takes up the full width of its parent */
    height: auto; /* Allow the container's height to adjust based on image content */
    /* align-items: center; */
    height: auto;
    max-height: calc(100vh - 50px - 50px);
    max-width:100%;
    justify-content: center;
    position:relative;
    gap: 10px;
    
    &.zoom{max-height:1800px;}
    
    a{
        max-height:inherit;  
    }
   
    img {
        flex:1;
        min-width: 1%;
        object-fit: contain;
        max-width:100%;
        max-height:inherit;
        width:auto !important;
        border-radius: 0;
    }

    &.comipa-double-page-spread {
        img {
            object-position:left
        }
        img:first-child{
            object-position:right;
            /* margin-right:4px; */
        }
    }
}

.comipa-media-img .image-overlay {
    display: none !important;
    opacity: 0 !important;
    }


#comipa-nav {
    display:flex;
    width:100%;
    justify-content: center;
    gap: 20px;
    align-items: center;
    padding:10px;
    margin: 0;
    li {
        display:inline-block;
        padding:2px 5px;
        a {
            color: var(--enfold-main-color-primary);
            &:hover {
                color: var(--enfold-main-color-secondary);
            }
        }

        select {
            padding: 5px 30px 5px 5px;
            margin:0px;

            border-color: var(--enfold-main-color-border);
            background-color: var(--enfold-main-color-bg2);
            color: var(--enfold-main-color-meta);
            font-family: inherit;
        }
    }

}


.comipa-display-toggle {
    /* /* background-color: #3333;
    height:30px; 
    width:30px; */

    opacity:0.5;

    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 90%;
    &:hover{
        opacity:1;
    }
    &.comipa-display-spread{
        background-image:url(/wp-content/plugins/comic-party/assets/images/comipa_single.svg);
    }
    &.comipa-display-single{
        background-image:url(/wp-content/plugins/comic-party/assets/images/comipa_spread.svg);
    }
}


.comipa-series-list{
    margin:10px;
    padding:10px;

    display:flex;
    gap:20px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    .comipa-series-thumb{
        border:1px solid black;
        /* height:fit-content; */
        position:relative;
        height:250px;

        a {
            height:100%;
            width:100%;
        }

        img {
            height:100%;
            width:auto;
        }

    }

}