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

.mpfi-block {
  width: 100%;
}

.mpfi-logo {
  margin-bottom: 1rem;
}

.mpfi-logo img {
  display: block;
}

.mpfi-description {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.6;
}

.mpfi-description p:last-child {
  margin-bottom: 0;
}

.mpfi-line {
  margin-bottom: 0.6rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.mpfi-label {
  font-weight: 700;
  margin-right: 0.25rem;
}

/* MP fix (2026-08-12, client request "dans MP Footer block il y ait aussi
   color #E3ECF8, underline, hover #ffffff") - aligned with `.mpfl-link` of the
   MP Footer Links block, same pass. The underline becomes the permanent
   affordance instead of a hover-only hint.
   The resting colour is stated here as well: the template only writes an
   inline `color` when the block's "link_color" setting is filled in, so
   without this the link would fall back to the footer's body colour if that
   setting is ever cleared. Both resolve to the same token today. */
.mpfi-link {
  color: var(--lfdp-color-on-primary-link, #E3ECF8);
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.2s ease;
}

/* MP fix (2026-08-05, client request "tous les hover des liens du block MP
   Footer Info doivent être #fff") - links carry an inline `color` from the
   block's "link_color"/"address_color" admin settings (mp_footer_info.tpl);
   `!important` forces white on hover regardless of that setting. Replaces
   the previous opacity-dimming hover (which only faded whatever color was
   already set, never actually turning white) with a direct color change. */
.mpfi-link:hover,
.mpfi-link:focus {
  color: #fff !important;
  text-decoration: underline;
}

.mpfi-address-link {
  color: var(--lfdp-color-on-primary-link, #E3ECF8);
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.2s ease;
}

.mpfi-address-link:hover,
.mpfi-address-link:focus {
  color: #fff !important;
  text-decoration: underline;
}

/* MP fix (2026-08-05, client request "mpfi-connector doit être #fff") -
   the template applies an inline `color` from the block's "value_color"
   admin setting when configured (mp_footer_info.tpl); `!important` forces
   white regardless of that setting so it stays readable against the
   footer's blue background. */
.mpfi-connector {
  margin: 0 0.15rem;
  color: #fff !important;
}

.mpfi-social {
  margin-top: 1.25rem;
}

.mpfi-social-title {
  font-weight: 700;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  font-size: 0.8125rem;
  letter-spacing: 0.02em;
}

.mpfi-social-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.mpfi-social-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.25rem;
  color: #fff;
  font-size: 1rem;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.mpfi-social-btn:hover,
.mpfi-social-btn:focus {
  opacity: 0.85;
  transform: translateY(-2px);
}

/* Brand colors - persistent (not hover-only), same values as the theme's
   own .sb-* buttons for visual consistency. */
.mpfi-social-btn--facebook { background-color: #3b5998; }
.mpfi-social-btn--twitter { background-color: #1da1f2; }
.mpfi-social-btn--instagram { background-color: #5851db; }
.mpfi-social-btn--linkedin { background-color: #0077b5; }
.mpfi-social-btn--pinterest { background-color: #bd081c; }
.mpfi-social-btn--youtube { background-color: #ff0000; }