/* assets/css/footer.css */

/* ===== Footer ===== */
.site-footer {
  position: relative;
  background: var(--creme);
  text-align: center;
  padding: var(--space-2xl) var(--content-padding) var(--space-xl);
  overflow: hidden;
}

/* Linha dourada separadora no topo */
.site-footer__line {
  position: absolute;
  top: 0;
  left: var(--content-padding);
  right: var(--content-padding);
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    var(--dourado-light),
    transparent
  );
}

/* Anéis decorativos centralizados */
.site-footer__rings {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: 300px;
  pointer-events: none;
}

.site-footer__ring {
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Ring 1 — maior, púrpura 5% */
.site-footer__ring:nth-child(1) {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(139, 107, 191, 0.05);
}

/* Ring 2 — médio, dourado 6% */
.site-footer__ring:nth-child(2) {
  width: 65%;
  height: 65%;
  border: 1px solid rgba(212, 162, 84, 0.06);
}

/* Ring 3 — menor, púrpura 4% */
.site-footer__ring:nth-child(3) {
  width: 30%;
  height: 30%;
  border: 1px solid rgba(139, 107, 191, 0.04);
}

/* Conteúdo acima dos anéis */
.site-footer__content {
  position: relative;
  z-index: 1;
}

/* Logo */
.site-footer__content .logo {
  font-family: var(--serif);
  font-size: clamp(1.5rem, 3vw, 2rem);
  display: block;
  margin-bottom: var(--space-sm);
  color: var(--abismo);
}

/* Tagline */
.site-footer__tagline {
  font-family: var(--sans);
  font-size: var(--text-overline);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--dourado-text-safe);
  margin-bottom: var(--space-lg);
}

/* Descrição */
.site-footer__desc {
  font-family: var(--sans);
  font-weight: 300;
  font-size: var(--text-body-sm);
  color: var(--text-tertiary);
  max-width: 400px;
  margin: 0 auto;
  line-height: 1.6;
}