/* =====================================================
   MH Theme — Phase 75 footer modal light-mode fix
   Scope: global footer updates modal only.

   Split from 40__light-mode-browser-fixes.css so the Safari Client Words
   browser fix can load only on the homepage while the footer modal fix stays
   available everywhere.
   ===================================================== */

/* Footer updates modal — light-mode readability fix.
   Scoped only to #footer-modal so service/project modals stay under the global
   modal system. */
html[data-mht-theme-effective="light"] #footer-modal.mht-modal,
html[data-mht-theme="light"] #footer-modal.mht-modal {
  background: rgba(47, 31, 58, .40) !important;
  -webkit-backdrop-filter: blur(18px) saturate(125%) !important;
  backdrop-filter: blur(18px) saturate(125%) !important;
}

html[data-mht-theme-effective="light"] #footer-modal .mht-modal__dialog,
html[data-mht-theme="light"] #footer-modal .mht-modal__dialog {
  background:
    radial-gradient(circle 360px at 89% 6%, rgba(230, 216, 255, .78), rgba(230, 216, 255, 0) 66%),
    radial-gradient(circle 260px at 8% 96%, rgba(197, 166, 211, .20), rgba(197, 166, 211, 0) 72%),
    linear-gradient(180deg, rgba(255, 255, 255, .93), rgba(246, 242, 247, .88)) !important;
  border: 1px solid rgba(76, 52, 93, .20) !important;
  color: #2F1F3A !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .92),
    0 28px 86px rgba(47, 31, 58, .26) !important;
}

html[data-mht-theme-effective="light"] #footer-modal .mht-modal__title,
html[data-mht-theme="light"] #footer-modal .mht-modal__title {
  color: #2F1F3A !important;
}

html[data-mht-theme-effective="light"] #footer-modal .mht-modal__title em,
html[data-mht-theme="light"] #footer-modal .mht-modal__title em {
  color: #8E63A3 !important;
}

html[data-mht-theme-effective="light"] #footer-modal .mht-modal__desc,
html[data-mht-theme="light"] #footer-modal .mht-modal__desc {
  color: rgba(47, 31, 58, .88) !important;
}

html[data-mht-theme-effective="light"] #footer-modal .mht-modal__field,
html[data-mht-theme="light"] #footer-modal .mht-modal__field {
  background: rgba(255, 255, 255, .74) !important;
  border-color: rgba(142, 99, 163, .24) !important;
  color: #2F1F3A !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .86),
    0 10px 26px rgba(47, 31, 58, .045) !important;
}

html[data-mht-theme-effective="light"] #footer-modal .mht-modal__field::placeholder,
html[data-mht-theme="light"] #footer-modal .mht-modal__field::placeholder {
  color: rgba(47, 31, 58, .48) !important;
  opacity: 1 !important;
}

html[data-mht-theme-effective="light"] #footer-modal .mht-modal__field:focus,
html[data-mht-theme="light"] #footer-modal .mht-modal__field:focus {
  border-color: rgba(142, 99, 163, .52) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .92),
    0 0 0 4px rgba(183, 140, 255, .13) !important;
}

html[data-mht-theme-effective="light"] #footer-modal .mht-modal__note,
html[data-mht-theme="light"] #footer-modal .mht-modal__note {
  color: rgba(47, 31, 58, .58) !important;
}

html[data-mht-theme-effective="light"] #footer-modal .mht-modal__close,
html[data-mht-theme="light"] #footer-modal .mht-modal__close {
  background: rgba(230, 216, 255, .56) !important;
  color: #2F1F3A !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .75),
    0 10px 26px rgba(47, 31, 58, .08) !important;
}

html[data-mht-theme-effective="light"] #footer-modal .mht-modal__close:hover,
html[data-mht-theme-effective="light"] #footer-modal .mht-modal__close:focus-visible,
html[data-mht-theme="light"] #footer-modal .mht-modal__close:hover,
html[data-mht-theme="light"] #footer-modal .mht-modal__close:focus-visible {
  background: rgba(197, 166, 211, .70) !important;
  color: #2F1F3A !important;
}