.footer {

  border-top: 2px solid #bb6a1e;

  text-align: center;

  padding: 10px;

  margin: 0;

  width: 100%;

background-color: #0f141b;  /* Charcoal navy */

color: #bbb;                /* Muted silver text */

}



.footer a {

  background-color: #5865F2;

  color: white;

  padding: 6px 12px;

  border-radius: 6px;

  text-decoration: none;

  font-weight: bold;

  box-shadow: 0 0 8px rgba(88, 101, 242, 0.6);

  transition: background-color 0.3s, transform 0.2s;

}



.footer a:hover {

  background-color: #4752c4;

  transform: scale(1.05);

}



.social-button {

  display: inline-flex; /* changed from flex */

  align-items: center;

  gap: 8px;

  background-color: #c9803b !important;

  color: #d6cece !important;

  font-weight: bold;

  padding: 8px 14px;

  border-radius: 6px;

  text-decoration: none;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);

  transition: background-color 0.3s ease, transform 0.2s;

  border: none;

  width: auto;           /* ensure no stretch */

  max-width: 100%;       /* safety on mobile */

  white-space: nowrap;   /* prevent text wrap */

}



.social-button:hover {

  background-color: #e3863f !important;  /* brighter PGV orange */

  transform: translateY(-2px);

  box-shadow: 0 4px 12px rgba(255, 165, 0, 0.4);

}



.social-button img {

  width: 24px;

  height: 24px;

}