/* Core Header Styles - These styles will always be applied to the header */
.header-wrapper {
    /* Use a specific class to scope header styles */
    position: relative;
    z-index: 100; /* Ensure header is above other content */
}

/* Prevent page styles from affecting header elements */
.header-wrapper * {
    box-sizing: border-box;
}

/* Basic header container styles */
.header-container {
    padding: 20px 0;
}

/* Logo styling */
.header-wrapper .logo-container img {
    max-height: 80px;
}

@media (max-width: 991px) {
    .header-wrapper .logo-container img {
        max-height: 60px;
    }
    .header-wrapper .header-container {
        padding: 15px 0;
    }
}