/* Keep the main sections on one readable row in portrait. */
@media (orientation:portrait){
 html:not([data-portrait-tabs="wrap"]) body .menu-tabs{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:6px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;padding:10px 12px;scroll-padding-inline:12px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
 html:not([data-portrait-tabs="wrap"]) body .menu-tabs[hidden]{display:none!important}
 html:not([data-portrait-tabs="wrap"]) body .menu-tabs button{flex:0 0 auto;white-space:nowrap;overflow-wrap:normal;max-width:none;min-height:44px;padding:8px 12px;font-size:14px;line-height:1.2}
 html:not([data-portrait-tabs="wrap"]) body .menu-tabs button:first-child{margin-inline-start:auto}
 html:not([data-portrait-tabs="wrap"]) body .menu-tabs button:last-child{margin-inline-end:auto}
}

/* Each category level has its own horizontal row in portrait. */
@media (orientation:portrait){
 html:not([data-portrait-submenus="wrap"]) body #categories.carte-categories{min-width:0;max-width:100%}
 html:not([data-portrait-submenus="wrap"]) body #categories .category-row{flex-wrap:nowrap;justify-content:flex-start;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;gap:6px;padding:6px;scroll-padding-inline:6px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;box-sizing:border-box}
 html:not([data-portrait-submenus="wrap"]) body #categories .category-button{flex:0 0 auto;white-space:nowrap;overflow-wrap:normal;max-width:none;min-height:44px;padding:8px 12px;font-size:14px;line-height:1.2}
 html:not([data-portrait-submenus="wrap"]) body #categories .category-button:first-child{margin-inline-start:auto}
 html:not([data-portrait-submenus="wrap"]) body #categories .category-button:last-child{margin-inline-end:auto}
}