/* ============================================================
   HEADER / NAV
   Split out of style.css — see functions.php for the enqueue.
   ============================================================ */

.header .centered-menu-wrap .main-nav .accent-navigation li {
    display: flex;
    align-items: center;
}

.header .centered-menu-wrap .main-nav .accent-navigation li a {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    height: 32px;
    padding: 5px 16px 4px 16px;
    box-sizing: border-box;
    border-radius: 999px;
    background-color: #0b090c;
    background-image: url('../img/gradient-btn-bg.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    letter-spacing: -0.5px;
    opacity: 1;
    color: #0B090C;
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
    text-transform: uppercase;
}

.header .centered-menu-wrap .main-nav li a {
    white-space: nowrap;
}

@media (max-width: 991px) {
    .header .centered-menu-wrap .main-nav .accent-navigation li a {
        font-size: 14px;
    }
}

.header .centered-menu-wrap {
    max-width: 1376px;
}

.main-nav {
    gap: 20px;
    align-items: center;
}

.header {
    background: rgba(35, 19, 11, 0.80);
}

@media (max-width: 767px) {
    #menu-top-right-menu {
        margin-top: 20px;
    }
}

@media ((min-width: 768px) and (max-width: 991px)) {
    #menu-top-left-menu {
        flex-basis: auto;
    }
    #menu-top-right-menu {
        flex: none;
    }
    .logo-block:not(.mobile) {
        width: 122px;
        flex-basis: auto !important;
    }
}

@media (min-width: 992px) {
    #menu-top-left-menu li.menu-item a {
        color: var(--cream, #EFE6DD);
        font-family: Inter;
        text-transform: uppercase;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 23.4px */
        padding: 8px 16px 8px 16px;
    }
}

@media (min-width: 1576px) {
    #menu-top-left-menu li.menu-item a {
        font-size: 18px;
    }
}

.header .centered-menu-wrap .main-nav {
    flex-wrap: nowrap !important;
}