/* =============================================================
   EZ ONE Footer Component
   ============================================================= */

.ez-footer {
  background-color: var(--ez-color-dark);
  color: rgba(255,255,255,.8);
}

/* ── Columns ─────────────────────────────────────────────────── */
.ez-footer-columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--ez-space-10);
  padding-block: var(--ez-space-16);
}
@media (min-width: 768px) {
  .ez-footer-columns { grid-template-columns: 2fr 1fr 1fr; }
}

.ez-footer-col h3,
.ez-footer-col h4 {
  color: var(--ez-color-white);
  font-size: var(--ez-font-size-sm);
  font-weight: var(--ez-font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: var(--ez-space-4);
}

.ez-footer-col p,
.ez-footer-col address {
  font-size: var(--ez-font-size-sm);
  line-height: var(--ez-line-height-relaxed);
  font-style: normal;
  color: rgba(255,255,255,.7);
}

.ez-footer-col a {
  color: rgba(255,255,255,.7);
  text-decoration: none;
  font-size: var(--ez-font-size-sm);
  transition: color var(--ez-transition-fast);
}
.ez-footer-col a:hover { color: var(--ez-color-white); }

.ez-footer-nav { list-style: none; margin: 0; padding: 0; }
.ez-footer-nav li + li { margin-top: var(--ez-space-3); }

/* ── Logo in footer ──────────────────────────────────────────── */
.ez-footer-logo {
  display: block;
  margin-bottom: var(--ez-space-6);
  filter: brightness(0) invert(1);
  opacity: 0.8;
}
.ez-footer-logo img { max-height: 48px; width: auto; }

/* ── Bottom bar ──────────────────────────────────────────────── */
.ez-footer-bottom {
  border-top: 1px solid rgba(255,255,255,.1);
  padding-block: var(--ez-space-6);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--ez-space-4);
}
.ez-footer-bottom small {
  color: rgba(255,255,255,.5);
  font-size: var(--ez-font-size-xs);
}

/* ── Legal links ─────────────────────────────────────────────── */
.ez-footer-legal {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ez-space-6);
}
.ez-footer-legal a {
  color: rgba(255,255,255,.5);
  font-size: var(--ez-font-size-xs);
  text-decoration: none;
}
.ez-footer-legal a:hover { color: var(--ez-color-white); }