/* =========================================================
   Paris T’aime — Style System V0.7
   footer.css
   Footer commun pour toutes les pages.
   ========================================================= */

.pta-site-footer {
  padding: clamp(56px, 8vw, 96px) 0;
  border-top: 1px solid rgba(242,235,221,.12);
  background:
    radial-gradient(circle at 82% 0%, rgba(75,16,58,.28), transparent 28rem),
    var(--pta-black-cinema);
  color: rgba(242,235,221,.70);
}

.pta-site-footer__grid {
  width: var(--pta-wide);
  display: grid;
  grid-template-columns: minmax(240px, 1.2fr) repeat(4, minmax(140px, .6fr));
  gap: clamp(1.4rem, 4vw, 3rem);
  margin-inline: auto;
}

.pta-site-footer__brand h2 {
  margin: 0;
  color: var(--pta-cream);
  font-family: var(--font-cinema);
  font-size: clamp(2.2rem, 4vw, 4rem);
  line-height: .95;
  letter-spacing: -.04em;
}

.pta-site-footer__brand p {
  max-width: 460px;
  margin-top: 1rem;
  line-height: 1.7;
}

.pta-site-footer h3 {
  margin: 0 0 1rem;
  color: var(--pta-red);
  font-family: var(--font-ui);
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.pta-site-footer nav {
  display: grid;
  gap: .65rem;
}

.pta-site-footer a {
  color: rgba(242,235,221,.70);
  font-size: .9rem;
}

.pta-site-footer a:hover {
  color: var(--pta-cream);
}

.pta-site-footer__bottom {
  width: var(--pta-wide);
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin: clamp(2rem, 5vw, 4rem) auto 0;
  padding-top: 1rem;
  border-top: 1px solid rgba(242,235,221,.10);
  color: rgba(242,235,221,.48);
  font-size: .78rem;
}

@media (max-width: 980px) {
  .pta-site-footer__grid {
    grid-template-columns: 1fr 1fr;
  }

  .pta-site-footer__brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  .pta-site-footer__grid {
    grid-template-columns: 1fr;
  }

  .pta-site-footer__bottom {
    flex-direction: column;
  }
}