.account-menu { position:relative; display:flex; justify-content:center; min-width:96px; }
.account-login, .account-toggle { min-height:44px; padding:10px 16px; border:1px solid var(--navy-900); border-radius:10px; color:var(--navy-900); background:white; font:inherit; font-weight:800; text-decoration:none; cursor:pointer; }
.account-login:hover, .account-login:focus-visible, .account-toggle:hover, .account-toggle:focus-visible { color:white; background:var(--navy-900); }
.account-signed { position:relative; }
.account-toggle { display:flex; align-items:center; max-width:160px; padding:0; overflow:hidden; }
.account-name { max-width:105px; padding:10px 11px; overflow:hidden; color:white; background:#696964; text-overflow:ellipsis; white-space:nowrap; }
.account-menu-icon { display:grid; width:42px; min-height:42px; place-items:center; font-size:0; }
.account-menu-icon::before { content:"☰"; font-size:22px; font-weight:400; }
.account-dropdown { position:absolute; z-index:40; top:calc(100% + 8px); right:0; min-width:180px; padding:7px; background:white; border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow); }
.account-dropdown button { width:100%; padding:11px 13px; border:0; border-radius:8px; color:var(--navy-900); background:white; font:inherit; font-weight:700; text-align:start; cursor:pointer; }
.account-dropdown button:hover, .account-dropdown button:focus-visible { background:#f3f1eb; }
[dir="rtl"] .account-dropdown { right:auto; left:0; }
@media (max-width:1100px) {
  .header-main { grid-template-columns:minmax(0,1fr) auto; }
  .brand { grid-column:1; grid-row:1; justify-self:start; }
  .account-menu { grid-column:2; grid-row:1; justify-self:end; }
  .rooms-header-banner { grid-column:1 / -1; grid-row:2; max-width:520px; }
  .language-selector { grid-column:1 / -1; grid-row:3; max-width:320px; justify-self:center; }
}