/* Wspólna nawigacja pracowników na wszystkich zakładkach. */
header.staff-header {
  display:flex;
  align-items:center;
  gap:22px;
  padding:16px max(4vw,18px);
  background:#fff;
  border-bottom:1px solid #dce5d7;
  position:static;
  flex-wrap:wrap;
}
header.staff-header .staff-brand { display:block; flex:none; }
header.staff-header .staff-brand img {
  display:block;
  width:170px;
  height:66px;
  max-height:none;
  object-fit:cover;
  object-position:center;
}
header.staff-header .staff-label { font:600 14px/1.5 Arial,sans-serif; color:#2b4b35; }
header.staff-header .staff-label small { display:block; font-size:10px; font-weight:400; color:#7b8b72; }
header.staff-header nav.staff-tabs {
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  margin-left:auto;
  padding:5px;
  border:0;
  border-radius:8px;
  background:#f3f6ef;
  box-shadow:none;
}
header.staff-header .staff-tabs a {
  padding:10px 15px;
  border-radius:5px;
  font:600 13px/1.4 Arial,sans-serif;
  color:#65795a;
  text-decoration:none;
  white-space:nowrap;
}
header.staff-header .staff-tabs a[aria-current=page] { background:#285b47; color:white; }
header.staff-header .staff-tabs a:hover { background:#e1ead9; color:#285b47; }
header.staff-header .staff-tabs a[aria-current=page]:hover { background:#1c4233; color:white; }
header.staff-header .staff-logout { margin:0; padding:10px 14px; width:auto; font:13px/1.4 Arial,sans-serif; }
header.staff-header a:focus-visible { outline:3px solid #b68b25; outline-offset:3px; }
@media(max-width:760px) {
  header.staff-header { gap:10px; padding:12px 4%; }
  header.staff-header .staff-label {display:none;}
  header.staff-header nav.staff-tabs {order:3; width:100%; margin:0; display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
  header.staff-header .staff-tabs a {padding:11px 4px;text-align:center;font-size:12px;}
  header.staff-header .staff-logout {margin-left:auto;}
}
@media print { header.staff-header {display:none !important;} }
header.staff-header {
  justify-content: flex-start;
}

header.staff-header > .staff-label {
  margin: 0;
}

header.staff-header .staff-logout,
header.staff-header #logout.staff-logout {
  margin: 0;
}

@media (max-width: 760px) {
  header.staff-header .staff-logout,
  header.staff-header #logout.staff-logout {
    margin-left: auto;
  }
}
header.staff-header .staff-shop-link {
  margin-left: auto;
  padding: 10px 14px;
  border: 1px solid #dce5d7;
  border-radius: 6px;
  color: #285b47;
  font: 600 13px/1.4 Arial, sans-serif;
  text-decoration: none;
  white-space: nowrap;
}

header.staff-header .staff-shop-link:hover {
  background: #eef3ed;
}

header.staff-header nav.staff-tabs {
  margin-left: 0;
}

@media (max-width: 760px) {
  header.staff-header .staff-shop-link {
    margin-left: auto;
    padding: 9px 11px;
    font-size: 12px;
  }
}