/* Pasek na górze */
header.orders-path-header {
  background-color: #db6639; /* tło w Twoim pomarańczowym kolorze */
  color: #2B2A29;            /* kontrastowy ciemny tekst */
  border-bottom: 3px solid #db6639; /* linia w Twoim kolorze */
}

/* Tekst i linki w pasku */
header.orders-path-header a {
  color: #db6639;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.25s ease;
}

/* Logo i ikony */
header.orders-path-header .logo,
header.orders-path-header svg,
header.orders-path-header .icon {
  fill: #db6639;
  color: #db6639;
  transition: color 0.25s ease, fill 0.25s ease;
}

/* Przycisk w pasku */
header.orders-path-header a,
header.orders-path-header button {
  background-color: transparent;
  color: #db6639;
  border: 1px solid #db6639;
  padding: 8px 16px;
  border-radius: 4px;
  display: inline-block;
  font-weight: 500;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

/* Efekt po najechaniu */
header.orders-path-header a:hover,
header.orders-path-header button:hover {
  background-color: #db6639;
  color: #2B2A29; /* kontrastowy ciemny tekst na pomarańczowym tle */
  border-color: #db6639;
}

/* Stan fokus dla dostępności */
header.orders-path-header a:focus,
header.orders-path-header button:focus {
  outline: 2px solid #db6639;
  outline-offset: 2px;
}

a.delete-product-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background-color: #DB6639 !important; /* czerwony */
  color: #fff !important;
  font-weight: bold !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: 0 2px 6px rgba(217, 48, 37, 0.3) !important;
  transition: all 0.2s ease-in-out !important;
}

a.delete-product-btn:hover {
  background-color: #b72b20 !important;
  box-shadow: 0 4px 10px rgba(217, 48, 37, 0.5) !important;
  transform: scale(1.1) !important;
}

a.delete-product-btn:before {
  content: none !important;
}