/* Logo Theme Support - Ensures visibility in both light and dark modes */

/* Base logo styles with smooth transitions */
.logo-image {
    transition: filter 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
    max-width: 100%;
    height: auto;
}

/* Header logos - normal in light mode, inverted in dark mode */
.logo-header {
    filter: none;
}

/* Footer logos - inverted for dark footer backgrounds */
.logo-footer {
    filter: brightness(0) invert(1);
}

/* Dark mode adjustments using Tailwind's dark class */
.dark .logo-header {
    /* Invert header logo in dark mode for visibility */
    filter: brightness(0) invert(1);
}

.dark .logo-footer {
    /* Revert footer logo inversion in dark mode if footer becomes light */
    filter: none;
}

/* Hover effects */
.logo-image:hover {
    opacity: 0.8;
    transform: scale(1.02);
}

/* Accessibility: High contrast mode support */
@media (prefers-contrast: high) {
    .logo-image {
        filter: contrast(1.3) !important;
    }
}

/* Accessibility: Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .logo-image {
        transition: none !important;
        transform: none !important;
    }
}