/* 
   This file adds more vertical padding to the navigation bar 
   to give more breathing room around the logo
*/

/* Default navbar state with more vertical padding */
.navbar {
    padding: 25px 5% !important; /* Increased padding for taller navbar */
    height: auto !important; /* Allow height to adjust to content */
    min-height: 100px !important; /* Increased minimum height for the navbar */
}

/* Scrolled navbar state with more vertical padding */
.navbar.scrolled {
    padding: 18px 5% !important; /* Increased padding for scrolled state */
    min-height: 85px !important; /* Increased minimum height for scrolled state */
}

/* Logo size adjustments for better fit */
.logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center; 
}

.logo img {
    max-height: 70px !important; /* Increased logo size */
    padding: 5px 0 !important; /* Add padding above and below logo */
}

/* Scrolled state logo adjustments */
.navbar.scrolled .logo img {
    max-height: 55px !important; /* Increased scrolled logo size */
    padding: 5px 0 !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .navbar {
        padding: 20px 5% !important;
    }
    
    .navbar.scrolled {
        padding: 15px 5% !important;
    }
    
    .logo {
        height: 60px !important;
    }
    
    .logo img {
        max-height: 50px !important;
    }
}