/* =========================================================
   MARIS TERRA B&B - FOOTER (assets/footer.css)
   Caricato dalle 27 pagine interne E da index.html.
   Tutto e' incapsulato in .site-footer: niente esce da qui.
========================================================= */
.site-footer {
  --f-oro: #d9a648;
  --f-ink: #1a1410;
  --f-crema: #fbf7ee;
  --f-gutter: clamp(20px, 4vw, 64px);
  background: var(--f-ink); color: var(--f-crema);
  padding: 60px var(--f-gutter) 24px;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-size: 15px; line-height: 1.7; text-align: left;
}
/* la home gira su Bootstrap: margini e stili dei link vanno azzerati qui dentro,
   se no h4/h5/p e <a> arrivano con i valori del tema */
.site-footer *, .site-footer *::before, .site-footer *::after { box-sizing: border-box; }
.site-footer h4, .site-footer h5, .site-footer p { margin: 0; padding: 0; font-weight: 700; }
.site-footer p { font-weight: 400; }
.site-footer a { color: inherit; text-decoration: none; }
.site-footer .footer-inner { max-width: 1200px; margin: 0 auto; }
.site-footer .footer-top { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 40px; }
.site-footer .footer-brand h4 { font-size: 26px; letter-spacing: -0.02em; color: var(--f-crema); margin-bottom: 12px; line-height: 1.25; }
.site-footer .footer-brand h4 i { font-family: 'Caveat', cursive; font-style: normal; font-weight: 500; color: var(--f-oro); font-size: 1.2em; }
.site-footer .footer-brand p { color: rgba(251,247,238,0.7); font-size: 13.5px; max-width: 32ch; }
.site-footer .footer-col h5 { font-size: 10.5px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--f-oro); margin-bottom: 14px; font-weight: 700; line-height: 1.25; }
.site-footer .footer-col a, .site-footer .footer-col p { display: block; color: rgba(251,247,238,0.78); font-size: 13.5px; margin-bottom: 6px; transition: color 0.3s; }
.site-footer .footer-col a:hover { color: var(--f-oro); }
.site-footer .footer-legal { display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap;
  padding: 26px var(--f-gutter) 0; margin: 34px auto 0; font-size: 12.5px; color: rgba(251,247,238,0.6);
  border-top: 1px solid rgba(251,247,238,0.12); max-width: 1440px; }
.site-footer .footer-legal a { color: rgba(251,247,238,0.7); border-bottom: 1px solid transparent; padding-bottom: 2px; transition: color 0.3s, border-color 0.3s; }
.site-footer .footer-legal a:hover { color: var(--f-oro); border-bottom-color: var(--f-oro); }
.site-footer .footer-legal .sep { width: 3px; height: 3px; background: rgba(251,247,238,0.3); border-radius: 50%; }
.site-footer .footer-bottom { border-top: 1px solid rgba(251,247,238,0.15); margin-top: 22px; padding-top: 22px;
  display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 10.5px;
  color: rgba(251,247,238,0.5); letter-spacing: 0.1em; text-transform: uppercase; }
.site-footer .footer-bottom a { color: var(--f-oro); }
/* sulla home il footer non porta la riga legale ne' la barra finale: quelle
   restano nella striscia .copy che c'era gia' (e i cui link aprono i modali) */
.site-footer.footer-home { padding-bottom: 40px; }
@media (max-width: 700px) { .site-footer .footer-top { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .site-footer .footer-legal { gap: 12px; } .site-footer .footer-legal .sep { display: none; } }