/*
 * Canonical shared desktop header plaque system.
 * Bistro Menus and Reserve Your Table share one frame/rivet language.
 * Responsive navigation is owned exclusively by responsive-navigation.css.
 */
:root{
    --kbn-nav-plaque-height:68px;
    --kbn-nav-plaque-frame-top:#2f6670;
    --kbn-nav-plaque-frame-bottom:#244d55;
    --kbn-nav-plaque-edge:#173a40;
    --kbn-nav-plaque-highlight:#4aa0af;
    --kbn-nav-plaque-text:#f0d798;
    --kbn-nav-plaque-panel-top:#241915;
    --kbn-nav-plaque-panel-bottom:#150e0c;
    --kbn-nav-plaque-rivet-size:15px;
    --kbn-nav-plaque-rivet-offset:1px;
}

.kbn-nav-plaque,
.nav-item.menus,
.kbn-reservation-nav{
    position:relative;
    display:flex;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
}
.kbn-reservation-nav{margin-left:14px}

.kbn-nav-plaque>.nav-link,
.nav-item.menus>.nav-link,
body.home .kbn-nav .nav-item.menus>.nav-link,
.primary-nav .nav-item.menus>.nav-link,
.kbn-reservation-nav>.kbn-reserve-trigger--header{
    position:relative!important;
    box-sizing:border-box!important;
    height:var(--kbn-nav-plaque-height)!important;
    min-height:var(--kbn-nav-plaque-height)!important;
    margin:0 5px!important;
    padding:0 18px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    gap:8px!important;
    overflow:hidden!important;
    border:1px solid var(--kbn-nav-plaque-edge)!important;
    border-radius:4px!important;
    background-color:var(--kbn-nav-plaque-frame-bottom)!important;
    background-image:
        url("../images/plaque-rivet.svg"),
        url("../images/plaque-rivet.svg"),
        url("../images/plaque-rivet.svg"),
        url("../images/plaque-rivet.svg"),
        radial-gradient(circle at 50% 42%,var(--kbn-nav-plaque-panel-top),var(--kbn-nav-plaque-panel-bottom) 76%),
        linear-gradient(var(--kbn-nav-plaque-edge),var(--kbn-nav-plaque-edge)),
        linear-gradient(180deg,var(--kbn-nav-plaque-frame-top),var(--kbn-nav-plaque-frame-bottom))!important;
    background-repeat:no-repeat!important;
    background-position:
        left var(--kbn-nav-plaque-rivet-offset) top var(--kbn-nav-plaque-rivet-offset),
        right var(--kbn-nav-plaque-rivet-offset) top var(--kbn-nav-plaque-rivet-offset),
        left var(--kbn-nav-plaque-rivet-offset) bottom var(--kbn-nav-plaque-rivet-offset),
        right var(--kbn-nav-plaque-rivet-offset) bottom var(--kbn-nav-plaque-rivet-offset),
        center,center,center!important;
    background-size:
        var(--kbn-nav-plaque-rivet-size) var(--kbn-nav-plaque-rivet-size),
        var(--kbn-nav-plaque-rivet-size) var(--kbn-nav-plaque-rivet-size),
        var(--kbn-nav-plaque-rivet-size) var(--kbn-nav-plaque-rivet-size),
        var(--kbn-nav-plaque-rivet-size) var(--kbn-nav-plaque-rivet-size),
        calc(100% - 14px) calc(100% - 12px),
        calc(100% - 12px) calc(100% - 10px),
        100% 100%!important;
    box-shadow:
        inset 0 0 0 1px var(--kbn-nav-plaque-highlight),
        inset 0 -1px 0 rgba(0,0,0,.14),
        0 3px 7px rgba(0,0,0,.40)!important;
    color:var(--kbn-nav-plaque-text)!important;
    filter:drop-shadow(0 2px 2px rgba(0,0,0,.40))!important;
    text-align:center!important;
    text-shadow:0 2px 2px #070402,0 0 7px rgba(0,0,0,.78)!important;
    transform:none!important;
    isolation:isolate;
    transition:transform .18s ease,filter .18s ease,color .18s ease!important;
}

.kbn-nav-plaque>.nav-link:before,
.kbn-nav-plaque>.nav-link:after,
.nav-item.menus>.nav-link:before,
.nav-item.menus>.nav-link:after,
body.home .kbn-nav .nav-item.menus>.nav-link:before,
body.home .kbn-nav .nav-item.menus>.nav-link:after,
.kbn-reservation-nav>.kbn-reserve-trigger--header:before,
.kbn-reservation-nav>.kbn-reserve-trigger--header:after{
    content:none!important;
    display:none!important;
}

.kbn-nav-plaque--menu>.nav-link,
.nav-item.menus>.nav-link,
body.home .kbn-nav .nav-item.menus>.nav-link,
.primary-nav .nav-item.menus>.nav-link{
    width:112px!important;
    min-width:112px!important;
    padding-inline:13px!important;
}
.kbn-nav-plaque--menu .nav-label--bistro,
.nav-item.menus .nav-label--bistro,
body.home .kbn-nav .nav-item.menus .nav-label--bistro,
.primary-nav .nav-item.menus .nav-label--bistro{
    display:grid!important;
    place-items:center!important;
    gap:0!important;
    color:inherit!important;
    font-family:var(--font-display)!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:.96!important;
    letter-spacing:.012em!important;
    text-align:center!important;
    text-transform:uppercase!important;
}
.kbn-nav-plaque--menu .bistro-line,
.nav-item.menus .bistro-line,
body.home .kbn-nav .nav-item.menus .bistro-line{display:block!important}

.kbn-reservation-nav>.kbn-reserve-trigger--header{
    width:240px!important;
    min-width:240px!important;
    padding-inline:17px!important;
    font-family:var(--font-display)!important;
    font-weight:400!important;
    letter-spacing:.018em!important;
    text-transform:uppercase!important;
}
.kbn-reservation-nav>.kbn-reserve-trigger--header .kbn-reserve-trigger__icon{
    order:-1;
    width:29px!important;
    height:23px!important;
    flex:0 0 29px!important;
    color:#d7bd76!important;
}
.kbn-reservation-nav>.kbn-reserve-trigger--header .kbn-reserve-trigger__label{
    color:inherit!important;
    font-family:var(--font-display)!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:1!important;
    letter-spacing:.012em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
}

.kbn-nav-plaque>.nav-link:hover,
.kbn-nav-plaque>.nav-link:focus-visible,
.nav-item.menus>.nav-link:hover,
.nav-item.menus>.nav-link:focus-visible,
body.home .kbn-nav .nav-item.menus>.nav-link:hover,
body.home .kbn-nav .nav-item.menus>.nav-link:focus-visible,
.kbn-reservation-nav>.kbn-reserve-trigger--header:hover,
.kbn-reservation-nav>.kbn-reserve-trigger--header:focus-visible{
    color:#fff0b7!important;
    transform:translateY(-1px)!important;
    filter:brightness(1.08) drop-shadow(0 4px 3px rgba(0,0,0,.58))!important;
}
.kbn-reservation-nav>.kbn-reserve-trigger--header:hover .kbn-reserve-trigger__icon,
.kbn-reservation-nav>.kbn-reserve-trigger--header:focus-visible .kbn-reserve-trigger__icon{
    color:#f0d798!important;
    transform:scale(1.06)!important;
}
.kbn-nav-plaque>.nav-link:active,
.nav-item.menus>.nav-link:active,
body.home .kbn-nav .nav-item.menus>.nav-link:active,
.kbn-reservation-nav>.kbn-reserve-trigger--header:active{
    transform:translateY(1px) scale(.99)!important;
    filter:brightness(.98) drop-shadow(0 1px 2px rgba(0,0,0,.48))!important;
}
.kbn-nav-plaque>.nav-link:focus-visible,
.nav-item.menus>.nav-link:focus-visible,
body.home .kbn-nav .nav-item.menus>.nav-link:focus-visible,
.kbn-reservation-nav>.kbn-reserve-trigger--header:focus-visible{
    outline:2px solid #f0d798!important;
    outline-offset:3px!important;
}

@media(prefers-reduced-motion:reduce){
    .kbn-nav-plaque>.nav-link,
    .nav-item.menus>.nav-link,
    .kbn-reservation-nav>.kbn-reserve-trigger--header{transition:none!important}
    .kbn-nav-plaque>.nav-link:hover,
    .kbn-nav-plaque>.nav-link:focus-visible,
    .kbn-nav-plaque>.nav-link:active,
    .nav-item.menus>.nav-link:hover,
    .nav-item.menus>.nav-link:focus-visible,
    .nav-item.menus>.nav-link:active,
    .kbn-reservation-nav>.kbn-reserve-trigger--header:hover,
    .kbn-reservation-nav>.kbn-reserve-trigger--header:focus-visible,
    .kbn-reservation-nav>.kbn-reserve-trigger--header:active,
    .kbn-reservation-nav>.kbn-reserve-trigger--header:hover .kbn-reserve-trigger__icon,
    .kbn-reservation-nav>.kbn-reserve-trigger--header:focus-visible .kbn-reserve-trigger__icon{transform:none!important}
}