/* ====================================================
   VEDANT ENTERPRISES LOGO CUSTOM STYLING
   ==================================================== */

/* Logo Container - Main Header */
.logo img {
    max-width: 280px;
    height: auto;
    width: auto;
    max-height: 60px;
    object-fit: contain;
    transition: all 0.3s ease;
}

/* Regular Logo (logo_img) */
.logo_img img {
    max-width: 280px !important;
    height: auto !important;
    width: auto !important;
    max-height: 60px !important;
    object-fit: contain;
}

/* Sticky Logo (main_sticky) */
.main_sticky img {
    max-width: 250px !important;
    height: auto !important;
    width: auto !important;
    max-height: 50px !important;
    object-fit: contain;
}

/* Footer Logo */
.footer-logo img {
    max-width: 300px;
    height: auto;
    width: auto;
    max-height: 80px;
    object-fit: contain;
}

/* Ensure logo doesn't overflow */
.logo {
    display: flex;
    align-items: center;
    position: relative;
    top: 0;
}

/* Sticky header logo adjustments */
.sticky .logo img {
    max-height: 45px;
    max-width: 220px;
}

.solutek_nav_manu.sticky .logo {
    margin-top: 0;
    padding: 10px 0;
}

/* Mobile Menu Logo */
.mean-container .logo img {
    max-width: 200px;
    height: auto;
    max-height: 50px;
}

/* ====================================================
   RESPONSIVE LOGO ADJUSTMENTS
   ==================================================== */

/* Tablet and below */
@media (max-width: 991px) {
    .logo img {
        max-width: 220px;
        max-height: 50px;
    }
    
    .logo_img img {
        max-width: 220px !important;
        max-height: 50px !important;
    }
    
    .main_sticky img {
        max-width: 200px !important;
        max-height: 45px !important;
    }
    
    .footer-logo img {
        max-width: 250px;
        max-height: 60px;
    }
}

/* Mobile devices */
@media (max-width: 767px) {
    .logo img {
        max-width: 180px;
        max-height: 40px;
    }
    
    .logo_img img {
        max-width: 180px !important;
        max-height: 40px !important;
    }
    
    .main_sticky img {
        max-width: 160px !important;
        max-height: 35px !important;
    }
    
    .footer-logo img {
        max-width: 200px;
        max-height: 50px;
        margin: 0 auto;
        display: block;
    }
    
    .sticky .logo img {
        max-height: 35px;
        max-width: 160px;
    }
}

/* Small mobile devices */
@media (max-width: 480px) {
    .logo img {
        max-width: 150px;
        max-height: 35px;
    }
    
    .logo_img img {
        max-width: 150px !important;
        max-height: 35px !important;
    }
    
    .main_sticky img {
        max-width: 140px !important;
        max-height: 30px !important;
    }
    
    .footer-logo img {
        max-width: 180px;
        max-height: 45px;
    }
}

/* ====================================================
   HEADER SPACING ADJUSTMENTS FOR LOGO
   ==================================================== */

/* Adjust navigation spacing to accommodate logo */
.solutek_nav_manu {
    padding: 25px 39px 0;
}

.solutek_menu > ul > li > a {
    margin: 18px 21px 18px;
}

/* Sticky header compact spacing */
.sticky.solutek_nav_manu {
    padding: 10px 100px;
}

.sticky .solutek_menu > ul > li > a {
    margin: 15px 21px 15px;
}

/* Footer logo centering */
.footer-logo {
    text-align: left;
    margin-bottom: 20px;
}

.footer-logo a {
    display: inline-block;
}

/* ====================================================
   LOGO QUALITY & PERFORMANCE
   ==================================================== */

/* Ensure crisp rendering */
.logo img,
.footer-logo img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: bicubic;
}

/* Smooth transitions */
.logo img,
.footer-logo img {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Hover effect (optional) */
.logo a:hover img {
    transform: translateY(-2px);
}

.footer-logo a:hover img {
    opacity: 0.8;
}