.site-footer {
  /* Stilurile existente */
  background-color: var(--color-deep-teal);
  color: var(--color-white);
  text-align: center;
  padding: 30px 20px; 
}

/* ================================================= */
/*          STILURI PENTRU FOOTER (ACTUALIZAT)       */
/* ================================================= */

.site-footer .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; /* Permite trecerea pe rândul următor pe mobil */
    gap: 20px;
}

.footer-social {
    display: flex;
    gap: 20px;
}

.footer-social a {
    color: var(--color-white);
    font-size: 1.5em;
    transition: color 0.3s ease, transform 0.3s ease;
}

.footer-social a:hover {
    color: var(--color-coral-red);
    transform: translateY(-2px);
}

/* Aliniere pe mobil */
@media (max-width: 768px) {
    .site-footer .container {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
}