/* 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"] .customer-welcome 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"] .customer-welcome 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}
}

/* Auth headings belong to a narrow panel, not the full-width account banner. */
html[lang="en"] body .auth-page .auth-promo h1{font-size:clamp(1.65rem,2.2vw,2.2rem);line-height:1.35;white-space:normal;overflow-wrap:break-word;letter-spacing:0;max-width:100%;margin-inline:0}
html[lang="en"] body .auth-page :is(.auth-promo,.auth-form-wrap){min-width:0}
html[lang="en"] body .auth-page .auth-promo ul{text-align:start;padding-inline:0;list-style:none}
html[lang="en"] body .auth-page .auth-promo li{padding-inline:24px 0}
html[lang="en"] body .auth-page .auth-promo li::before{right:auto;left:0}
html[lang="en"] body .auth-page .eyebrow{display:flex;align-items:center;justify-content:flex-start;gap:12px}
html[lang="en"] body .auth-page .eyebrow::before{position:static;flex:0 0 30px;margin:0}
html[lang="en"] body .auth-page .form-heading .eyebrow{justify-content:center}
html[lang="en"] body .auth-page :is(.label-row,.auth-options-row){flex-wrap:wrap;gap:10px}
html[lang="en"] body .auth-page .password-wrap button{border-left:1px solid currentColor;border-right:0}
@media(max-width:760px){
 html[lang="en"] body .auth-page .auth-promo h1{font-size:1.7rem;line-height:1.35}
 html[lang="en"] body .auth-page .auth-promo{min-height:0;padding:32px 24px}
}
html[lang="en"] body .auth-page .auth-promo li{position:relative}
html[lang="en"] body .auth-page .auth-promo li::before{position:absolute;inset-inline-start:0;inset-inline-end:auto;top:50%;transform:translateY(-50%);margin:0;width:16px}