/* Navigation propre à la version alimentaire. */
.app-navbar.food-navbar {
    background: #fff;
    border-top: 0;
    border-bottom: 1px solid #e0e8e4;
    box-shadow: 0 2px 12px #193c2910;
    padding: 12px 0;
    backdrop-filter: none;
}
.food-navbar > .container-fluid { gap: 20px; padding-inline: 24px; }
.food-navbar .app-brand { margin: 0; gap: 10px; flex-shrink: 0; }
.food-navbar .app-brand-mark {
    width: 40px; height: 40px; border: 0; border-radius: 12px;
    background: #17745b; box-shadow: none; color: white;
    font-size: 13px; letter-spacing: .04em;
}
.food-navbar .app-brand-copy { display: flex; flex-direction: column-reverse; gap: 7px; min-width: 0; }
.food-navbar .app-brand-text {
    color: #203c33; max-width: 250px; font-size: 16px; font-weight: 750;
    letter-spacing: -.025em; line-height: 1.2; white-space: normal; overflow-wrap: anywhere;
}
.food-navbar .app-brand-copy small {
    display: flex; align-items: center; gap: 8px; color: #718078;
    font-size: 10px; font-weight: 600; letter-spacing: .07em; margin: 0;
}
.food-test-label {
    padding: 3px 6px; border: 1px solid #eddfb3; border-radius: 4px;
    background: #fff9e9; color: #8a661b; font-size: 9px; letter-spacing: .025em; white-space: nowrap;
}
.food-navbar .navbar-collapse { gap: 12px; min-width: 0; }
.food-navbar .app-quicknav, .food-navbar .app-nav-right { flex-wrap: nowrap; gap: 4px; }
.food-navbar .app-quick {
    color: #536159; min-height: 42px; padding: 9px 11px; border-radius: 8px;
    font-size: 13px; font-weight: 650; gap: 7px; line-height: 1.3;
}
.food-navbar .app-quick .nav-ic { width: 18px; height: 18px; }
.food-navbar .app-quick:hover, .food-navbar .app-quick:focus-visible {
    color: #145940; background: #f0f6f3; border-color: transparent;
}
.food-navbar .app-quick.active { background: #eaf4ee; color: #126147; border-color: #d8e9df; }
.food-navbar .app-quick-primary, .food-navbar .app-quick-primary.active {
    background: #17745b; color: white; border-color: #17745b; padding-inline: 16px;
}
.food-navbar .app-quick-primary:hover, .food-navbar .app-quick-primary:focus-visible { background: #115c47; color: white; }
.food-navbar .app-nav-right { flex-shrink: 0; border-left: 1px solid #e7ede9; padding-left: 12px; }
.food-navbar .app-cash-chip {
    min-height: 36px; font-size: 12px; font-weight: 600; border-radius: 8px; padding: 8px 10px;
}
.food-navbar .app-cash-chip.is-open { color: #236849; background: #f1f8f3; border-color: #dcecdf; }
.food-navbar .app-cash-chip.is-closed { color: #966234; background: #fff8ed; border-color: #eee1cd; }
.food-navbar .app-cash-dot { width: 7px; height: 7px; box-shadow: none; }
.food-navbar .app-cash-chip.is-open .app-cash-dot { background: #36a676; }
.food-navbar .app-cash-chip.is-closed .app-cash-dot { background: #c59246; }
.food-navbar .app-user-avatar { background: #eaf0ed; color: #365d4b; width: 32px; height: 32px; font-size: 11px; }
.food-navbar .app-user-toggle { padding: 4px 6px; }
.food-navbar .app-user-label { display: none; }
.food-navbar .app-icon-quick { padding-inline: 8px; }
.food-navbar .dropdown-menu { border-color: #dde7e0; border-radius: 12px; box-shadow: 0 12px 40px #17392a1a; }
.food-navbar .app-megamenu { left: auto; right: 0; }
.food-navbar .app-megamenu-col { background: #f8faf8; border-color: #e6ece7; }
.food-navbar .navbar-toggler { border-color: #dfe7e2; padding: 8px; font-size: 16px; }
.food-navbar :focus-visible { outline: 3px solid #77bca5; outline-offset: 3px; }
@media (min-width: 1200px) {
    .food-navbar .app-quicknav { flex: 1; }
    .food-navbar .app-brand { max-width: 280px; }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .food-navbar > .container-fluid { gap: 14px; padding-inline: 18px; }
    .food-navbar .app-quick { padding-inline: 8px; gap: 5px; }
    .food-navbar .app-brand-text { max-width: 210px; font-size: 15px; }
    .food-navbar .app-nav-right { padding-left: 8px; }
}
@media (max-width: 1199.98px) {
    .food-navbar > .container-fluid { gap: 10px; padding-inline: 16px; }
    .food-navbar .app-cash-chip--compact { margin: 0 0 0 auto; }
    .food-navbar .navbar-collapse { padding-top: 12px; }
    .food-navbar .app-quicknav { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; margin: 0; }
    .food-navbar .app-quicknav > .app-quick, .food-navbar .app-menu > button { width: 100%; justify-content: flex-start; min-height: 46px; }
    .food-navbar .app-nav-right { border-left: 0; border-top: 1px solid #e7ede9; padding: 10px 0 0; margin-top: 12px; }
    .food-navbar .app-user-label { display: inline; white-space: normal; text-align: left; }
    .food-navbar .app-nav-right .app-user-menu { flex: 0 1 auto; margin-left: auto; }
    .food-navbar .app-megamenu { width: 100%; max-width: 100%; }
    .food-navbar .app-menu { position: static; }
    .food-navbar .app-menu-list { min-width: 0; }
    .food-navbar .app-megamenu.show { position: absolute; left: 0; right: 0; top: 100%; }
}
@media (max-width: 575.98px) {
    .app-navbar.food-navbar { padding-block: 10px; }
    .food-navbar > .container-fluid { padding-inline: 12px; gap: 8px; }
    .food-navbar .app-brand { gap: 8px; flex: 1; min-width: 0; }
    .food-navbar .app-brand-mark { width: 34px; height: 34px; border-radius: 10px; flex-shrink: 0; }
    .food-navbar .app-brand-text { max-width: none; font-size: 13px; }
    .food-navbar .app-brand-copy small { font-size: 8px; gap: 5px; letter-spacing: .02em; }
    .food-navbar .food-test-label { font-size: 8px; padding: 2px 4px; }
    .food-navbar .app-cash-chip--compact { font-size: 10px; padding: 6px; gap: 5px; min-height: 32px; }
    .food-navbar .navbar-toggler { padding: 6px; font-size: 14px; }
    .food-navbar .app-quicknav { grid-template-columns: repeat(2,minmax(0,1fr)); }
}