/* Desktop PROKOLESA header only. The worker Mini App and STARDUST do not load this file. */
@media (min-width: 900px) {
  body.prokolesa-desktop header > div > div:first-child {
    min-width: 0;
    flex: 1 1 auto;
  }

  body.prokolesa-desktop header > div > div:first-child > div:first-child {
    cursor: default !important;
  }

  body.prokolesa-desktop header > div > div:first-child > div:first-child:hover span {
    opacity: 1 !important;
  }

  body.prokolesa-desktop header nav {
    min-width: 0;
    gap: 4px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  body.prokolesa-desktop header nav::-webkit-scrollbar {
    display: none;
  }

  body.prokolesa-desktop header nav > button + button {
    margin-left: 0 !important;
  }

  body.prokolesa-desktop header nav > button {
    box-sizing: border-box;
    display: inline-flex;
    height: 40px;
    min-height: 40px;
    flex: 1 0 auto;
    min-width: 80px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 8px;
    border: 1px solid color-mix(in srgb, var(--color-outline-variant) 55%, transparent);
    border-radius: 10px;
    font-size: 13px;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
  }

  body.prokolesa-desktop header nav > button:hover {
    border-color: var(--color-primary);
    background: var(--color-surface-variant);
  }

  body.prokolesa-desktop header > div > div:last-child > button,
  body.prokolesa-desktop header > div > div:last-child > div button {
    box-sizing: border-box;
    height: 40px;
    min-height: 40px;
    border-radius: 10px;
  }

  body.prokolesa-desktop header > div > div:last-child > button {
    min-width: 40px;
    border: 1px solid color-mix(in srgb, var(--color-outline-variant) 55%, transparent);
  }

  body.prokolesa-desktop header .prokolesa-close-shift-icon {
    display: inline-flex;
    width: 40px;
    min-width: 40px;
    padding: 0;
    align-items: center;
    justify-content: center;
    color: var(--color-amber-400, #fbbf24);
    background: rgb(245 158 11 / 15%);
    border-color: rgb(245 158 11 / 30%);
    cursor: pointer;
  }

  body.prokolesa-desktop header .prokolesa-close-shift-icon:hover {
    background: rgb(245 158 11 / 25%);
  }
}