/* /rebuild/assets/css/components.css */

/* NAV: mobile behavior (paired with main.js toggling .responsive) */

@media (max-width: 767.98px) {
  .topnav {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .topnav li {
    display: none;
    width: 100%;
  }
li.icon {
    width: 32px;
}
  .topnav li a {
    width: 100%;
    padding: .75rem 1.25rem;
    border-top: 1px solid rgba(255,255,255,0.08);
  }

  .topnav .icon {
    display: block;
    margin-left: auto;
  }

  .topnav.responsive li {
    display: block;
  }

  .topnav.responsive li.icon {
    /* keep icon visible when open */
    display: block;
  }

  .topnav.responsive li a {
    display: block;
    text-align: left;
  }
}

/* Small utilities */

.text-center {
  text-align: center !important;
}

.text-muted {
  color: var(--skishack-text-muted) !important;
}