/* @file Footer styles for the Trafford Invest theme. */

.region-microsites-footer {
  background-color: var(--color-black, #000000);
  color: var(--color-white, #ffffff);
  padding: 1.5rem var(--mh-padding-x, 1.5rem);
}

.region-microsites-footer a {
  color: var(--color-white, #ffffff);
  text-decoration: none;
}

.region-microsites-footer a:hover {
  text-decoration: underline;
  color: var(--color-white, #ffffff);
}

.region-microsites-footer a:focus {
  color: var(--color-black, #000000);
}

.lgd-region__inner--microsites-footer {
  max-width: var(--width-container-extra-large, 90rem);
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  flex-wrap: wrap;
}

/* Remove default row margins inside the footer */
.lgd-region__inner--microsites-footer .lgd-row {
  margin: 0;
  width: auto;
}

.microsite-footer__text-block {
  margin: 0;
  font-size: var(--font-size-small);
  line-height: 1.6;
  color: var(--color-white, #ffffff);
}

.microsite-footer__text-block p {
  margin: 0;
  color: var(--color-white, #ffffff);
}

.microsite-footer__housekeeping ul:not(.contextual-links) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 2rem;
  list-style: none;
  margin: 0;
  padding: 0;
  justify-content: flex-end;
}

.microsite-footer__housekeeping li {
  margin: 0;
}

.microsite-footer__housekeeping a {
  font-size: var(--font-size-small);
  font-weight: 400;
  white-space: nowrap;
}

.microsite-footer__text-block--3 a {
  font-size: var(--font-size-small);
}

/* Override base theme centred/stacked layout for these elements */
.microsite-footer__logos .field__items,
.microsite-footer__copyright,
.microsite-footer__powered_by {
  justify-content: flex-start;
  margin-bottom: 0;
}

/* Remove extra top spacing between rows in the footer */
.region-microsites-footer .lgd-row + .lgd-row {
  margin-top: 0;
}

.region-microsites-footer h2,
.region-microsites-footer h3,
.region-microsites-footer h4,
.region-microsites-footer h5,
.region-microsites-footer h6 {
  color: var(--color-white, #ffffff);
}

@media (max-width: 47.9375rem) {
  .region-microsites-footer {
    padding: 1.5rem 1rem;
  }

  .lgd-region__inner--microsites-footer {
    flex-direction: column;
    gap: 1rem;
  }

  .region-microsites-footer .lgd-row {
    grid-template-columns: auto 1fr;
    align-items: start;
    gap: 1rem;
  }

  .region-microsites-footer .lgd-row .lgd-row__one-quarter:nth-child(3) {
    grid-column: 1 / -1;
  }

  .microsite-footer__text-block {
    font-size: var(--font-size-tiny);
    font-weight: 700;
  }

  .microsite-footer__logos .field__items {
    justify-content: flex-start;
  }

  .microsite-footer__housekeeping ul:not(.contextual-links) {
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 0 1rem;
  }

  .microsite-footer__housekeeping a {
    font-size: var(--font-size-tiny);
    font-weight: 600;
  }

  .microsite-footer__text-block--3 p {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0 1rem;
    margin: 0;
  }

  .microsite-footer__text-block--3 p > span {
    display: none;
  }

  .microsite-footer__text-block--3 a {
    font-size: var(--font-size-tiny);
    white-space: nowrap;
  }

  .region-microsites-footer .lgd-region__inner > .lgd-row:first-of-type {
    display: grid;
  }
}