/* ==========================================================================
   7. Footer  (spec 8)
   ========================================================================== */

.wg-footer{
  background:var(--wg-footer);
  color:#FFFFFF;
  padding:30px 0 40px;
}

.wg-footer__grid{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1.4fr);
  gap:var(--wg-gap);
  align-items:start;
}

.wg-footer__head{
  font-family:var(--wg-font-display);
  font-size:var(--wg-fs-section);
  line-height:1.2;
  color:#FFFFFF;
  margin:0 0 18px;
}
.wg-footer__head--sm{ font-size:20px; margin:0; }

/* --- Link columns --------------------------------------------------------- */
.wg-footer__links{
  list-style:none;
  margin:0 0 28px;
  padding:0;
}
.wg-footer__links a{
  display:inline-block;
  padding:5px 0;
  font-family:var(--wg-font-body);
  font-size:var(--wg-fs-body);
  line-height:20px;
  color:#FFFFFF;
  text-decoration:none;
}
.wg-footer__links a:hover{ color:var(--wg-accent); text-decoration:none; }

/* Browse column runs in two columns, as on the reference */
.wg-footer__links--browse{
  columns:2;
  column-gap:var(--wg-gap);
}
.wg-footer__links--browse li{ break-inside:avoid; }

.wg-footer__links--legal a{ color:var(--wg-footer-link-dim); }
.wg-footer__links--legal a:hover{ color:#FFFFFF; }

/* --- Follow --------------------------------------------------------------- */
.wg-follow{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:28px;
}
.wg-social{
  list-style:none; margin:0; padding:0;
  display:flex; gap:10px;
}
.wg-social__link{
  width:34px; height:34px;
  border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  color:#FFFFFF;
  font-family:var(--wg-font-body);
  font-size:15px;
  text-decoration:none;
}
.wg-social__link:hover{ filter:brightness(1.15); text-decoration:none; }
.wg-social__link--fb{ background:#1877F2; }
.wg-social__link--ig{ background:#D62976; }
.wg-social__link--li{ background:#0A66C2; }

/* --- Pitch / CTA ---------------------------------------------------------- */
.wg-pitch__title{
  font-family:var(--wg-font-display);
  font-size:20px;
  color:#FFFFFF;
  margin:0 0 6px;
}
.wg-pitch__text{
  font-size:16px;
  color:#FFFFFF;
  margin:0 0 16px;
  max-width:44ch;
}

.wg-btn{
  display:inline-block;
  padding:12px 24px;
  border:1px solid var(--wg-accent);
  border-radius:var(--wg-radius);
  background:transparent;
  color:#FFFFFF;
  font-family:var(--wg-font-body);
  font-size:var(--wg-fs-nav);
  font-weight:600;
  text-decoration:none;
}
.wg-btn:hover{
  background:var(--wg-accent);
  color:var(--wg-accent-ink);
  text-decoration:none;
}

/* --- Brand column --------------------------------------------------------- */
.wg-footer__col--brand{ text-align:center; }
.wg-footer__brand{ margin-bottom:16px; }
.wg-footer__brand .wg-wordmark{ font-size:34px; }

.wg-footer__disclaimer{
  font-size:16px;
  font-style:italic;
  color:#FFFFFF;
  margin:0 0 14px;
}
.wg-footer__copy{
  font-family:var(--wg-font-display);
  font-size:15px;
  color:#FFFFFF;
  margin:0;
}