/* =============================================================
   NLIGN — Footer
   Logo left · Nav + Legal stacked right.
   ============================================================= */

.nlign-footer {
  background-color: var(--nlign-color-onyx);
  min-height:       var(--nlign-footer-height);
}

.nlign-footer__container {
  display:         flex;
  align-items:     center;
  justify-content: space-between;
  flex-wrap:       wrap;
  gap:             24px;
  min-height:      var(--nlign-footer-height);
  max-width:       var(--nlign-max-width);
  margin-inline:   auto;
  padding-left:    var(--nlign-section-padding-x);
  padding-right:   var(--nlign-section-padding-x);
  padding-top:     32px;
  padding-bottom:  32px;
}

/* ── Logo ───────────────────────────────────────────────────── */
.nlign-footer__logo {
  width:      176px;
  height:     80px;
  object-fit: contain;
}

/* ── Right block: nav stacked above legal ───────────────────── */
.nlign-footer__right {
  display:        flex;
  flex-direction: column;
  align-items:    flex-end;
  gap:            16px;
  margin-top: 2rem;

}

/* ── Primary nav row ────────────────────────────────────────── */
.nlign-footer__nav,
.nlign-footer__nav .menu,
.nlign-footer__nav ul {
  display:         flex;
  align-items:     center;
  flex-wrap:       wrap;
  justify-content: flex-end;
  gap:             32px;
  list-style:      none;
  margin:          0;
  padding:         0;
}

.nlign-footer__nav .menu li,
.nlign-footer__nav ul li { margin: 0; }

.nlign-footer__nav .menu a,
.nlign-footer__nav ul a,
.nlign-footer__link {
  font-family:     var(--nlign-nav-font-family);
  font-weight:     var(--nlign-nav-font-weight);
  font-size:       var(--nlign-nav-font-size);
  letter-spacing:  var(--nlign-nav-letter-spacing);
  color:           var(--nlign-color-dust-grey);
  white-space:     nowrap;
  text-decoration: none;
  transition:      color var(--nlign-transition);
}

.nlign-footer__nav .menu a:hover,
.nlign-footer__nav ul a:hover,
.nlign-footer__link:hover,
.nlign-footer__link:focus {
  color: var(--nlign-color-orange);
}

/* ── Legal row ──────────────────────────────────────────────── */
.nlign-footer__legal,
.nlign-footer__legal .menu,
.nlign-footer__legal ul {
  display:         flex;
  align-items:     center;
  flex-wrap:       wrap;
  justify-content: flex-end;
  gap:             16px;
  list-style:      none;
  margin:          0;
  padding:         0;
}

.nlign-footer__legal .menu li,
.nlign-footer__legal ul li { margin: 0; }

.nlign-footer__legal .menu a,
.nlign-footer__legal ul a,
.nlign-footer__legal-link {
  font-family:     var(--nlign-body-font-family);
  font-weight:     400;
  font-size:       14px;
  line-height:     normal;
  color:           var(--nlign-color-onyx-600);
  white-space:     nowrap;
  text-decoration: none;
  padding: 0;
  transition:      color var(--nlign-transition);
}

.nlign-footer__legal .menu a:hover,
.nlign-footer__legal ul a:hover,
.nlign-footer__legal-link:hover,
.nlign-footer__legal-link:focus {
  color: var(--nlign-color-dust-grey);
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 1199.98px) {
  .nlign-footer__container { padding-left: 120px; padding-right: 120px; }
}

@media (max-width: 767.98px) {
  .nlign-footer__container {
    flex-direction: column;
    align-items:    flex-start;
    padding-left:   24px;
    padding-right:  24px;
    padding-top:    40px;
    padding-bottom: 40px;
    min-height:     unset;
  }

  .nlign-footer__right {
    align-items: flex-start;
    width:       100%;
  }

  .nlign-footer__nav,
  .nlign-footer__nav .menu,
  .nlign-footer__nav ul {
    justify-content: flex-start;
    gap: 0;
  }

      .nlign-footer__nav{
        width: 100%;
      }
 .nlign-footer__nav .menu, .nlign-footer__nav ul{
    display: flex;
   
  }
  body .nlign-footer__legal{
    width: 100%;
    justify-content: center;
  }
  .nlign-footer__right{
    margin-top: 0;
  }

  .nlign-footer__legal,
  .nlign-footer__legal .menu,
  .nlign-footer__legal ul {
    justify-content: flex-start;
    gap: 12px;
  }
}