.gl-announcement-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100000;
  background: linear-gradient(90deg, #c2410c 0%, #ea580c 55%, #f97316 100%);
  color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
}

.gl-announcement-bar-spacer {
  display: block;
  width: 100%;
  height: var(--gl-ann-bar-h, 3.2rem);
  flex-shrink: 0;
  pointer-events: none;
}

.gl-announcement-bar__inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0.7rem 1rem;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.gl-announcement-bar__text {
  flex: 1 1 auto;
  font-size: 0.95rem;
  line-height: 1.4;
  text-align: center;
}

.gl-announcement-bar__title {
  display: inline;
  margin-right: 0.4rem;
  font-weight: 700;
}

.gl-announcement-bar__body {
  opacity: 0.97;
}

/*
 * overflow-x:hidden на html/body создаёт scrollport и ломает sticky top шапки
 * (шапка «липнет» ниже полоски и наезжает на контент корзины/чекаута).
 * clip обрезает горизонтальный вылет, но не создаёт такой scrollport.
 */
html.gl-has-announcement-bar,
html.gl-has-announcement-bar body,
html.gl-has-announcement-bar .wp-site-blocks {
  overflow-x: clip !important;
  overflow-y: visible !important;
}

/* Шапка sticky — под полоской по viewport */
html.gl-has-announcement-bar .gl-site-header {
  top: var(--gl-ann-bar-h, 3.2rem);
}

body.admin-bar .gl-announcement-bar {
  top: 32px;
}

body.admin-bar .gl-announcement-bar-spacer {
  height: calc(var(--gl-ann-bar-h, 3.2rem));
  /* admin bar уже в потоке WP — spacer только под саму полоску */
}

body.admin-bar.gl-has-announcement-bar .gl-site-header,
html.gl-has-announcement-bar body.admin-bar .gl-site-header {
  top: calc(32px + var(--gl-ann-bar-h, 3.2rem));
}

@media screen and (max-width: 782px) {
  body.admin-bar .gl-announcement-bar {
    top: 46px;
  }
  body.admin-bar.gl-has-announcement-bar .gl-site-header,
  html.gl-has-announcement-bar body.admin-bar .gl-site-header {
    top: calc(46px + var(--gl-ann-bar-h, 3.2rem));
  }
  .gl-announcement-bar__text {
    font-size: 0.88rem;
  }
}
