/* Merchant Connect Corporate 1.2.8 - footer link groups.
   Loaded after mobile.css and conversion.css. Every rule is scoped to
   .mc-footer__main--groups so the previous footer rules stay valid if the
   template is overridden. Presentation only. */

.mc-footer .mc-footer__main--groups {
  grid-template-columns: minmax(0, 1.05fr) repeat(3, minmax(0, .74fr)) minmax(290px, 1.25fr);
  gap: 40px clamp(22px, 2.6vw, 40px);
}
.mc-footer__main--groups > * { min-width: 0; }
.mc-footer__main--groups .mc-footer__description { max-width: 320px; }

/* Link lists: consistent rhythm across Explore / Services / Industries */
.mc-footer__main--groups .mc-footer__menu li + li { margin-top: 0; }
.mc-footer__main--groups .mc-footer__menu a {
  display: inline-flex; align-items: center; min-height: 34px; padding-block: 3px;
  font-size: 14.5px; line-height: 1.35;
}
.mc-footer__main--groups .mc-footer__menu .mc-footer__all { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(240, 217, 159, .14); }
.mc-footer__main--groups .mc-footer__menu .mc-footer__all a { color: var(--mc-gold-light); font-weight: 700; font-size: 13.5px; }
.mc-footer__main--groups .mc-footer__menu .mc-footer__all a::after { content: "\2192"; margin-left: 8px; transition: transform .18s ease; }
.mc-footer__main--groups .mc-footer__menu .mc-footer__all a:is(:hover, :focus-visible)::after { transform: translateX(3px); }
.mc-footer__main--groups .mc-footer__menu a:focus-visible { outline: 2px solid var(--mc-gold); outline-offset: 2px; }

/* Contact column: tinted panel so it reads as the conversion point */
.mc-footer__main--groups .mc-footer__group--contact {
  align-self: start; padding: 24px; border: 1px solid rgba(240, 217, 159, .16); border-radius: 10px;
  background: rgba(255, 255, 255, .035);
}
.mc-footer__main--groups .mc-footer__contact-value--strong { font-size: 19px; }
.mc-footer__main--groups .mc-footer__contact-value { word-break: normal; overflow-wrap: anywhere; }
.mc-footer__main--groups a.mc-footer__cta { justify-content: center; width: 100%; text-align: center; }

/* Mid desktop / tablet landscape: brand + contact row, then three link columns */
@media (max-width: 1140px) {
  .mc-footer .mc-footer__main--groups {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas: "brand brand contact" "explore services industries";
  }
  .mc-footer__main--groups .mc-footer__brand { grid-area: brand; grid-column: auto; }
  .mc-footer__main--groups .mc-footer__group--explore { grid-area: explore; }
  .mc-footer__main--groups .mc-footer__group--services { grid-area: services; }
  .mc-footer__main--groups .mc-footer__group--industries { grid-area: industries; }
  .mc-footer__main--groups .mc-footer__group--contact { grid-area: contact; }
  .mc-footer__main--groups .mc-footer__description { max-width: 460px; }
}

/* Tablet portrait */
@media (max-width: 860px) {
  .mc-footer .mc-footer__main--groups {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas: "brand brand" "contact contact" "explore services" "industries industries";
    gap: 34px 26px;
  }
}

/* Phones: one column for brand/contact, link groups as compact two-up lists */
@media (max-width: 600px) {
  .mc-footer .mc-footer__main--groups {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "brand" "contact" "services" "industries" "explore";
    gap: 0; padding-block: 40px 28px;
  }
  .mc-footer__main--groups .mc-footer__brand { padding-bottom: 28px; }
  .mc-footer__main--groups .mc-footer__group--contact { padding: 20px 18px; margin-bottom: 8px; }
  .mc-footer__main--groups :is(.mc-footer__group--explore, .mc-footer__group--services, .mc-footer__group--industries) {
    padding-block: 22px; border-top: 1px solid rgba(240, 217, 159, .12);
  }
  .mc-footer__main--groups :is(.mc-footer__group--explore, .mc-footer__group--services, .mc-footer__group--industries) .mc-footer__heading {
    margin-bottom: 10px; padding-bottom: 0; border-bottom: 0;
  }
  .mc-footer__main--groups .mc-footer__menu > ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 18px; }
  .mc-footer__main--groups .mc-footer__menu a { min-height: 42px; font-size: 14.5px; }
  .mc-footer__main--groups .mc-footer__menu .mc-footer__all { grid-column: 1 / -1; margin-top: 6px; padding-top: 6px; }
  .mc-footer__main--groups .mc-footer__contact-value--strong { font-size: 20px; }
  .mc-footer__main--groups a.mc-footer__cta { min-height: 48px; font-size: 15px; }
}
@media (max-width: 360px) {
  .mc-footer__main--groups .mc-footer__menu > ul { grid-template-columns: minmax(0, 1fr); }
  .mc-footer__main--groups .mc-footer__group--contact { padding: 18px 14px; }
}