/* === Основни стилови за лого === */
.navbar-brand {
    display: flex !important;
    align-items: center !important;
    padding: 5px 15px !important;
    margin-top: 0 !important;
    height: auto !important;
}

.navbar-brand img {
    max-height: 100px;
    width: auto;
    height: auto;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
    display: block;
}

/* Hover ефект на лого */
.navbar-brand:hover img {
    transform: scale(1.05);
    filter: drop-shadow(0 4px 12px rgba(79, 70, 229, 0.3));
}

/* Responsive стилови за лого */
@media (max-width: 991px) {
    .navbar-brand img {
        max-height: 80px;
    }
}

@media (max-width: 767px) {
    .navbar-brand img {
        max-height: 70px;
    }
}

@media (max-width: 480px) {
    .navbar-brand img {
        max-height: 60px;
    }
}

/* Анимација при вчитување */
@keyframes logoFadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.navbar-brand img {
    animation: logoFadeIn 0.6s ease-out;
}

/* Sticky header - помало лого */
header.sticky .navbar-brand img {
    max-height: 80px;
    transition: max-height 0.3s ease;
}

/* Подобрена видливост на лого */
.navbar-brand {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    transition: all 0.3s ease;
}

.navbar-brand:hover {
    background: rgba(255, 255, 255, 0.1);
}

/* Лого во footer (ако е потребно) */
footer .footer-logo img {
    max-height: 80px;
    width: auto;
    filter: brightness(0) invert(1);
    opacity: 0.9;
    transition: opacity 0.3s ease;
}

footer .footer-logo:hover img {
    opacity: 1;
}

/* Print стилови */
@media print {
    .navbar-brand img {
        max-height: 40px;
        filter: none;
    }
}

/* High DPI екрани */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .navbar-brand img {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

/* Accessibility - фокус состојба */
.navbar-brand:focus {
    outline: 3px solid rgba(79, 70, 229, 0.5);
    outline-offset: 4px;
    border-radius: 12px;
}

/* Loading state */
.navbar-brand img[src=""] {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: loading 1.5s infinite;
}

@keyframes loading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Модерен ефект - glow на hover */
.navbar-brand:hover img {
    filter: drop-shadow(0 4px 12px rgba(79, 70, 229, 0.3))
            drop-shadow(0 0 20px rgba(6, 182, 212, 0.2));
}

/* Smooth transition за сите промени */
.navbar-brand,
.navbar-brand img {
    will-change: transform;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}

/* Подобрена позиција во header */
.navbar-header {
    display: flex;
    align-items: center;
    min-height: 100px;
}

.navbar-header .navbar-brand {
    margin: 0 !important;
    padding: 5px 15px !important;
}

/* За темни позадини - подобрена видливост */
.dark-bg .navbar-brand img {
    filter: brightness(1.1) drop-shadow(0 2px 8px rgba(255, 255, 255, 0.1));
}

/* Gradient border ефект околу лого (опционално) */
.navbar-brand.with-border {
    position: relative;
    padding: 12px 20px;
}

.navbar-brand.with-border::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 2px;
    background: linear-gradient(135deg, #4F46E5 0%, #06B6D4 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.navbar-brand.with-border:hover::before {
    opacity: 1;
}

/* Retina оптимизација */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (min--moz-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2),
       only screen and (min-resolution: 192dpi),
       only screen and (min-resolution: 2dppx) {
    .navbar-brand img {
        image-rendering: -webkit-optimize-contrast;
    }
}