/* GoLivePage platform ribbon — demo apartment only.
   Deliberately isolated from Lucas's styles.css so the client site keeps
   its own visual system. This file exists only in the deploy copy;
   the source of truth at clients/lucas-lawn-co/ has no ribbon. */

.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;
  }
}