/*
Footer styles
*/

.footer {
  background: var(--racing-dark);
  padding: 2rem 0;
  text-align: center;
}

.social-links {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.social-links a {
  color: var(--racing-white);
  font-size: 1.5rem;
  transition: color 0.3s;
  text-decoration: none;
}

.social-links a:hover {
  color: var(--racing-gold);
}

.social-links svg {
  width: 24px;
  height: 24px;
}
/* --- Footer Logo Styles --- */
.footer-logo {
    /* Set a maximum width for all screens */
    max-width: 200px;

    /* This makes the image responsive below its max-width */
    width: 100%;

    /* Maintain the correct aspect ratio */
    height: auto;
    
    /* Optional: make it slightly transparent */
    opacity: 0.8;
    
    /* A transition for the hover effect */
    transition: opacity 0.3s;
}