.atb-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  padding: 0.4rem 0.75rem;
  background: var(--atb-bg);
  color: var(--atb-fg);
  font-size: 0.875rem;
  line-height: 1.35;
  text-align: center;
}
.atb-bar.atb-bar--hidden {
  display: none;
}
.atb-bar__content {
  min-width: 0;
  color: inherit;
}
a.atb-bar__content,
.atb-bar__content a {
  color: inherit;
  text-decoration: none;
}
a.atb-bar__content:hover,
.atb-bar__content a:hover {
  color: inherit;
  text-decoration: underline;
}
a.atb-bar__content:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -4px;
}
.atb-bar__content > :last-child {
  margin-bottom: 0;
}
.atb-bar__content img {
  max-width: 100%;
  height: auto;
}
.atb-bar__content:has(.atb-item) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.35rem 1.5rem;
  width: 100%;
}
.atb-item {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  white-space: nowrap;
}
.atb-item::before {
  content: "";
  flex: 0 0 auto;
  width: 1.15em;
  height: 1.15em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.atb-item--shipping::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8l-9-5-9 5v8l9 5 9-5z'/%3E%3Cpath d='M3 8l9 5 9-5'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8l-9-5-9 5v8l9 5 9-5z'/%3E%3Cpath d='M3 8l9 5 9-5'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E");
}
.atb-item--time::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
}
.atb-item--rating::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.8 5.7 6.2.9-4.5 4.4 1.1 6.2-5.6-3-5.6 3 1.1-6.2L3 9.6l6.2-.9z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.8 5.7 6.2.9-4.5 4.4 1.1 6.2-5.6-3-5.6 3 1.1-6.2L3 9.6l6.2-.9z'/%3E%3C/svg%3E");
}
@media (max-width: 575.98px) {
  .atb-bar__content:has(.atb-item) { gap: 0.2rem 0.75rem; }
  .atb-item { font-size: 0.75rem; gap: 0.25rem; }
}
.atb-bar--primary { --atb-bg: var(--bs-primary); --atb-fg: #fff; }
.atb-bar--accent  { --atb-bg: var(--bs-accent);  --atb-fg: #1b1b1b; }
.atb-bar--dark    { --atb-bg: #222;              --atb-fg: #fff; }
.atb-bar--neutral { --atb-bg: var(--bs-tertiary-bg); --atb-fg: var(--bs-body-color); }
.atb-bar--success { --atb-bg: var(--bs-success); --atb-fg: #fff; }
.atb-bar--warning { --atb-bg: var(--bs-warning); --atb-fg: #fff; }
.atb-bar--danger  { --atb-bg: var(--bs-danger);  --atb-fg: #fff; }
.atb-bar--custom  { --atb-bg: var(--bs-tertiary-bg); --atb-fg: var(--bs-body-color); }
[data-bs-theme="dark"] .atb-bar--primary { --atb-fg: #1b1b1b; }
[data-bs-theme="dark"] .atb-bar--accent  { --atb-fg: #fff; }
@media (max-width: 991.98px) {
  .atb-bar--komputer { display: none; }
}
@media (min-width: 992px) {
  .atb-bar--telefon { display: none; }
}
.header:has(.atb[data-atb-hide="1"]) {
  top: calc(-1 * var(--atb-offset, 0px));
}