/* Styles added after the move from Laravel. app.css is the unchanged Laravel build. */

/* Social link circles in the header (.bg-facebook / .bg-youtube are in app.css) */
.bg-tiktok { background-color: #000; }
.bg-instagram { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285aeb 90%); }
.bg-shopee { background-color: #ee4d2d; }

/* Centre each icon in its circle */
.social-media ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}