/* footer.css */
#site-footer{width:100%;background:#000000;padding:75px 15px;z-index:100;position:relative}
#site-footer .content-footer{max-width:1660px;margin:0 auto}

/* Colonne alte uguali */
#site-footer .row{align-items:stretch}

/* Wrapper colonne (usiamo spacer; bottom ancorato) */
#site-footer .footer-col{display:flex;flex-direction:column;justify-content:flex-start;height:100%}
#site-footer .footer-col .footer-bottom{margin-top:auto}

/* Colonna destra: box max 400px, allineati a sinistra */
#site-footer .footer-col--right{align-items:flex-start;text-align:left}
#site-footer .footer-col--right > *{align-self:flex-start;max-width:400px;width:100%;text-align:left}

/* Titoli */
#site-footer h5,#site-footer .footer-app h5{color:var(--footer-accent,#ffffff);font-size:15px;text-transform:uppercase;font-family:"Din-Bold";letter-spacing:1px;margin-bottom:10px}
#site-footer .footer-app h5{font-size:22px;letter-spacing:1px;margin-bottom:50px}

/* Testo blocco informazioni azienda */
#site-footer .footer-company p{color:#ffffff;font-size:28px;font-family:"Arapey-Italic" !important;line-height:32px;margin:0 0 1rem}
#site-footer .footer-company p a{color:#ffffff;text-decoration:none;transition:color .25s;font:inherit;line-height:inherit}
#site-footer .footer-company p a:hover{color:var(--footer-accent,#ffffff)}

/* Testo blocco orari */
#site-footer .footer-hours p{font-family:"Din-Regular";color:#ffffff;font-size:15px;letter-spacing:3.2px;text-decoration:none;line-height:25px;margin:0 0 .5rem}
#site-footer .footer-hours p a{color:#ffffff;text-decoration:none;transition:color .25s}
#site-footer .footer-hours p a:hover{color:var(--footer-accent,#ffffff)}

/* Menu generale (orizzontale) */
#site-footer .menu-general{display:flex;flex-wrap:wrap;gap:20px;list-style:none;padding:0;margin:0}
#site-footer .menu-general a{position:relative;text-transform:uppercase;font-family:"Din-Regular";font-size:18px;color:#ffffff;text-decoration:none;transition:color .25s}
#site-footer .menu-general a:hover{color:var(--footer-accent,#ffffff)}

/* CTA catalogo */
#site-footer .catalog-title{font-family:"Din-Regular";font-size:18px;position:relative;margin-bottom:10px;color:#ffffff;line-height:40px}
#site-footer .catalog-btn{font-family:"Din-Regular";font-size:13px;text-align:left;position:relative;display:inline-block;padding:10px 20px;color:#ffffff;background:var(--footer-accent,#ffffff);text-decoration:none;transition:opacity .25s;margin-bottom:50px}
#site-footer .catalog-btn:hover{opacity:.85}
#site-footer .catalog-btn img{position:relative;margin-left:20px;height:16px;width:auto;vertical-align:middle}

/* Store badges: max 165px, gap 30px (contenuti a sinistra nel box) */
#site-footer .store-badges{display:flex;flex-direction:column;gap:30px;width:100%}
#site-footer .store-badges a{display:block;margin:0}
#site-footer .store-badges img{display:block;height:auto;max-width:165px;width:100%}

/* Social + Policies: gruppo a sinistra; social sempre colore accent */
#site-footer .footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px}
#site-footer .socials{display:flex;align-items:center;gap:10px}
#site-footer .socials a{color:var(--footer-accent,#ffffff);text-decoration:none;transition:color .25s;font-size:20px;line-height:1}
#site-footer .socials a:hover{color:var(--footer-accent,#ffffff)}

#site-footer .policies{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start}
#site-footer .policies a{text-transform:uppercase;font-family:"Din-Regular";font-size:16px;line-height:25px;color:#ffffff !important;text-decoration:none;transition:color .25s}
#site-footer .policies a:hover{color:var(--footer-accent,#ffffff)!important}

/* Spacer utilities */
.spacer-100{height:100px}
.spacer-20{height:20px}

/* --- Mobile (<992px) --- */
@media (max-width: 991.98px){
  #site-footer .footer-col{align-items:center;text-align:center}
  #site-footer .footer-col--right{align-items:center;text-align:center}
  #site-footer .footer-col--right > *{align-self:center;max-width:520px;text-align:center}
  #site-footer .footer-bottom{justify-content:center}
  #site-footer .store-badges a{margin:0 auto}
  #site-footer .footer-col--right .footer-app .store-badges a{margin:0 auto}
  .col-12.col-lg-4:last-child{margin-top:50px} /* spazio tra le colonne su mobile */
  .spacer-100{height:50px} /* 100 -> 50 */
  #site-footer .menu-footer-menu{display:flex;justify-content:center}
  #site-footer .menu-general{justify-content:center}
  #site-footer .footer-company p { font-size: 24px; line-height: 26px;}
}

/* --- Landing fuxia overrides --- */
body.page-template-landing-fuxia #site-footer{--footer-accent:#d92d8a !important}
/* Nasconde: secondo blocco a sinistra (hours+spacer) e il menu successivo */
body.page-template-landing-fuxia #site-footer .footer-col--left > div:nth-of-type(2),
body.page-template-landing-fuxia #site-footer .footer-col--left > div:nth-of-type(3){display:none !important}
/* Nasconde il blocco CTA (primo blocco nella colonna destra) */
body.page-template-landing-fuxia #site-footer .footer-col--right > div:nth-of-type(1){display:none !important}
/* Niente spazio extra sopra app quando la CTA non c'è */
body.page-template-landing-fuxia #site-footer .footer-col--right .footer-app{margin-top:0 !important}
