/* Global footer polish without disturbing your existing style.css */
footer.footer{
  font-family: 'Poppins', sans-serif;
  color: #ffffff;
  text-align: center;
}

footer.footer .newsletter{
  max-width: 1200px;
  margin: 0 auto;
}

footer.footer .social-icons{
  display: flex;
  gap: 18px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 12px 0 6px;
}

footer.footer .social-icons a{
  color: #ffffff;              /* keep link text white */
  text-decoration: none;
  display: inline-flex;        /* icon + label side-by-side */
  align-items: center;
  gap: 8px;                    /* breathing room between icon and text */
  opacity: 0.9;
}

footer.footer .social-icons a:hover{
  opacity: 1;
}

footer.footer .social-icons svg{
  width: 18px;
  height: 18px;
  fill: #ffffff;               /* default icon color (overridden below per brand) */
  display: inline-block;
}

/* --- Brand-colour icons -------------------------------------------- */
/* Instagram: brand pink */
footer.footer .social-icons a[href*="instagram.com"] svg{
  fill: #E4405F;
}

/* YouTube: red (works for both youtube.com and youtu.be) */
footer.footer .social-icons a[href*="youtube.com"] svg,
footer.footer .social-icons a[href*="youtu.be"] svg{
  fill: #FF0000;
}

/* LinkedIn: blue */
footer.footer .social-icons a[href*="linkedin.com"] svg{
  fill: #0A66C2;
}

/* Slight brighten on hover for a bit of feedback */
footer.footer .social-icons a:hover[href*="instagram.com"] svg,
footer.footer .social-icons a:hover[href*="youtube.com"] svg,
footer.footer .social-icons a:hover[href*="youtu.be"] svg,
footer.footer .social-icons a:hover[href*="linkedin.com"] svg{
  filter: brightness(1.1);
}

footer.footer p{
  color: #ffffff;
}