/* Icons are served by this site, including search and the cover's down arrow. */
@font-face {
    font-family: BTFontAwesome;
    src: url('../../themes/argon/assets/vendor/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
         url('../../themes/argon/assets/vendor/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: FontAwesome;
    src: url('../../themes/argon/assets/vendor/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
.fa, .fa::before { font-family: BTFontAwesome !important; font-style: normal; font-weight: normal; }

@media screen and (min-width: 901px) {
    #navbar-main > .container {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        column-gap: 20px;
        align-items: center;
        max-width: 1280px !important;
        width: calc(100% - 64px);
        margin-inline: auto;
        padding-inline: 0;
        padding-left: clamp(0px, calc(50vw - 572px), 100px);
    }
    #navbar-main > .container > .navbar-brand {
        grid-column: 1;
        min-width: 0;
        margin: 0 !important;
    }
    #navbar-main .navbar-brand.navbar-icon { margin-right: 0 !important; }
    #navbar-main > .container > #navbar_global {
        grid-column: 2;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) clamp(180px, 18vw, 240px);
        align-items: center;
        column-gap: 16px;
        min-width: 0;
    }
    #navbar-main #navbar_global > .navbar-nav-hover {
        grid-column: 1;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        width: max-content;
        max-width: 100%;
        min-width: 0;
        gap: 0;
        margin: 0 auto !important;
    }
    #navbar-main .navbar-nav-hover > .nav-item { flex: 0 0 auto; }
    #navbar-main .navbar-nav-hover > .nav-item > .nav-link {
        white-space: nowrap;
        padding-inline: clamp(6px, 1.1vw, 16px);
    }
    #navbar-main .navbar-nav-hover .nav-link-inner--text { font-size: clamp(16px, 1.4vw, 20px); }
    #navbar-main #navbar_global > ul.navbar-nav:not(.navbar-nav-hover) {
        grid-column: 2;
        width: 100%;
        min-width: 0;
        margin: 0 !important;
        justify-self: end;
        align-items: flex-end !important;
    }
    #navbar-main #navbar_search_container { width: 100%; min-width: 0; }
    #navbar-main #navbar_search_input_container {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
    #navbar-main #navbar_search_input_container .input-group { flex-wrap: nowrap; width: auto; max-width: 100%; }
    #navbar-main #navbar_search_input_container .input-group-prepend { flex: 0 0 40px; }
    #navbar-main #navbar_search_input_container .input-group-text { justify-content: center; width: 40px; padding-inline: 0; }
    #navbar-main #navbar_search_input_container input.form-control { flex: 0 1 auto; min-width: 0; width: min(200px, calc(18vw - 40px)); }
    #navbar-main #navbar_search_input_container:not(.open) input.form-control { flex-basis: 0; }
}

@media screen and (max-width: 900px) {
    /* Argon adds a redundant, unused Nucleo icon before each menu label. */
    #navbar_global .navbar-nav-hover > .nav-item > .nav-link > .ni.d-lg-none { display: none !important; }
    #navbar_global .nav-link-inner--text > .fa { width: 20px; margin-right: 10px; text-align: center; }
}