.tbr-topbar-block-wrap {
  width: 100%;
}

.tbr-topbar.tbr-topbar--fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999999;
}

body.admin-bar .tbr-topbar.tbr-topbar--fixed {
  top: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar .tbr-topbar.tbr-topbar--fixed {
    top: 46px;
  }
}

/* Пълна ширина фон; съдържанието и стрелките са в .tbr-topbar__inner */
.tbr-topbar {
  --tbr-arrow-width: 36px;
  --tbr-desktop-gutter: clamp(1rem, 18vw, 15rem);
  background-color: var(--tbr-bg, #1fa34a);
  background-image: var(--tbr-bg-image, none);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: var(--tbr-color, #fff);
  overflow: hidden;
  padding: 0;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 300;
  font-family: 'Gotham', sans-serif !important;
  height: var(--tbr-height, 30px);
  min-height: var(--tbr-height, 30px);
  display: block;
}

.tbr-topbar__inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  min-height: 30px;
  box-sizing: border-box;
  /* Десктоп: стрелките „навътре“, като на макет с ~20% празно отстрани */
  padding: 0 var(--tbr-desktop-gutter);
}

.tbr-topbar .tbr-arrow {
  flex: 0 0 var(--tbr-arrow-width);
  width: var(--tbr-arrow-width);
  min-height: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: none;
  background: rgba(0, 0, 0, 0);
  color: inherit;
  cursor: pointer;
  font-size: 32px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  transition: background 0.15s ease;
}

.tbr-topbar .tbr-arrow:hover,
.tbr-topbar .tbr-arrow:focus-visible {
  background: rgba(0, 0, 0, 0);
  outline: none;
}

.tbr-topbar .tbr-text-wrap {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  padding: 0 10px;
}

.tbr-topbar .tbr-text-wrap.tbr-align-left {
  justify-content: flex-start;
  text-align: left;
}

.tbr-topbar .tbr-text-wrap.tbr-align-center {
  justify-content: center;
  text-align: center;
}

.tbr-topbar .tbr-text-wrap.tbr-align-right {
  justify-content: flex-end;
  text-align: right;
}

.tbr-topbar .tbr-text {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform: translateX(0);
  opacity: 1;
  transition: opacity 280ms ease, transform 280ms ease;
  line-height: 1.35;
}

.tbr-topbar .tbr-text a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

.tbr-topbar .tbr-text a:hover,
.tbr-topbar .tbr-text a:focus {
  opacity: 0.92;
}

.tbr-topbar[data-animation="slide"] .tbr-text.tbr-slide-next.tbr-out {
  transform: translateX(22px);
  opacity: 0;
}

.tbr-topbar[data-animation="slide"] .tbr-text.tbr-slide-prev.tbr-out {
  transform: translateX(-22px);
  opacity: 0;
}

.tbr-topbar[data-animation="fade"] .tbr-text.tbr-out {
  opacity: 0;
}

/* Мобилни / тесни екрани: стрелки в краищата, текст с пренос на редове */
@media screen and (max-width: 782px) {
  .tbr-topbar {
    height: auto;
    min-height: var(--tbr-height, 30px);
    padding: 6px 0;
  }

  .tbr-topbar__inner {
    padding: 0;
  }

  .tbr-topbar .tbr-arrow {
    --tbr-arrow-width: 40px;
    flex: 0 0 var(--tbr-arrow-width);
    width: var(--tbr-arrow-width);
    min-height: calc(var(--tbr-height, 30px) + 8px);
  }

  .tbr-topbar .tbr-text {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  .tbr-topbar .tbr-text-wrap {
    padding: 4px 8px;
    align-items: center;
  }
}