/* Sidebar Container */
.indexing-clean-list {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* Individual Logo Rows */
.logo-row-clean {
    padding: 20px 10px !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    transition: all 0.3s ease-in-out !important; /* Smooth transition for hover */
}

/* The Hover Effect */
.logo-row-clean:hover {
    background-color: rgba(0, 86, 179, 0.03) !important; /* Very subtle blue tint on hover */
    transform: translateY(-2px) !important; /* Gentle lift effect */
}

.logo-row-clean img {
    max-width: 85% !important;
    height: auto !important;
    display: block !important;
    filter: grayscale(20%) opacity(0.8) !important; /* Softens logos initially */
    transition: all 0.3s ease-in-out !important;
}

/* Logo Focus on Hover */
.logo-row-clean:hover img {
    filter: grayscale(0%) opacity(1) !important; /* Returns color and clarity on hover */
    transform: scale(1.05) !important; /* Slight zoom for interaction */
}

/* Scaling for large images like ISSN */
.issn-fix {
    max-height: 45px !important;
}

.iasj-fix {
    max-width: 180px !important;
}

/* Animated Divider */
.idx-sep-clean {
    border: 0 !important;
    border-top: 1px solid #eee !important;
    margin: 0 15% !important;
    transition: width 0.4s ease !important;
}

.logo-row-clean:hover + .idx-sep-clean {
    border-top: 1px solid #0056b3 !important; /* Divider turns blue when hovering above it */
}