/* KivuDeal Logo Styles */

.logo-kivudeal {
    filter: brightness(1.1) contrast(1.1);
    transition: all 0.3s ease;
    max-width: 100%;
    height: auto;
}

.logo-kivudeal:hover {
    filter: brightness(1.2) contrast(1.2);
    transform: scale(1.05);
}

/* Logo sizes */
.logo-kivudeal.logo-sm {
    height: 1.5rem; /* 24px */
}

.logo-kivudeal.logo-md {
    height: 2rem; /* 32px */
}

.logo-kivudeal.logo-lg {
    height: 2.5rem; /* 40px */
}

.logo-kivudeal.logo-xl {
    height: 3rem; /* 48px */
}

.logo-kivudeal.logo-2xl {
    height: 4rem; /* 64px */
}

/* Responsive logo */
@media (max-width: 640px) {
    .logo-kivudeal:not([class*="logo-"]) {
        height: 2rem; /* h-8 */
    }
}

@media (min-width: 641px) {
    .logo-kivudeal:not([class*="logo-"]) {
        height: 2.5rem; /* h-10 */
    }
}

/* Logo variants */
.logo-kivudeal.logo-inverted {
    filter: invert(1) brightness(1.1) contrast(1.1);
}

.logo-kivudeal.logo-grayscale {
    filter: grayscale(1) brightness(1.1) contrast(1.1);
}

.logo-kivudeal.logo-shadow {
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1)) brightness(1.1) contrast(1.1);
}

/* Logo animation */
@keyframes logoFloat {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-5px);
    }
}

.logo-kivudeal.logo-animated {
    animation: logoFloat 3s ease-in-out infinite;
}

/* Logo container */
.logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-container.logo-left {
    justify-content: flex-start;
}

.logo-container.logo-right {
    justify-content: flex-end;
}

/* Fallback styles */
.logo-fallback {
    display: none;
    align-items: center;
    gap: 0.5rem;
}

.logo-fallback .fallback-icon {
    color: #60a5fa; /* text-blue-400 */
    font-size: 1.5rem;
}

.logo-fallback .fallback-text {
    font-weight: bold;
    font-size: 1.25rem;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .logo-kivudeal.logo-auto {
        filter: brightness(1.2) contrast(1.1);
    }
}

/* Print styles */
@media print {
    .logo-kivudeal {
        filter: none;
        transform: none;
    }
}