/**
 * @file
 * Visual styles for menu.
 */
 
 /* Primary Menu and Secondary Menu is horizontal at larger screen sizes */
.menu--main ul.menu,
.menu--account ul.menu {
   display: flex;
   flex-flow: column nowrap;
   justify-content: flex-start;
   align-items: center;
   column-gap: var(--spc-lg);
   
   text-transform: uppercase;
 }

@container c-parcel (min-width: 28rem) {
    
  .menu--main ul.menu,
  .menu--account ul.menu {
    flex-flow: row wrap;
    align-items: start;
  }
}

ul.menu {
  margin-inline-start: 1em; /* LTR */
  padding: 0;
  list-style: none outside;
  text-align: left; /* LTR */
}
[dir="rtl"] ul.menu {
  margin-right: 1em;
  margin-left: 0;
  text-align: right;
}
.menu-item--expanded {
  list-style-type: circle;
  list-style-image: url(../../images/icons/menu-expanded.png);
}
.menu-item--collapsed {
  list-style-type: disc;
  list-style-image: url(../../images/icons/menu-collapsed.png); /* LTR */
}
[dir="rtl"] .menu-item--collapsed {
  list-style-image: url(../../images/icons/menu-collapsed-rtl.png);
}
.menu-item {
  margin: 0;
  padding-block-start: 0.2em;
}
ul.menu a.is-active {
  color:var(--black);
}

nav ul.menu {
  margin-inline-start: 0;
}