/* ========================================
   LOGO ENHANCEMENT - Make Logo Bigger Without Increasing Navbar Height
   VERSION 21.0.0 - Enhanced Logo Size (130px Desktop)
   ======================================== */

/* Strategy: Use negative margins and transform to let logo extend beyond navbar bounds */

/* Desktop Logo - Make it SIGNIFICANTLY bigger */
.navbar-logo img {
    height: 190px !important; /* Increased from 100px - now MUCH more visible */
    width: auto;
    object-fit: contain;
    /* Allow logo to extend beyond navbar using negative margin */
    margin-top: -25px !important;
    margin-bottom: -25px !important;
    position: relative;
    z-index: 1001; /* Ensure logo stays on top */
    transition: all 0.3s ease;
}

/* Keep navbar container compact */
.navbar {
    padding: 0.5rem 0 !important;
    min-height: 70px !important; /* Fixed height for navbar */
    overflow: visible !important; /* Allow logo to extend beyond */
}

.navbar .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

/* Optional: Add subtle shadow to logo for better visibility */
.navbar-logo img:hover {
    transform: scale(1.05);
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
}

/* Tablet Logo - Still bigger than before */
@media (max-width: 1024px) {
    .navbar-logo img {
        height: 110px !important; /* Increased from 85px */
        margin-top: -20px !important;
        margin-bottom: -20px !important;
    }
}

/* Mobile Logo - Bigger but proportional */
@media (max-width: 768px) {
    .navbar-logo img {
        height: 90px !important; /* Increased from 70px */
        margin-top: -15px !important;
        margin-bottom: -15px !important;
    }
    
    .navbar {
        min-height: 65px !important;
    }
}

/* Small Mobile - Still visible and prominent */
@media (max-width: 480px) {
    .navbar-logo img {
        height: 75px !important; /* Increased from 60px */
        margin-top: -12px !important;
        margin-bottom: -12px !important;
    }
    
    .navbar {
        min-height: 60px !important;
    }
}

/* Ensure logo doesn't interfere with menu */
.navbar-logo {
    flex-shrink: 0;
    margin-right: 2rem;
}

/* Smooth scrolling behavior for logo */
.navbar.scrolled .navbar-logo img {
    height: 115px !important; /* Slightly smaller when scrolled, but still VERY visible - increased from 90px */
}

@media (max-width: 768px) {
    .navbar.scrolled .navbar-logo img {
        height: 80px !important; /* Increased from 65px */
    }
}