/*your custom css goes here*/

/* Logo Header Customization */
#header-logo-preview {
    max-height: 120px !important;
    height: auto !important;
    width: auto !important;
    object-fit: contain;
}

/* Responsive logo sizing */
@media (max-width: 768px) {
    #header-logo-preview {
        max-height: 90px !important;
    }
}

@media (max-width: 480px) {
    #header-logo-preview {
        max-height: 70px !important;
    }
}

/* Ensure logo container has proper spacing */
.logo-bar-area .col-auto {
    min-width: 150px;
}

/* Adjust header padding for larger logo */
.logo-bar-area {
    padding: 3px 0;
}

/* Reduce logo container padding */
.logo-bar-area .col-auto a {
    padding: 3px 0 !important;
}

/* Reduce margins around logo */
.logo-bar-area .col-auto {
    margin-right: 15px !important;
}

/* Compact header overall */
.logo-bar-area .container {
    padding-top: 2px;
    padding-bottom: 2px;
}

/* Custom padding class */
.py-8px {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

/* Reduce spacing between header elements */
.logo-bar-area .d-flex {
    align-items: center;
    min-height: auto;
}

/* Reduce margins for all header elements */
.logo-bar-area .mr-3 {
    margin-right: 10px !important;
}

.logo-bar-area .ml-3 {
    margin-left: 10px !important;
}

/* Compact search bar area */
.front-header-search {
    margin: 0 10px !important;
}

/* Logo hover effect */
#header-logo-preview {
    transition: transform 0.3s ease;
}

#header-logo-preview:hover {
    transform: scale(1.05);
}