@import url("theme.css");

.mtc-footer{
  background:
    linear-gradient(135deg, rgba(231,222,206,0.96) 0 22%, rgba(123,36,28,0.98) 22% 55%, rgba(233,106,26,0.96) 100%);
  color: #fff8f0;
  margin-top: 3rem;
  border-top: 1px solid var(--mtc-border);
  box-shadow: var(--mtc-shadow);
  position: relative;
  overflow: hidden;
}

.mtc-footer::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(135deg, transparent 0 68%, rgba(255,255,255,0.08) 68% 70%, transparent 70% 100%),
    repeating-linear-gradient(90deg, transparent 0 26px, rgba(255,255,255,0.06) 26px 27px);
  pointer-events: none;
}

.footer-container,
.footer-bottom{ position: relative; z-index: 1; }

.footer-container{
  max-width: 1300px;
  margin: 0 auto;
  padding: 2.5rem 1.5rem 2rem;
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.3fr;
  gap: 2rem;
}

.footer-col h4{
  margin: 0 0 0.8rem;
  font-size: 1rem;
  color: #fff;
}

.footer-col ul{ list-style: none; padding: 0; margin: 0; display: grid; gap: 0.55rem; }
.footer-col a{ color: rgba(255,248,240,0.86); text-decoration: none; transition: 0.2s ease; }
.footer-col a:hover{ color: #fff; text-decoration: underline; }
.footer-logo{ margin-bottom: 0.9rem; }
.footer-logo-img{ max-width: 220px; width: 100%; height: auto; display:block; filter: drop-shadow(0 10px 18px rgba(0,0,0,0.12)); }
.footer-tagline{ color: rgba(255,248,240,0.82); max-width: 28ch; }
.back-to-top{
  background: rgba(255,255,255,0.14);
  color: #fff;
  border: 1px solid rgba(255,255,255,0.22);
  border-radius: 999px;
  padding: 0.72rem 1rem;
  cursor: pointer;
  font-weight: 700;
}
.back-to-top:hover{ background: rgba(255,255,255,0.2); }
.footer-contact p{ margin: 0 0 0.55rem; color: rgba(255,248,240,0.86); }
.footer-contact span{ font-weight: 700; color: #fff; }
.footer-social{ display:flex; gap:0.6rem; margin-top: 1rem; }
.social{
  width: 42px; height: 42px; border-radius: 999px; display:grid; place-items:center;
  background: rgba(255,255,255,0.14); border:1px solid rgba(255,255,255,0.18); font-weight:800;
}
.footer-bottom{
  max-width: 1300px; margin:0 auto; padding: 0 1.5rem 1.4rem; display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap;
  color: rgba(255,248,240,0.82); border-top:1px solid rgba(255,255,255,0.16);
}
.footer-legal a{ color: rgba(255,248,240,0.86); }

@media (max-width: 1000px){ .footer-container{ grid-template-columns: repeat(2,1fr);} }
@media (max-width: 640px){ .footer-container{ grid-template-columns: 1fr; } }