/**
 * MP Blocks - MP Footer Links block styles
 *
 * @author    Maxime Potier <contact@maximepotier.fr>
 * @copyright 2026 Maxime Potier
 * @license   Commercial - All rights reserved
 */

.mpfl-block {
  width: 100%;
}

.mpfl-col {
  margin-bottom: 1.75rem;
}

@media (min-width: 768px) {
  .mpfl-col {
    margin-bottom: 0;
    padding-top: 2rem;
  }
}

.mpfl-col-title {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 1rem;
  line-height: 1.3;
}

.mpfl-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mpfl-item {
  margin-bottom: 0.4rem;
}

.mpfl-item:last-child {
  margin-bottom: 0;
}

/* Colors fall back to the LFDP tokens rather than Cartzilla's #adb5bd: that
   grey only reached 2.87:1 on the brand blue the footer took on 2026-08-05
   (below the 4.5:1 required for body text). The block's own admin settings
   still win when set - see mp_footer_links.tpl's inline custom properties. */
/* MP fix (2026-08-12, client request "uniformiser le style des liens
   a.mpfl-link : soulignés en #E3ECF8, blancs au survol") - the underline moved
   from :hover to the resting state. It is now the links' permanent affordance,
   and hover only lifts the colour to pure white. */
.mpfl-link {
  color: var(--mpfl-link-color, var(--lfdp-color-on-primary-link, #E3ECF8));
  font-size: var(--lfdp-fs-sm, 0.8125rem);
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.2s ease;
}

.mpfl-link:hover,
.mpfl-link:focus {
  color: var(--mpfl-link-hover-color, var(--lfdp-color-on-primary, #ffffff));
  text-decoration: underline;
}

/* Keyboard-only ring: the hover styling above is a colour change alone,
   invisible to someone tabbing through the footer. */
.mpfl-link:focus-visible {
  outline: 2px solid var(--lfdp-color-on-primary, #ffffff);
  outline-offset: 2px;
  border-radius: 2px;
}