/* Custom Header Styling for WebFiltramas */

/* White background with light blue texture */
header nav.navbar {
    height: auto;
    min-height: 100px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    background: linear-gradient(135deg, #f5f6f7 0%, #fcfcfc 100%) !important;
    box-shadow: 0 2px 8px rgba(5, 123, 249, 0.15) !important;
}

@media (max-width: 991px) {
    header nav.navbar {
        min-height: auto;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
}

/* Logo container */
header .navbar-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    width: 140px;
    height: 65px;
    padding: 0;
    margin-right: 0;
    flex-shrink: 0;
}

@media (max-width: 991px) {
    header .navbar-brand {
        width: 110px;
        height: 55px;
        margin-right: auto;
    }
}

/* Navigation menu centering */
header .navbar-nav {
    width: 100%;
    justify-content: center;
    gap: 0.5rem;
}

@media (max-width: 991px) {
    header .navbar-nav {
        justify-content: flex-start;
        width: auto;
    }
}

/* Header top bar styling */
.top-bar {
    background: linear-gradient(135deg, #0b42ea 0%, #313de8 100%);
    border-bottom: 1px solid #2851f4;
}

/* Navigation link colors */
header .nav-link {
    color: #003366 !important;
    transition: color 0.3s ease;
}

header .nav-link:hover {
    color: #0055ff !important;
}

/* Dropdown menu styling */
header .dropdown-menu {
    background: #ffffff;
    border: 1px solid #d0e8ff;
    box-shadow: 0 4px 12px rgba(100, 150, 200, 0.2);
}

header .dropdown-item {
    color: #003366;
}

header .dropdown-item:hover {
    background-color: #e8f4ff;
    color: #0055ff;
}

/* Off canvas menu styling */
.offCanvas__info {
    background: linear-gradient(135deg, #ffffff 0%, #e8f4ff 100%);
}

.offCanvas__info .nav-link {
    color: #003366 !important;
}

/* Off canvas logo styling */
.offCanvas__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 80px;
    overflow: hidden;
}

.offCanvas__logo img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Mega menu styling */
header .mega-menu {
    background: #ffffff;
    border-top: 2px solid #0055ff;
}

/* Logo sizing */
header .navbar-brand img {
    max-height: 300%;
    max-width: 300%;
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: center;
}

/* Button styling */
header .btn-white {
    background-color: #0055ff;
    color: white;
}

header .btn-white:hover {
    background-color: #003a99;
    color: white;
}

/* Search button styling */
header .btn-open-search svg {
    stroke: #003366;
}

/* Mobile menu button styling */
header .btn-menu svg line,
header .btn-menu svg path {
    stroke: #003366 !important;
}

/* Navbar link hover background */
header .navbar .navbar-nav .nav-item .nav-link:hover {
    background-color: transparent !important;
    color: #0055ff !important;
}

/* Remove dropdown arrow icon */
header .navbar .navbar-nav .nav-item.menu-item-has-children .nav-link::after {
    display: none !important;
}