/* ==========================================================================
   Footer polish
   Quiet utility footer with clearer hierarchy and less campaign styling.
   ========================================================================== */
.site-footer {
  padding: clamp(3rem, 6vw, 4.75rem) 0 2rem;
  border-top: 1px solid var(--border);
  background:
    radial-gradient(ellipse at 12% 0%, rgba(0, 88, 251, .08), transparent 42%),
    linear-gradient(180deg, hsl(210,40%,98%), hsl(210,35%,96%));
}

.site-footer .wp-container {
  max-width: 76rem;
}

.footer-top {
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 2rem;
  padding: 1.1rem;
  border-bottom: 1px solid var(--border);
  border-radius: 8px;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 16px 36px rgba(15, 23, 42, .06);
}

.footer-brand {
  min-width: 0;
}

.footer-brand__copy {
  display: grid;
  gap: .18rem;
}

.footer-brand__name {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  color: var(--foreground);
  font-size: clamp(1.12rem, .35vw + 1rem, 1.28rem);
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: none;
}

.footer-brand__tagline {
  max-width: 32rem;
  color: hsl(215, 15%, 38%);
  font-size: .96rem;
  line-height: 1.45;
}

.footer-actions {
  gap: .75rem;
}

.footer-dl-btn,
.footer-wa-btn {
  height: auto;
  min-height: 3rem;
  padding: .75rem 1.1rem;
  border-radius: 8px;
  font-size: .98rem;
  line-height: 1.2;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: none;
  box-shadow: 0 12px 26px rgba(15, 23, 42, .08);
}

.footer-dl-btn {
  background: #0058fb;
  border: 1px solid rgba(0, 88, 251, .42);
  color: #fff;
}

.footer-wa-btn {
  border: 1px solid rgba(0, 88, 251, .28);
  color: #0058fb;
  background: #fff;
}

.footer-dl-btn::after,
.footer-wa-btn::after {
  display: none;
}

.footer-dl-btn:hover,
.footer-wa-btn:hover {
  opacity: 1;
  transform: translateY(-1px);
  border-color: rgba(0, 88, 251, .45);
}

.footer-grid {
  grid-template-columns: 1fr 1fr;
  gap: clamp(1rem, 3vw, 2rem);
  padding-top: 0;
  margin-bottom: 1.75rem;
  border-top: 0;
}

@media (min-width: 900px) {
  .footer-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.footer-col {
  padding: 1.15rem;
  border: 1px solid hsl(220, 20%, 88%);
  border-radius: 8px;
  background: rgba(255, 255, 255, .66);
}

.footer-col h4 {
  margin-bottom: 1rem;
  color: var(--foreground);
  font-size: .95rem;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.footer-links {
  gap: .7rem;
  color: hsl(215,15%,42%);
  font-size: .98rem;
  line-height: 1.55;
}

.footer-links button {
  padding: .15rem 0;
  color: inherit;
  font: inherit;
  line-height: 1.45;
}

.footer-links button:hover {
  color: var(--foreground);
}

.footer-links a {
  display: inline-block;
  padding: .15rem 0;
  color: inherit;
  text-decoration: none;
}

.footer-links a:hover {
  color: var(--foreground);
  text-decoration: underline;
}

.footer-copy {
  padding-top: 1.25rem;
  border-top: 1px solid var(--border);
  color: hsl(215,12%,52%);
  font-size: .88rem;
  line-height: 1.6;
  opacity: 1;
  text-align: left;
}

@media (max-width: 767px) {
  .site-footer {
    padding-bottom: 5.25rem;
  }

  .footer-top {
    align-items: stretch;
    padding: 1rem;
  }

  .footer-actions {
    width: 100%;
  }

  .footer-dl-btn,
  .footer-wa-btn {
    flex: 1 1 12rem;
    justify-content: center;
  }

  .footer-grid {
    grid-template-columns: 1fr;
    gap: .9rem;
  }

  .footer-copy {
    text-align: left;
  }
}