:root {
    --ats-nav-height: 68px;
}

.navbar,
.navbar-transparent {
    position: fixed;
    top: var(--ats-toolbar-offset, 0px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    height: 84px !important;
    min-height: var(--ats-nav-height);
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.navbar .navbar-content,
.navbar-transparent .navbar-content {
    height: 84px !important;
    min-height: var(--ats-nav-height);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

body .navbar > .container,
body .navbar-transparent > .container {
    width: 100%;
    max-width: 1280px !important;
    margin: 0 auto;
    padding: 0 24px !important;
}

body .navbar > .navbar-content,
body .navbar-transparent > .navbar-content {
    width: 100%;
    max-width: 1280px !important;
    margin: 0 auto;
    padding: 0 24px !important;
}

body .navbar > .container > .navbar-content,
body .navbar-transparent > .container > .navbar-content {
    width: 100%;
    padding: 0 !important;
}

body .navbar {
    background: #fff;
    backdrop-filter: none;
}

body .navbar .social-links {
    display: flex;
    align-items: center;
    gap: 20px;
    height: 100%;
    margin: 0;
}

body .navbar .social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 32px;
    font-size: 18px;
}

body .navbar .nav-menu,
body .navbar-transparent .nav-menu {
    display: flex;
    gap: 24px;
    align-items: center;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

body .navbar .nav-menu > li,
body .navbar-transparent .nav-menu > li {
    display: flex;
    align-items: center;
    height: 100%;
}

body .navbar .nav-menu > li > a,
body .navbar-transparent .nav-menu > li > a {
    display: flex;
    align-items: center;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    white-space: nowrap;
}

body .navbar .logo,
body .navbar-transparent .logo {
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0;
}

body .navbar .dropdown-arrow,
body .navbar-transparent .dropdown-arrow {
    margin-left: 8px;
    font-size: 12px;
}

body .navbar .nav-right,
body .navbar-transparent .nav-right {
    display: flex;
    align-items: center;
    gap: 28px;
    height: 100%;
}

.navbar .logo img,
.navbar-transparent .logo img,
.mobile-sidebar .sidebar-logo {
    width: auto;
    height: 38px !important;
    max-height: 38px !important;
    max-width: 180px !important;
    object-fit: contain;
}

.navbar .nav-menu > li > a,
.navbar-transparent .nav-menu > li > a {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
    padding: 8px 12px;
}

.navbar .dropdown-content,
.navbar-transparent .dropdown-content {
    min-width: 248px;
}

.navbar .mobile-menu-toggle,
.navbar-transparent .mobile-menu-toggle {
    width: 44px;
    height: 44px;
    display: none;
    align-items: center;
    justify-content: center;
}

.mobile-sidebar {
    width: min(320px, 88vw);
}

.mobile-sidebar .sidebar-header {
    min-height: var(--ats-nav-height);
    align-items: center;
}

.mobile-sidebar .sidebar-link {
    min-height: 44px;
    display: flex;
    align-items: center;
}

body .navbar,
body .navbar-transparent,
body .navbar .navbar-content,
body .navbar-transparent .navbar-content {
    transition: height 650ms cubic-bezier(0.4, 0, 0.2, 1), min-height 650ms cubic-bezier(0.4, 0, 0.2, 1), opacity 350ms ease;
}

body.navbar-size-changing .navbar .navbar-content,
body.navbar-size-changing .navbar-transparent .navbar-content {
    opacity: 0.8;
}

body .navbar .logo img,
body .navbar-transparent .logo img {
    transition: height 650ms cubic-bezier(0.4, 0, 0.2, 1), max-height 650ms cubic-bezier(0.4, 0, 0.2, 1);
}

body .navbar .logo,
body .navbar .nav-menu,
body .navbar .social-links,
body .navbar-transparent .logo,
body .navbar-transparent .nav-menu,
body .navbar-transparent .social-links {
    transform: translateY(0);
    transition: transform 650ms cubic-bezier(0.4, 0, 0.2, 1);
}

body.navbar-is-compact .navbar .logo,
body.navbar-is-compact .navbar .nav-menu,
body.navbar-is-compact .navbar .social-links,
body.navbar-is-compact .navbar-transparent .logo,
body.navbar-is-compact .navbar-transparent .nav-menu,
body.navbar-is-compact .navbar-transparent .social-links {
    transform: translateY(-1px);
}

body.navbar-is-compact .navbar,
body.navbar-is-compact .navbar-transparent,
body.navbar-is-compact .navbar .navbar-content,
body.navbar-is-compact .navbar-transparent .navbar-content {
    height: 52px !important;
    min-height: 52px !important;
}

body.navbar-is-compact .navbar .logo img,
body.navbar-is-compact .navbar-transparent .logo img {
    height: 26px !important;
    max-height: 26px !important;
}

@media (max-width: 768px) {
    .navbar .navbar-content,
    .navbar-transparent .navbar-content {
        height: 60px !important;
        min-height: 60px !important;
    }

    .navbar,
    .navbar-transparent {
        height: 60px !important;
        min-height: 60px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .navbar .nav-right,
    .navbar-transparent .nav-right {
        display: none !important;
    }

    .navbar .mobile-menu-toggle,
    .navbar-transparent .mobile-menu-toggle {
        display: inline-flex !important;
        flex: 0 0 44px;
    }

    .navbar .logo img,
    .navbar-transparent .logo img,
    .mobile-sidebar .sidebar-logo {
        height: 34px !important;
        max-height: 34px !important;
    }

    body .mobile-sidebar {
        left: auto !important;
        right: 0 !important;
        width: min(320px, 88vw) !important;
        transform: translateX(105%) !important;
        transition: transform 0.3s ease !important;
    }

    body .mobile-sidebar.active {
        left: auto !important;
        right: 0 !important;
        transform: translateX(0) !important;
    }

    body.navbar-is-compact .navbar,
    body.navbar-is-compact .navbar-transparent,
    body.navbar-is-compact .navbar .navbar-content,
    body.navbar-is-compact .navbar-transparent .navbar-content {
        height: 48px !important;
        min-height: 48px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.navbar-size-changing .navbar .navbar-content,
    body.navbar-size-changing .navbar-transparent .navbar-content {
        opacity: 1;
    }

    body .navbar,
    body .navbar-transparent,
    body .navbar .navbar-content,
    body .navbar-transparent .navbar-content,
    body .navbar .logo img,
    body .navbar-transparent .logo img {
        transition: height 180ms ease, min-height 180ms ease, opacity 180ms ease, max-height 180ms ease;
    }

    body .navbar .logo,
    body .navbar .nav-menu,
    body .navbar .social-links,
    body .navbar-transparent .logo,
    body .navbar-transparent .nav-menu,
    body .navbar-transparent .social-links {
        transition: none;
        transform: none;
    }
}