/* ═══════════════════════════════════════════════════
   footer.css
═══════════════════════════════════════════════════ */

#main-footer {
  background: #0a0a0a;
  border-top: 4px solid var(--red);
  padding: 3rem 2rem;
}

.footer-inner {
  max-width: 1200px; margin: 0 auto;
  display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 2rem;
}

/* Brand column */
.footer-logo img {
  height: 70px; width:80px; margin-bottom: .7rem;
  filter: drop-shadow(0 0 10px rgba(255,214,0,.4));
}
.footer-brand p {
  color: var(--white); font-size: .82rem; line-height: 1.6; max-width: 280px;
}
.footer-social {
  display: flex; gap: .7rem; margin-top: 1rem;
}
.soc-btn--wa {
  background: #0d1f0d !important;
  border-color: #25D366 !important;
}

/* Nav columns */
.footer-col h5 {
  font-family: var(--font-head);
  font-size: .95rem; letter-spacing: 3px; color: var(--yellow);
  margin-bottom: .8rem;
  border-bottom: 2px solid var(--red); padding-bottom: .3rem;
}
.footer-col a {
  display: block; color: var(--white); font-size: .82rem;
  margin-bottom: .35rem; transition: color .2s;
}
.footer-col a:hover { color: var(--yellow); }

/* Bottom bar */
.footer-bottom {
  max-width: 1200px; margin: 1.8rem auto 0;
  padding-top: 1.2rem; border-top: 1px solid #1a1a1a;
  display: flex; justify-content: space-between;
  align-items: center; flex-wrap: wrap; gap: .8rem;
}
.footer-bottom p { color: var(--white); font-size: .78rem; }
.footer-bottom span { color: var(--red); }
/* smartstep.ae link — always yellow, no hover colour shift. */
.footer-bottom a,
.footer-bottom a:hover,
.footer-bottom a:focus { color: var(--yellow); }

/* ── Responsive ── */
@media (max-width: 900px) {
  .footer-inner { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .footer-inner { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; text-align: center; }
}

.phone-link {
    direction: ltr;
    unicode-bidi: embed;
    text-align: right;
}