/* University Logos Styling */
.front-logos .item-box img {
    transition: opacity 0.3s ease;
    opacity: 1;
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.front-logos .item-box:hover img {
    filter: grayscale(0);
    opacity: 1;
}

/* Admin Meta Box Styling */
.university-logos-container {
    margin-top: 10px;
}

.university-logo-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #ddd;
    background: #f9f9f9;
    border-radius: 4px;
}

.university-logo-preview {
    width: 60px;
    height: 40px;
    object-fit: contain;
    margin-right: 10px;
    border: 1px solid #ccc;
    background: white;
}

.university-logo-url {
    flex: 1;
    margin-right: 10px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.remove-logo {
    background: #dc3545;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
}

.remove-logo:hover {
    background: #c82333;
}

#add-university-logo {
    background: #007cba;
    color: white;
    border: none;
    padding: 8px 15px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 10px;
}

#add-university-logo:hover {
    background: #005a87;
}

/* Multiple upload buttons styling */
.upload-multiple-logos-btn {
    margin-right: 10px !important;
}

.clear-all-logos-btn:hover {
    background: #c82333 !important;
    border-color: #c82333 !important;
}

.university-logos-section .logo-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #ddd;
    background: #f9f9f9;
    border-radius: 4px;
}

.university-logos-section .logo-item img {
    max-width: 80px;
    max-height: 50px;
    object-fit: contain;
}

.university-logos-section .button {
    white-space: nowrap;
}

.py-md-4 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}