/* Shared desktop actions: language, inbox and account. The mobile header keeps
   the same information in its compact layout. */
.romera-header-actions {
  display: flex; align-items: center; justify-content: flex-end; gap: 8px;
  flex: 0 0 auto; min-width: 0;
}
.romera-header-action {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  min-width: 44px; height: 44px; padding: 0 12px;
  border: 1px solid var(--border, #ddd5c8); border-radius: 12px;
  background: transparent; color: var(--ink, #1c1917);
  font: 600 14px/1.2 'DM Sans', Arial, sans-serif;
  text-decoration: none; white-space: nowrap;
}
.romera-header-action:link, .romera-header-action:visited { color: var(--ink, #1c1917); }
.romera-header-action:hover { border-color: var(--warm, #c8824a); color: #87532c; background: #f3ece4; }
.romera-header-action svg { width: 21px; height: 21px; flex: 0 0 auto; }
.romera-header-login {
  min-width: 0; padding-inline: 16px; border-radius: 22px;
  border-color: var(--warm, #c8824a); background: var(--warm, #c8824a); color: #fff;
}
.romera-header-login:link, .romera-header-login:visited { color: #fff; }
.romera-header-login:hover { background: #a96735; border-color: #a96735; color: #fff; }
.romera-header-account { max-width: 180px; border-radius: 22px; }
.romera-header-account span { overflow: hidden; text-overflow: ellipsis; }
.romera-header-actions :focus-visible { outline: 2px solid #8b5e3c; outline-offset: 2px; }
@media (max-width: 560px) {
  .romera-header-account { width: 44px; padding: 0; }
  .romera-header-account span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
}