/* GAYZZEE_DESKTOP_HEADER_COMPACT_V1
   Alleen GayZZee desktop. Mobiel blijft volledig ongewijzigd. */
@media (min-width: 980px) {
  .app-header {
    grid-template-columns: var(--sidebar-width) minmax(0, 1fr) auto;
  }

  .app-header .main-navigation {
    gap: 2px;
    min-width: 0;
    padding-inline: 6px;
  }

  .app-header .navigation-item {
    gap: 6px;
    min-width: 0;
    padding-inline: 9px;
    font-size: 11px;
  }

  .app-header .navigation-icon {
    font-size: 16px;
  }

  .app-header .header-moderator {
    gap: 6px;
    min-width: 132px;
    padding-inline: 8px;
  }

  .app-header .header-moderator-avatar {
    width: 31px;
    height: 31px;
  }

  .app-header .header-statistic {
    gap: 6px;
    min-width: 72px;
    padding-inline: 8px;
  }

  .app-header .header-gaybelgium-return {
    min-width: 138px;
    padding-inline: 9px;
  }

  .app-header .header-user {
    gap: 7px;
    min-width: 116px;
    padding-inline: 9px;
  }
}

@media (min-width: 980px) and (max-width: 1599px) {
  .app-header .main-navigation {
    gap: 1px;
    padding-inline: 4px;
  }

  .app-header .navigation-item {
    gap: 4px;
    padding-inline: 7px;
    font-size: 10.5px;
  }

  .app-header .header-moderator {
    min-width: 120px;
    padding-inline: 6px;
  }

  .app-header .header-statistic {
    min-width: 66px;
    padding-inline: 6px;
  }

  .app-header .header-gaybelgium-return {
    min-width: 124px;
    padding-inline: 7px;
  }

  .app-header .header-user {
    min-width: 108px;
    padding-inline: 7px;
  }
}