/* GoLivePage platform ribbon — deploy copy only.
   Isolated from the client's styles.css so their site keeps its own system. */

.gl-ribbon {
  display: block;
  background: #1c1914;
  color: rgba(255, 252, 247, 0.9);
  text-decoration: none;
  font-family: "Source Sans 3", system-ui, sans-serif;
  font-size: 0.82rem;
  font-weight: 650;
  letter-spacing: 0.04em;
  transition: background-color 200ms ease, color 200ms ease;
}

.gl-ribbon-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0.35rem 1rem;
  text-align: center;
}

.gl-ribbon strong {
  font-weight: 800;
  color: #fffcf7;
  margin-left: 0.15em;
}

.gl-ribbon:hover,
.gl-ribbon:focus-visible {
  background: #0f6b4c;
  color: #fffcf7;
}

.gl-ribbon:focus-visible {
  outline: 3px solid #c45c26;
  outline-offset: -3px;
}

@media (prefers-reduced-motion: reduce) {
  .gl-ribbon {
    transition: none;
  }
}

/* Sample apartments carry one bar, not two: the platform ribbon holds both the
   label and the CTA, and the template's own preview-banner is removed. */
.gl-ribbon-inner { gap: 0.9rem; }

.gl-ribbon a { color: inherit; text-decoration: none; }

.gl-ribbon a:hover,
.gl-ribbon a:focus-visible { text-decoration: underline; }

.gl-ribbon-cta {
  font-weight: 800;
  color: #fffcf7;
  border-left: 1px solid rgba(255, 252, 247, 0.28);
  padding-left: 0.9rem;
  white-space: nowrap;
}