/* MRO Footer Styles: dark footer with the brand, link columns, the bottom line and the gandabherunda bird. */

.mro-footer {
  position: relative;
  overflow: hidden;
  padding-top: var(--wp--preset--spacing--110);
  background: var(--wp--preset--color--contrast);
  color: var(--wp--custom--color--on-dark-muted);
  font-size: var(--wp--preset--font-size--sm);
}

/* Decorative bird, bottom right */
.mro-footer::after {
  content: "";
  position: absolute;
  right: calc(var(--wp--preset--spacing--90) * -1);
  bottom: calc(var(--wp--preset--spacing--90) * -1);
  width: calc(var(--wp--preset--spacing--120) * 3.5);
  height: calc(var(--wp--preset--spacing--120) * 3.5);
  background-color: var(--wp--custom--color--on-dark-line);
  -webkit-mask: var(--mro-bird) center / contain no-repeat;
  mask: var(--mro-bird) center / contain no-repeat;
  pointer-events: none;
  --mro-bird: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 26c-4.5 4-6.5 9.5-6 15.5.3 3.5 1.8 6 3.6 8h4.8c1.8-2 3.3-4.5 3.6-8 .5-6-1.5-11.5-6-15.5z'/%3E%3Cpath d='M29.5 29C26 26 23.5 22 22.5 17.5M34.5 29C38 26 40.5 22 41.5 17.5'/%3E%3Ccircle cx='21.8' cy='14.6' r='2.9'/%3E%3Ccircle cx='42.2' cy='14.6' r='2.9'/%3E%3Cpath d='M19 13.5l-4.5 1.8 4.6.9M45 13.5l4.5 1.8-4.6.9'/%3E%3Cpath d='M20 11.8l.6-2.6 1.4 1.8 1.2-2 .4 2.7M44 11.8l-.6-2.6-1.4 1.8-1.2-2-.4 2.7'/%3E%3Cpath d='M27 33C21 29 13 28.5 6 31.5c4 .8 7 2 9 3.8-3.5-.2-6.5.7-8.8 2.7 4.5-.4 8.5.2 12 1.6-2.6.6-4.6 1.8-6 3.4 5-.8 10-.6 14.4.8'/%3E%3Cpath d='M37 33c6-4 14-4.5 21-1.5-4 .8-7 2-9 3.8 3.5-.2 6.5.7 8.8 2.7-4.5-.4-8.5.2-12 1.6 2.6.6 4.6 1.8 6 3.4-5-.8-10-.6-14.4.8'/%3E%3Cpath d='M29 36l3 2 3-2M29 40.5l3 2 3-2'/%3E%3Cpath d='M29.6 49.5l-3.6 8M32 49.5v9M34.4 49.5l3.6 8'/%3E%3C/g%3E%3C/svg%3E");
}

.mro-footer .mro-footer__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 2fr 1fr 1.3fr 1fr;
  gap: var(--wp--preset--spacing--80);
}
.mro-footer .mro-footer__grid > *,
.mro-footer .mro-footer__brand > *,
.mro-footer .mro-footer__col > * { margin-block: 0; }

/* Logo placeholder, light version */
.mro-footer .mro-logo {
  display: inline-flex;
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  border: 1px dashed var(--wp--custom--color--on-dark-line);
  border-radius: var(--wp--custom--radius--sm);
}
.mro-footer .mro-logo .mro-logo__tag { background: var(--wp--custom--color--on-dark-line); color: var(--wp--preset--color--base); }
.mro-footer .mro-logo .wp-block-site-title a { color: var(--wp--preset--color--base); text-decoration: none; }
.mro-footer .mro-footer__brand .mro-footer__about { max-width: 22rem; margin-top: var(--wp--preset--spacing--60); }

.mro-footer .mro-footer__col .mro-footer__title {
  margin-bottom: var(--wp--preset--spacing--50);
  font-family: var(--wp--preset--font-family--body);
  font-size: var(--wp--preset--font-size--xs);
  font-weight: 700;
  line-height: var(--wp--custom--leading--tight);
  letter-spacing: var(--wp--custom--tracking--caps);
  text-transform: uppercase;
  color: var(--wp--preset--color--base);
}
.mro-footer .mro-footer__col > * + :not(.mro-footer__title) { margin-top: var(--wp--preset--spacing--30); }
/* The design leaves a small space under the last link of each column */
.mro-footer .mro-footer__col { padding-bottom: var(--wp--preset--spacing--30); }
.mro-footer .mro-footer__links { gap: var(--wp--preset--spacing--30); }

/* Links: plain text, white on hover. Core buttons are reset to look like links. */
.mro-footer a,
.mro-footer .mro-footer__nav .wp-block-navigation-item__content { color: var(--wp--custom--color--on-dark-muted); text-decoration: none; }
.mro-footer a:hover,
.mro-footer .mro-footer__nav .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--base); text-decoration: underline; }
.mro-footer .mro-footer__nav { font-size: inherit; }
.mro-footer .mro-footer__links .wp-block-button__link {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--wp--custom--color--on-dark-muted);
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  text-align: left;
  text-decoration: none;
}
.mro-footer .mro-footer__links .wp-block-button__link:hover {
  background: transparent;
  box-shadow: none;
  color: var(--wp--preset--color--base);
  text-decoration: underline;
}

.mro-footer .mro-footer__bottom {
  position: relative;
  z-index: 1;
  gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--60);
  margin-top: var(--wp--preset--spacing--100);
  padding-block: var(--wp--preset--spacing--60);
  border-top: 1px solid var(--wp--custom--color--on-dark-line);
  font-size: var(--wp--preset--font-size--xs);
}
.mro-footer .mro-footer__bottom p { margin: 0; }

@media (max-width: 1023.98px) {
  .mro-footer .mro-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mro-footer .mro-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 767.98px) {
  .mro-footer { padding-bottom: calc(var(--wp--custom--icon--box) + var(--wp--preset--spacing--70)); }
}
@media (max-width: 479.98px) {
  .mro-footer .mro-footer__grid { grid-template-columns: minmax(0, 1fr); }
}