/* ══════════════════════════════════════════
   FOOTER — styles
   ══════════════════════════════════════════ */
.lux-footer {
   background: #050505;
   width: 100%;
   padding: 80px 0 40px;
   font-family: "Montserrat", sans-serif;
   position: relative;
}

.lux-footer-container {
   max-width: 1140px;
   margin: 0 auto;
   padding: 0 40px;
}

.lux-footer-divider {
   width: 100%;
   height: 1px;
   background: linear-gradient(90deg,
         rgba(191, 148, 10, 0.3) 0%,
         rgba(255, 255, 255, 0.05) 100%);
   margin-bottom: 60px;
}

.lux-footer-row {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
}

.lux-footer-row.row-main {
   margin-bottom: 60px;
}

/* Brand */
.lux-footer-brand-box {
   max-width: 320px;
}

.lux-footer-logo {
   font-size: 12px;
   font-weight: 600;
   letter-spacing: 6px;
   color: rgb(191, 148, 10);
   text-transform: uppercase;
   display: block;
   margin-bottom: 15px;
}

.lux-footer-tagline {
   font-size: 12px;
   font-weight: 300;
   letter-spacing: 0.5px;
   color: rgba(255, 255, 255, 0.4);
   line-height: 1.6;
}

/* Colonne link */
.lux-footer-links-box {
   display: flex;
   gap: 60px;
}

.lux-footer-column {
   display: flex;
   flex-direction: column;
   gap: 12px;
}

.lux-footer-column h3 {
   font-size: 10px;
   font-weight: 500;
   letter-spacing: 3px;
   text-transform: uppercase;
   color: #ffffff;
   margin: 0 0 8px 0;
}

.lux-footer-column a {
   font-size: 12px;
   font-weight: 300;
   letter-spacing: 1px;
   color: rgba(255, 255, 255, 0.5);
   text-decoration: none;
   transition: color 0.4s ease;
   display: inline-flex;
   align-items: center;
}

.lux-footer-column a:hover,
.lux-footer-column a:focus-visible {
   color: rgb(191, 148, 10);
}

.lux-footer-column a:focus-visible {
   outline: none;
   border-bottom: 1px solid rgb(191, 148, 10);
}

.lux-footer-column a svg {
   width: 11px;
   height: 11px;
   color: rgb(191, 148, 10);
   flex-shrink: 0;
   /* Impedisce all'icona di deformarsi */
   margin-right: 6px;
   /* Spazio tra icona e testo */
}

/* Area clienti con icona */
.lux-footer-lock-link {
   display: inline-flex;
   align-items: center;
   gap: 6px;
}

/* Riga legale */
.lux-footer-row.row-legal {
   border-top: 1px solid rgba(255, 255, 255, 0.05);
   padding-top: 30px;
   font-size: 10px;
   letter-spacing: 1.5px;
   color: rgba(255, 255, 255, 0.25);
}

.lux-legal-left {
   display: flex;
   gap: 12px;
}

.lux-separator {
   color: rgba(255, 255, 255, 0.1);
}

.lux-legal-right {
   display: flex;
   gap: 24px;
}

.lux-legal-right a {
   color: rgba(255, 255, 255, 0.25);
   text-decoration: none;
   transition: color 0.3s;
}

.lux-legal-right a:hover,
.lux-legal-right a:focus-visible {
   color: #ffffff;
}

.lux-legal-right a:focus-visible {
   outline: none;
   border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

/* ══════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════ */
@media (max-width: 767px) {
   .lux-footer-container {
      padding: 0 24px;
   }

   .lux-footer-row.row-main {
      flex-direction: column;
      gap: 40px;
   }

   .lux-footer-links-box {
      flex-direction: column;
      gap: 30px;
   }

   .lux-footer-row.row-legal {
      flex-direction: column;
      gap: 15px;
      align-items: flex-start;
   }
}

@media (max-width: 479px) {
   .lux-footer {
      padding: 60px 0 30px;
   }

   .lux-footer-container {
      padding: 0 20px;
   }

   .lux-footer-links-box {
      gap: 25px;
      width: 100%;
   }

   .lux-footer-tagline {
      font-size: 11px;
   }

   .lux-legal-left {
      flex-direction: column;
      gap: 6px;
   }

   .lux-separator {
      display: none;
   }
}

/* ══════════════════════════════════════════
   RIDUZIONE MOVIMENTO
   ══════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {

   .lux-footer-column a,
   .lux-legal-right a {
      transition: none !important;
   }
}