/* Parametri per la laghezza delle colonne */
:root {
  --col-footer-logo: 1%;
  --col-footer-contatti: 30%;
  --col-footer-menu: 30%;
  --col-footer-newsletter: 30%;
  --col-footer-gap: 1rem; /* spazio tra le colonne */
}


.col-logo {
  width: var(--col-footer-logo);
  /* background-color: white !important; */
}

.col-contatti {
  width: var(--col-footer-contatti);
  /* background-color: red !important; */
}

.col-menu {
  width: var(--col-footer-menu);
  /* background-color: blue !important; */
}

.col-newsletter {
  width: var(--col-footer-newsletter);
  /* background-color: cyan !important; */
}


.footer {
      background-color: #111;
      padding: 0rem;
 }
    

.site-footer .row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--col-footer-gap);
  margin-left: calc(var(--col-footer-gap) / -2);
  margin-right: calc(var(--col-footer-gap) / -2);
}

.site-footer .row > * {
  padding-left: calc(var(--col-footer-gap) / 2);
  padding-right: calc(var(--col-footer-gap) / 2);
}

.site-footer {
  background-color: #222;
  color: white;
  font-family: 'Poppins', sans-serif;
  font-size: 0.95rem;
}

.site-footer h5 {
  font-weight: 700;
  margin-bottom: 1rem;
}

.site-footer a {
  color: #ccc;
  text-decoration: none;
}

.site-footer a:hover {
  color: white;
}

.footer-logo {
  max-height: 60px;
}


.call-center-box {
  background-color: white;
  color: #000;
  padding: 0.75rem 1rem;
  border-radius: 12px;
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 1rem;
  max-width: 250px;
}


/* Ovverride per immagine tonda */
.call-center-box img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 10px; /* spazio tra immagine e testo */
}


.social-icons a {
  color: white;
}

.footer-bottom {
  background-color: #F5F5F5;  
  color: #ccc;
  font-size: 0.85rem;
}

.newsletter-form input,
.newsletter-form button {
  font-size: 0.95rem;
}

.newsletter-form input::placeholder {
  color: #999;
}

@media (max-width: 768px) {
  .col-logo,
  .col-contatti,
  .col-menu,
  .col-newsletter {
    width: 100% !important;
    margin-bottom: 1.5rem;
    text-align: center;
  }
}