/* ============================================================
   Global fixes — applied on every page
   (desktop + mobile consistency for footer-bottom area)
   ============================================================ */

/* 1. Own background on footer-bottom so it is never transparent
      regardless of screen size or whether image-layer is visible. */
.main-footer.style-five .footer-bottom {
  background-color: #4527a4;
  padding: 19px 0;
}

/* 2. reCAPTCHA notice paragraph sits outside footer-top but inside
      <footer>. Give it the same purple background so it blends. */
.main-footer.style-five > p {
  background-color: #4527a4;
  padding: 0 0 12px;
  margin: 0;
}

/* 3. bundle.min.css sets last-child { padding: 0 } which collapses its
      spacing inconsistently. Restore the same padding-right as every
      other li so the strip feels even. margin:0 is intentionally kept. */
.main-footer.style-five .footer-bottom .footer-nav li:last-child {
  padding-left: 13px;
}

/* 4. Footer-nav link colour — always white on the purple strip.
      Overrides the responsive.css rule that sets them to #000. */
.main-footer.style-five .footer-bottom .footer-nav li a {
  color: #fff !important;
}
.main-footer.style-five .footer-bottom .footer-nav li a:hover {
  text-decoration: underline;
}

/* 4. Mobile: wrap links naturally, centred, with a thin separator
      so the row doesn't overflow on narrow viewports. */
@media (max-width: 767px) {
  .main-footer.style-five .footer-bottom .footer-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 0;
    padding: 0 15px;
  }

  .main-footer.style-five .footer-bottom .footer-nav li {
    display: inline-flex;
    align-items: center;
    padding: 0 14px;
    margin: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    text-align: center;
  }

  .main-footer.style-five .footer-bottom .footer-nav li:last-child {
    border-right: none;
  }

  /* Override the ::before separator (handled via border above) */
  .main-footer.style-five .footer-bottom .footer-nav li:before {
    display: none;
  }
}