/* =========================================================
   Blier.com — Main Menu Component
   ========================================================= */

/* Wrapper nav */
header {
  nav#block-blier-main-menu {
    border-top: none;
  }

  nav ul {
    display:flex;
    gap: 14px;
    flex-wrap: wrap;
    font-family: var(--mono);
    text-transform: uppercase;
    letter-spacing: .8px;
    font-size: 12px;
    color: var(--muted);
    list-style: none;
    margin: 0;
    padding: 0;

    li {
      padding: 6px 0;
      border-bottom: 2px solid transparent;

      :hover {
        color: var(--ink);
        border-bottom-color: var(--warn);

        a {
          text-decoration: none;
        }
        a:focus-visible {
          outline: 2px solid var(--warn);
          outline-offset: 3px;
        }
      }
    }
    li:has(.is-active),
    li.is-active {
      color: var(--ink);
      border-bottom-color: var(--warn);
    }
  }

  /* Mobile main menu layout */
  .c-hdr__panel nav {
    border: none;
    ul {
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
      font-size: 3ex;
    }
  }
}