/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* Make header a flex row */
#header > .container {
  display: flex !important;
  align-items: center !important;
  padding: 8px 0 !important;
  /* no space-between needed when we use margin-left:auto */
}

/* Put the LOGO on the LEFT */
#header .logo {
  order: 0;                 /* logo first */
  margin-right: 16px;
}

/* Keep language / login / register / cart on the RIGHT */
#header .top-nav {
  order: 1;                 /* nav second */
  margin-left: auto !important;   /* pushes it to the far right */
  display: flex !important;
  align-items: center !important;
  gap: 14px;
}

/* Logo size */
#header .logo img {
  max-height: 80px !important;
  display: block !important;
}