/* Custom styles for MEUDia landing page */

/* Logo treatments for removing white background */
.logo-no-bg {
    filter: 
        drop-shadow(0 0 10px rgba(255, 255, 255, 0.3))
        contrast(1.2)
        brightness(1.1);
    mix-blend-mode: multiply;
    background: transparent;
}

/* Alternative approach for logos with white backgrounds */
.logo-cutout {
    background: 
        radial-gradient(circle, transparent 45%, white 46%, white 54%, transparent 55%),
        conic-gradient(from 0deg, transparent 0deg, white 10deg, transparent 20deg);
    mix-blend-mode: screen;
}

/* Enhanced transparent background for logos */
.logo-transparent {
    background: radial-gradient(circle, rgba(255,255,255,0) 60%, rgba(255,255,255,0.1) 100%);
    border-radius: 50%;
    padding: 10px;
}

/* Additional logo enhancement */
.logo-enhanced {
    filter: 
        brightness(1.1)
        contrast(1.15)
        saturate(1.1)
        drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
}

/* Animation for logo hover effects */
.logo-hover {
    transition: all 0.3s ease;
}

.logo-hover:hover {
    transform: scale(1.05);
    filter: 
        brightness(1.2)
        contrast(1.2)
        saturate(1.2)
        drop-shadow(0 4px 12px rgba(0, 0, 0, 0.15));
}

/* Custom gradient backgrounds */
.gradient-bg-custom {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.academic-section {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

/* Card hover effects */
.card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Pulse animation */
.pulse-animation {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.8;
        transform: scale(1.02);
    }
}

/* Custom styling for university logos */
.university-logo {
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
    transition: all 0.3s ease;
}

.university-logo:hover {
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.15));
    transform: scale(1.05);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .logo-no-bg, .university-logo {
        filter: brightness(1.1) contrast(1.1);
    }
}