/* =============================================
   FOOTER — design unificato
   Caricato da includes/footer.php su tutte le pagine
   ============================================= */

footer {
   border-top: 3px solid #b51f1f;
}

.footer-top {
   padding: 40px 0 0;
}

/* --- Griglia 3 colonne --- */
.footer-grid {
   display: flex;
   gap: 60px;
   flex-wrap: wrap;
   padding-bottom: 36px;
   border-bottom: 1px solid rgba(255,255,255,0.07);
}

.footer-col {
   display: flex;
   flex-direction: column;
   gap: 8px;
   min-width: 140px;
}

.footer-col-title {
   font-size: 11px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   color: #b51f1f;
   margin-bottom: 6px;
}

.footer-col a {
   font-size: 13px;
   color: #888;
   text-decoration: none;
   transition: color 0.2s ease;
   line-height: 1.5;
}

.footer-col a:hover {
   color: #d6d6d6;
}

/* --- Badge di fiducia --- */
.footer-badges {
   display: flex;
   flex-wrap: wrap;
   gap: 28px;
   padding: 24px 0;
   border-bottom: 1px solid rgba(255,255,255,0.07);
}

.footer-badge {
   display: flex;
   align-items: center;
   gap: 8px;
   color: #666;
   font-size: 12px;
}

.footer-badge i {
   font-size: 14px;
   color: #b51f1f;
   opacity: 0.8;
}

.footer-badge span {
   color: #777;
   letter-spacing: 0.2px;
}

/* --- Copyright --- */
.footer-bottom {
   padding: 16px 0;
   font-size: 12px;
   color: #555;
}

/* --- Mobile --- */
@media (max-width: 767px) {
   .footer-grid {
      flex-direction: column;
      gap: 28px;
      text-align: center;
   }

   .footer-col {
      align-items: center;
   }

   .footer-badges {
      justify-content: center;
      gap: 20px;
   }

   .footer-badge {
      flex-direction: column;
      align-items: center;
      gap: 4px;
      text-align: center;
      flex: 0 0 calc(50% - 10px);
   }

   .footer-bottom {
      text-align: center;
   }
}