/* =========================================================
   BIGGER LOGO IN NAVIGATION HEADER
   ========================================================= */

/* Make the logo bigger */
.nav-logo .logo-img {
    height: 80px !important;  /* Increased from 60px */
    max-width: 280px !important;  /* Increased from 200px */
    width: auto !important;
    object-fit: contain !important;
    transition: all 0.3s ease !important;
}

/* Adjust navbar height to accommodate bigger logo */
.navbar {
    min-height: 90px !important;  /* Increased to fit bigger logo */
    padding: 10px 0 !important;
}

/* Center align navbar items with bigger logo */
.nav-container {
    align-items: center !important;
    min-height: 90px !important;
}

/* Ensure logo link displays properly */
.nav-logo .logo-link {
    display: inline-block !important;
    height: auto !important;
}

/* Hover effect for bigger logo */
.nav-logo .logo-link:hover .logo-img {
    transform: scale(1.05) !important;
    opacity: 0.9 !important;
}

/* Mobile responsive - slightly smaller on mobile */
@media (max-width: 768px) {
    .nav-logo .logo-img {
        height: 70px !important;  /* Slightly smaller on mobile */
        max-width: 240px !important;
    }

    .navbar {
        min-height: 80px !important;
    }

    .nav-container {
        min-height: 80px !important;
    }
}

@media (max-width: 480px) {
    .nav-logo .logo-img {
        height: 60px !important;  /* Even smaller on small mobile */
        max-width: 200px !important;
    }

    .navbar {
        min-height: 70px !important;
    }

    .nav-container {
        min-height: 70px !important;
    }
}

/* Desktop - even bigger on large screens */
@media (min-width: 1200px) {
    .nav-logo .logo-img {
        height: 90px !important;  /* Even bigger on desktop */
        max-width: 320px !important;
    }

    .navbar {
        min-height: 100px !important;
    }

    .nav-container {
        min-height: 100px !important;
    }
}