/* Account interface direction overrides. Shared data, forms and theme colours stay intact. */
html[lang="en"] :is(.customer-dashboard,.customer-orders-page,.customer-sidebar,.auth-page,.simple-page){direction:ltr}
html[lang="en"] :is(.customer-welcome,.auth-form-wrap,.auth-promo,.customer-panel,.order-detail-card,.profile-panel,.saved-address-card,.reservation-copy){text-align:start}
html[lang="en"] :is(.customer-welcome h1,.auth-promo h1){white-space:normal;overflow-wrap:normal;font-size:clamp(2rem,3.3vw,3.8rem);line-height:1.2}
html[lang="en"] :is(.customer-welcome__actions,.orders-filters){flex-wrap:wrap}
html[lang="en"] :is(.customer-welcome__actions .button){min-width:0}
html[lang="en"] :is(.profile-fields label,.reservation-form-grid label,.address-form-grid label){min-width:0}
html[lang="en"] :is(.customer-contact,.saved-address-card__copy,.order-detail-info dd){overflow-wrap:anywhere}
html[lang="en"] :is(.customer-orders-table th,.customer-orders-table td){text-align:start}
html[lang="en"] .password-wrap input{padding-inline:16px 78px}
html[lang="en"] .password-wrap button{left:auto;right:12px}
html[lang="en"] .auth-promo ul{padding-inline-start:20px;padding-inline-end:0}
html[lang="en"] .auth-page .button b[aria-hidden]{transform:scaleX(-1)}
@media(max-width:600px){
 html[lang="en"] :is(.customer-welcome h1,.auth-promo h1){font-size:2rem}
 html[lang="en"] :is(.address-modal form footer,.reservation-modal form footer,.logout-dialog__actions){flex-wrap:wrap}
 html[lang="en"] :is(.address-modal form footer button,.reservation-modal form footer button){min-width:0;flex:1}
 html[lang="en"] .orders-filters button{white-space:normal}
}
@media(max-width:600px){
 /* Customer names may be long in either language. Keep the account header within the viewport. */
 .site-header .site-header__inner{flex-wrap:wrap}
 .site-header .header-actions{min-width:0;max-width:100%}
 .site-header .account-action>span:last-child{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}