.languagePicker{flex:none;width:auto;max-width:142px;min-height:42px;border:1px solid #474b54;border-radius:12px;background:#202329;color:#f1f0ec;padding:8px 30px 8px 11px;font:600 12px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}
.languagePicker:focus-visible{outline:3px solid #eabd96;outline-offset:3px}
.topbar .headerActions{display:flex;align-items:center;gap:10px}
.topbar .headerActions .profileButton{white-space:nowrap}
.topbar .headerActions .profileButton:first-of-type{border:1px solid #eabd9670;background:#eabd961d;color:#f3cda8}
html[dir="rtl"] .content{text-align:right}
html[dir="rtl"] .languagePicker{direction:ltr;text-align:left}
html[dir="rtl"] .navigation button{text-align:right}
html[dir="rtl"]{overflow-x:hidden}
.cuisineChips{direction:ltr}
html[dir="rtl"] .cuisineChip{direction:rtl}
@media(max-width:680px){.languagePicker{max-width:112px;padding-inline:8px}.topbar .headerActions{gap:6px}.topbar .profileButton{padding-inline:10px;font-size:11px}}
@media(max-width:460px){.topbar{height:auto;min-height:98px;align-items:flex-start;flex-wrap:wrap;gap:3px;padding:8px 0 10px}.topbar .brand{min-height:30px;font-size:24px}.topbar .headerActions{width:100%;justify-content:space-between;gap:4px}.languagePicker{max-width:88px;font-size:10px;min-height:40px}.topbar .profileButton{padding-inline:7px;font-size:10px;min-height:40px}.topbar .household{padding-inline:7px;min-height:40px}}

/* Right-to-left: the water icon sits in the mirrored corner (nocturne.css places it with right:14px). */
[dir="rtl"] .dailyOverview .watericon{right:auto;left:14px}
/* Source-language content (recipe lines kept in the original, e.g. English in the Arabic interface) reads in its own direction: "2 tbsp oil", not "tbsp oil 2". */
[dir="rtl"] [data-no-translate],[dir="rtl"] [data-no-translate] li,[dir="rtl"] [data-no-translate] p{unicode-bidi:plaintext}[dir="rtl"] .ingredients[data-no-translate] li,[dir="rtl"] .steps[data-no-translate] li,[dir="rtl"] .sourceInstructions[data-no-translate]{text-align:start}