/* ─── FOOTER — stilul headerului ─────────────────────────────────── */

.footer {
  position: relative;
  background: rgba(10, 8, 8, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  padding: 60px 4vw 32px !important;
  font-family: 'Outfit', sans-serif !important;
  color: rgba(240, 236, 232, 0.7) !important;
}

.footer .container {
  max-width: 1200px;
  margin: 0 auto;
}

/* ── Grid principal ── */
.footer-content {
  display: flex !important;
  justify-content: center !important;
  gap: 100px !important;
  margin-bottom: 48px !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
}

.footer .container > .footer-content:first-child {
  display: grid !important;
  grid-template-columns: repeat(3, auto) !important;
  justify-content: center !important;
  gap: 80px !important;
}

.footer-content__column {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  flex: 0 0 auto !important;
}

/* ── Nav links ── */
.footer-content__nav {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.footer-content__nav-item {
  margin: 0 !important;
}

.footer-content__nav-link {
  font-family: 'Outfit', sans-serif !important;
  font-size: .82rem !important;
  font-weight: 500 !important;
  color: rgba(240, 236, 232, 0.55) !important;
  text-decoration: none !important;
  letter-spacing: .2px !important;
  transition: color .2s ease !important;
  white-space: nowrap !important;
}

.footer-content__nav-link:hover {
  color: #ff8040 !important;
}

/* ── Social icons ── */
.footer-content__soccial {
  display: flex !important;
  gap: 16px !important;
  align-items: center !important;
}

.footer-content__soccial a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: rgba(240, 236, 232, 0.6) !important;
  transition: all .2s ease !important;
  text-decoration: none !important;
}

.footer-content__soccial a:hover {
  border-color: rgba(255, 77, 0, 0.3) !important;
  background: rgba(255, 77, 0, 0.08) !important;
  color: #ff8040 !important;
}

/* ── Logo iNES Group ── */
.footer-content__column img {
  height: 28px !important;
  width: auto !important;
  opacity: .7 !important;
  transition: opacity .2s !important;
}

.footer-content__column img:hover {
  opacity: 1 !important;
}

/* ── Bottom bar ── */
.footer-content:last-child {
  margin-bottom: 0 !important;
  padding-top: 24px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* ── Responsive ── */
@media (max-width: 768px) {
  .footer-content {
    flex-direction: column !important;
    gap: 32px !important;
    align-items: flex-start !important;
  }

  .footer-content:last-child {
    flex-direction: column !important;
    gap: 20px !important;
    align-items: flex-start !important;
  }
}