/* =====================================================
   MH Theme Phase 51 — Mobile Dock Stable Glass Rebuild
   Root fix: the dock material is never scaled.
   Condensed state changes width/height/padding only, so backdrop-filter remains stable.
   ===================================================== */

.mht-mobile-dock { display: none; }

@media (max-width: 900px) {
  body { padding-bottom: calc(88px + env(safe-area-inset-bottom)); }

  .mht-mobile-dock {
    position: fixed;
    left: 0;
    right: 0;
    bottom: calc(10px + env(safe-area-inset-bottom));
    z-index: 9997;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    pointer-events: none;
    transform: none !important;
    opacity: 1 !important;
    will-change: auto;
    transition: bottom 420ms cubic-bezier(.18, 1, .22, 1);
  }

  .mht-mobile-dock__inner {
    width: min(560px, calc(100% - 26px));
    min-height: 64px;
    padding: 6px;
    border-radius: 999px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: center;
    gap: 3px;
    pointer-events: auto;
    transform: translate3d(0, -2px, 0);
    transition:
      width 520ms cubic-bezier(.18, 1, .22, 1),
      min-height 520ms cubic-bezier(.18, 1, .22, 1),
      padding 520ms cubic-bezier(.18, 1, .22, 1),
      transform 520ms cubic-bezier(.18, 1, .22, 1),
      background-color 320ms ease,
      box-shadow 320ms ease;
  }

  .mht-mobile-dock.is-condensed .mht-mobile-dock__inner {
    width: min(520px, calc(100% - 44px));
    min-height: 58px;
    padding: 5px;
    transform: translate3d(0, 5px, 0);
  }

  .mht-mobile-dock.is-expanded .mht-mobile-dock__inner {
    width: min(560px, calc(100% - 26px));
    min-height: 64px;
    padding: 6px;
    transform: translate3d(0, -3px, 0);
  }

  .mht-mobile-dock__item {
    min-width: 0;
    height: 52px;
    border-radius: 999px;
    display: grid;
    grid-template-rows: 24px 12px;
    place-items: center;
    align-content: center;
    gap: 0;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    background: transparent;
    opacity: .78;
    -webkit-tap-highlight-color: transparent;
    color: #fff !important;
    transform: translate3d(0,0,0) scale(1);
    transition:
      background-color 420ms cubic-bezier(.18,1,.22,1),
      box-shadow 420ms cubic-bezier(.18,1,.22,1),
      transform 420ms cubic-bezier(.18,1,.22,1),
      opacity 220ms ease;
  }

  .mht-mobile-dock.is-condensed .mht-mobile-dock__item {
    height: 48px;
    grid-template-rows: 23px 11px;
  }

  .mht-mobile-dock__item::before {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: inherit;
    opacity: 0;
    transform: scale(.86);
    background:
      linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.07) 42%, rgba(0,0,0,.14)),
      rgba(255,255,255,.12);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 10px 24px rgba(0,0,0,.18);
    transition: opacity 420ms cubic-bezier(.18,1,.22,1), transform 420ms cubic-bezier(.18,1,.22,1);
    pointer-events: none;
  }

  .mht-mobile-dock__item:hover,
  .mht-mobile-dock__item:focus-visible,
  .mht-mobile-dock__item.is-active,
  .mht-mobile-dock__item.is-pressing {
    opacity: 1;
    transform: translateY(-1px) scale(1.015);
  }

  .mht-mobile-dock__item:hover::before,
  .mht-mobile-dock__item:focus-visible::before,
  .mht-mobile-dock__item.is-active::before {
    opacity: 1;
    transform: scale(1);
  }

  .mht-mobile-dock__item--cta,
  .mht-mobile-dock__item--cta.is-action {
    opacity: 1;
  }

  /* Enquiries: action state is animated but has no background pill until hover/focus/current page. */
  .mht-mobile-dock__item--cta::before,
  .mht-mobile-dock__item--cta.is-action:not(:hover):not(:focus-visible):not(.is-active)::before {
    opacity: 0 !important;
    transform: scale(.88) !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .mht-mobile-dock__item--cta:hover::before,
  .mht-mobile-dock__item--cta:focus-visible::before,
  .mht-mobile-dock__item--cta.is-active::before {
    opacity: 1 !important;
    transform: scale(1) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.07) 42%, rgba(0,0,0,.14)),
      rgba(255,255,255,.12) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.24),
      0 10px 24px rgba(0,0,0,.18) !important;
  }

  .mht-mobile-dock__icon,
  .mht-mobile-dock__label { position: relative; z-index: 1; }

  .mht-mobile-dock__icon {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
  }

  .mht-mobile-dock__icon svg {
    width: 23px;
    height: 23px;
    display: block;
    color: #fff !important;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.85;
    stroke-linecap: round;
    stroke-linejoin: round;
    overflow: visible;
  }

  .mht-mobile-dock__icon .mht-icon {
    transform-origin: 50% 50%;
    transition: opacity 260ms ease, transform 420ms cubic-bezier(.18,1,.22,1);
  }

  .mht-mobile-dock__icon .mht-icon--outline { opacity: 1; fill: none; stroke: currentColor; }
  .mht-mobile-dock__icon .mht-icon--filled { opacity: 0; fill: currentColor; stroke: none; transform: scale(.76); }

  .mht-mobile-dock__item.is-active .mht-icon--outline,
  .mht-mobile-dock__item:hover .mht-icon--outline,
  .mht-mobile-dock__item:focus-visible .mht-icon--outline { opacity: 0; transform: scale(.84); }
  .mht-mobile-dock__item.is-active .mht-icon--filled,
  .mht-mobile-dock__item:hover .mht-icon--filled,
  .mht-mobile-dock__item:focus-visible .mht-icon--filled { opacity: 1; transform: scale(1); }

  /* CTA stays outline by default while it pulses. Fill only on hover/focus/current. */
  .mht-mobile-dock__item--cta.is-action:not(:hover):not(:focus-visible):not(.is-active) .mht-icon--outline {
    opacity: 1 !important;
    transform: scale(1) !important;
  }
  .mht-mobile-dock__item--cta.is-action:not(:hover):not(:focus-visible):not(.is-active) .mht-icon--filled {
    opacity: 0 !important;
    transform: scale(.76) !important;
  }

  .mht-mobile-dock__label {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 9.5px;
    font-weight: 780;
    line-height: 1;
    letter-spacing: -.015em;
    color: rgba(255,255,255,.82) !important;
    margin-top: -4px;
    transform: translateY(1px);
    transition: color 220ms ease, opacity 220ms ease, transform 420ms cubic-bezier(.18,1,.22,1);
  }

  .mht-mobile-dock__item.is-active .mht-mobile-dock__label,
  .mht-mobile-dock__item.is-action .mht-mobile-dock__label,
  .mht-mobile-dock__item:hover .mht-mobile-dock__label,
  .mht-mobile-dock__item:focus-visible .mht-mobile-dock__label {
    color: #fff !important;
    transform: translateY(.5px);
  }

  /* Enquiries action animation is icon-line only. Do not pulse the whole tab, label, or icon wrapper. */

  .mht-mobile-dock__item--cta.is-action .mht-dock-message-line {
    stroke-dasharray: 14;
    stroke-dashoffset: 14;
    animation: mht-dock-message-line-reveal 2.8s cubic-bezier(.55, 0, .2, 1) infinite;
  }

  .mht-mobile-dock__item--cta.is-action .mht-dock-message-line--two { animation-delay: .16s; }

  @keyframes mht-dock-message-line-reveal {
    0% { stroke-dashoffset: 14; opacity: .25; }
    18%, 48% { stroke-dashoffset: 0; opacity: 1; }
    68%, 100% { stroke-dashoffset: -14; opacity: .25; }
  }
}

@media (max-width: 380px) {
  .mht-mobile-dock__inner { width: min(520px, calc(100% - 18px)); }
  .mht-mobile-dock.is-condensed .mht-mobile-dock__inner { width: min(500px, calc(100% - 30px)); }
  .mht-mobile-dock__label { font-size: 8.5px; margin-top: -4px; }
  .mht-mobile-dock__icon svg { width: 21px; height: 21px; }
}

@media (prefers-reduced-motion: reduce) {
  .mht-mobile-dock,
  .mht-mobile-dock__inner,
  .mht-mobile-dock__item,
  .mht-mobile-dock__item::before,
  .mht-mobile-dock__icon .mht-icon,
  .mht-mobile-dock__label { transition: none !important; }
  .mht-mobile-dock__item--cta.is-action .mht-dock-message-line { animation: none !important; }
  .mht-mobile-dock__item--cta.is-action .mht-dock-message-line { stroke-dashoffset: 0 !important; opacity: 1 !important; }
}


/* =====================================================
   Phase 95 footer social icons reuse mobile dock icon behavior.
   This extends the dock icon primitive instead of inventing another footer
   social hover system. Footer icons use the same outline→filled morph idea.
   ===================================================== */
.mht-footer__social-icon.mht-footer-social-dock__item {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 999px !important;
  display: inline-grid !important;
  grid-template-rows: 1fr !important;
  place-items: center !important;
  align-content: center !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: rgba(255,255,255,.82) !important;
  opacity: .82 !important;
  transform: translate3d(0,0,0) scale(1) !important;
  box-shadow: none !important;
  transition:
    background-color 420ms cubic-bezier(.18,1,.22,1),
    box-shadow 420ms cubic-bezier(.18,1,.22,1),
    transform 420ms cubic-bezier(.18,1,.22,1),
    opacity 220ms ease !important;
}

.mht-footer__social-icon.mht-footer-social-dock__item::before {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: inherit;
  opacity: 0;
  transform: scale(.86);
  background:
    linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.07) 42%, rgba(0,0,0,.14)),
    rgba(255,255,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 10px 24px rgba(0,0,0,.18);
  transition: opacity 420ms cubic-bezier(.18,1,.22,1), transform 420ms cubic-bezier(.18,1,.22,1);
  pointer-events: none;
}

.mht-footer__social-icon.mht-footer-social-dock__item:hover,
.mht-footer__social-icon.mht-footer-social-dock__item:focus-visible {
  opacity: 1 !important;
  color: #fff !important;
  transform: translateY(-1px) scale(1.015) !important;
  background: transparent !important;
  outline: none !important;
}

.mht-footer__social-icon.mht-footer-social-dock__item:hover::before,
.mht-footer__social-icon.mht-footer-social-dock__item:focus-visible::before {
  opacity: 1;
  transform: scale(1);
}

.mht-footer__social-icon.mht-footer-social-dock__item .mht-mobile-dock__icon {
  position: relative;
  z-index: 1;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
}

.mht-footer__social-icon.mht-footer-social-dock__item .mht-mobile-dock__icon svg {
  width: 22px !important;
  height: 22px !important;
  display: block;
  color: #fff !important;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
  overflow: visible;
}

.mht-footer__social-icon.mht-footer-social-dock__item .mht-icon {
  transform-origin: 50% 50%;
  transition: opacity 260ms ease, transform 420ms cubic-bezier(.18,1,.22,1);
}

.mht-footer__social-icon.mht-footer-social-dock__item .mht-icon--outline {
  opacity: 1;
  fill: none;
  stroke: currentColor;
}

.mht-footer__social-icon.mht-footer-social-dock__item .mht-icon--filled {
  opacity: 0;
  fill: currentColor;
  stroke: none;
  transform: scale(.76);
}

.mht-footer__social-icon.mht-footer-social-dock__item:hover .mht-icon--outline,
.mht-footer__social-icon.mht-footer-social-dock__item:focus-visible .mht-icon--outline {
  opacity: 0;
  transform: scale(.84);
}

.mht-footer__social-icon.mht-footer-social-dock__item:hover .mht-icon--filled,
.mht-footer__social-icon.mht-footer-social-dock__item:focus-visible .mht-icon--filled {
  opacity: 1;
  transform: scale(1);
}

html[data-mht-theme-effective="light"] .mht-footer__social-icon.mht-footer-social-dock__item,
html[data-mht-theme="light"] .mht-footer__social-icon.mht-footer-social-dock__item {
  color: rgba(47, 31, 58, .74) !important;
}

html[data-mht-theme-effective="light"] .mht-footer__social-icon.mht-footer-social-dock__item .mht-mobile-dock__icon svg,
html[data-mht-theme="light"] .mht-footer__social-icon.mht-footer-social-dock__item .mht-mobile-dock__icon svg {
  color: #2F1F3A !important;
}

html[data-mht-theme-effective="light"] .mht-footer__social-icon.mht-footer-social-dock__item:hover,
html[data-mht-theme-effective="light"] .mht-footer__social-icon.mht-footer-social-dock__item:focus-visible,
html[data-mht-theme="light"] .mht-footer__social-icon.mht-footer-social-dock__item:hover,
html[data-mht-theme="light"] .mht-footer__social-icon.mht-footer-social-dock__item:focus-visible {
  color: #2F1F3A !important;
}

html[data-mht-theme-effective="light"] .mht-footer__social-icon.mht-footer-social-dock__item::before,
html[data-mht-theme="light"] .mht-footer__social-icon.mht-footer-social-dock__item::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.36) 44%, rgba(230,216,255,.22)),
    rgba(230,216,255,.40);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 10px 24px rgba(47,31,58,.09);
}

@media (prefers-reduced-motion: reduce) {
  .mht-footer__social-icon.mht-footer-social-dock__item,
  .mht-footer__social-icon.mht-footer-social-dock__item::before,
  .mht-footer__social-icon.mht-footer-social-dock__item .mht-icon {
    transition: none !important;
  }
}


/* =====================================================
   Phase 97 footer social guard
   Later light-mode hardening files still target .mht-footer__social-icon.
   These more-specific rules keep footer socials on the mobile-dock icon
   primitive: outline by default, filled on hover/focus, same morph timing.
   ===================================================== */
html[data-mht-theme-effective="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item,
html[data-mht-theme="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item,
.mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item {
  background: transparent !important;
  border: 0 !important;
  color: rgba(255,255,255,.82) !important;
  box-shadow: none !important;
}

html[data-mht-theme-effective="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item,
html[data-mht-theme="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item {
  color: rgba(47,31,58,.76) !important;
}

html[data-mht-theme-effective="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item:hover,
html[data-mht-theme-effective="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item:focus-visible,
html[data-mht-theme="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item:hover,
html[data-mht-theme="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item:focus-visible,
.mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item:hover,
.mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item:focus-visible {
  background: transparent !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: none !important;
}

html[data-mht-theme-effective="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item:hover,
html[data-mht-theme-effective="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item:focus-visible,
html[data-mht-theme="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item:hover,
html[data-mht-theme="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item:focus-visible {
  color: #2F1F3A !important;
}

html[data-mht-theme-effective="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item .mht-mobile-dock__icon svg,
html[data-mht-theme="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item .mht-mobile-dock__icon svg,
.mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item .mht-mobile-dock__icon svg {
  fill: none !important;
  stroke: currentColor !important;
}

html[data-mht-theme-effective="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item .mht-icon--outline,
html[data-mht-theme="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item .mht-icon--outline,
.mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item .mht-icon--outline {
  opacity: 1 !important;
  fill: none !important;
  stroke: currentColor !important;
  transform: scale(1) !important;
}

html[data-mht-theme-effective="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item .mht-icon--filled,
html[data-mht-theme="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item .mht-icon--filled,
.mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item .mht-icon--filled {
  opacity: 0 !important;
  fill: currentColor !important;
  stroke: none !important;
  transform: scale(.76) !important;
}

html[data-mht-theme-effective="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item:hover .mht-icon--outline,
html[data-mht-theme-effective="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item:focus-visible .mht-icon--outline,
html[data-mht-theme="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item:hover .mht-icon--outline,
html[data-mht-theme="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item:focus-visible .mht-icon--outline,
.mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item:hover .mht-icon--outline,
.mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item:focus-visible .mht-icon--outline {
  opacity: 0 !important;
  transform: scale(.84) !important;
}

html[data-mht-theme-effective="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item:hover .mht-icon--filled,
html[data-mht-theme-effective="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item:focus-visible .mht-icon--filled,
html[data-mht-theme="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item:hover .mht-icon--filled,
html[data-mht-theme="light"] .mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item:focus-visible .mht-icon--filled,
.mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item:hover .mht-icon--filled,
.mht-footer__social-icon.mht-mobile-dock__item.mht-footer-social-dock__item:focus-visible .mht-icon--filled {
  opacity: 1 !important;
  transform: scale(1) !important;
}

/* =====================================================
   Phase 98 Start Here social dock reuse
   Start Here social links use the same mobile dock primitive as footer socials:
   outline icon by default, filled icon on hover/focus, same morph timing.
   This file remains the owner for the icon morph behavior.
   ===================================================== */
.mht-start-social__link.mht-mobile-dock__item.mht-footer-social-dock__item {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: transparent !important;
  border: 0 !important;
  color: rgba(255,255,255,.82) !important;
  box-shadow: none !important;
  transition:
    opacity 240ms ease,
    transform 420ms cubic-bezier(.18, 1, .22, 1) !important;
}

.mht-start-social__link.mht-mobile-dock__item.mht-footer-social-dock__item::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  border-radius: inherit !important;
  z-index: 0 !important;
  opacity: 0 !important;
  transform: scale(.76) !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.05)),
    rgba(255,255,255,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.26), 0 10px 24px rgba(0,0,0,.18) !important;
  transition:
    opacity 260ms ease,
    transform 420ms cubic-bezier(.18, 1, .22, 1) !important;
}

.mht-start-social__link.mht-mobile-dock__item.mht-footer-social-dock__item:hover,
.mht-start-social__link.mht-mobile-dock__item.mht-footer-social-dock__item:focus-visible {
  opacity: 1 !important;
  color: #fff !important;
  transform: translateY(-1px) scale(1.015) !important;
  background: transparent !important;
  outline: none !important;
}

.mht-start-social__link.mht-mobile-dock__item.mht-footer-social-dock__item:hover::before,
.mht-start-social__link.mht-mobile-dock__item.mht-footer-social-dock__item:focus-visible::before {
  opacity: 1 !important;
  transform: scale(1) !important;
}

.mht-start-social__link.mht-mobile-dock__item.mht-footer-social-dock__item .mht-mobile-dock__icon {
  position: relative !important;
  z-index: 1 !important;
  width: 24px !important;
  height: 24px !important;
  display: grid !important;
  place-items: center !important;
}

.mht-start-social__link.mht-mobile-dock__item.mht-footer-social-dock__item .mht-mobile-dock__icon svg {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  color: currentColor !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.85 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  overflow: visible !important;
}

.mht-start-social__link.mht-mobile-dock__item.mht-footer-social-dock__item .mht-icon {
  transform-origin: 50% 50% !important;
  transition: opacity 260ms ease, transform 420ms cubic-bezier(.18, 1, .22, 1) !important;
}

.mht-start-social__link.mht-mobile-dock__item.mht-footer-social-dock__item .mht-icon--outline {
  opacity: 1 !important;
  fill: none !important;
  stroke: currentColor !important;
  transform: scale(1) !important;
}

.mht-start-social__link.mht-mobile-dock__item.mht-footer-social-dock__item .mht-icon--filled {
  opacity: 0 !important;
  fill: currentColor !important;
  stroke: none !important;
  transform: scale(.76) !important;
}

.mht-start-social__link.mht-mobile-dock__item.mht-footer-social-dock__item:hover .mht-icon--outline,
.mht-start-social__link.mht-mobile-dock__item.mht-footer-social-dock__item:focus-visible .mht-icon--outline {
  opacity: 0 !important;
  transform: scale(.84) !important;
}

.mht-start-social__link.mht-mobile-dock__item.mht-footer-social-dock__item:hover .mht-icon--filled,
.mht-start-social__link.mht-mobile-dock__item.mht-footer-social-dock__item:focus-visible .mht-icon--filled {
  opacity: 1 !important;
  transform: scale(1) !important;
}

html[data-mht-theme-effective="light"] .mht-start-social__link.mht-mobile-dock__item.mht-footer-social-dock__item,
html[data-mht-theme="light"] .mht-start-social__link.mht-mobile-dock__item.mht-footer-social-dock__item {
  color: rgba(47,31,58,.76) !important;
}

html[data-mht-theme-effective="light"] .mht-start-social__link.mht-mobile-dock__item.mht-footer-social-dock__item:hover,
html[data-mht-theme-effective="light"] .mht-start-social__link.mht-mobile-dock__item.mht-footer-social-dock__item:focus-visible,
html[data-mht-theme="light"] .mht-start-social__link.mht-mobile-dock__item.mht-footer-social-dock__item:hover,
html[data-mht-theme="light"] .mht-start-social__link.mht-mobile-dock__item.mht-footer-social-dock__item:focus-visible {
  color: #2F1F3A !important;
}