/* =========================================================
   GARFIX — LEGAL PAGE ISOLATION
   LegalPage uses a viewport-fitted document footer. The generic legal
   footer geometry must never cascade into GARFIX's internal <footer>
   composer.
   ========================================================= */

body[data-page="legal"] .mx-garfix-composer,
body[data-page="privacy"] .mx-garfix-composer,
body[data-page="cookies"] .mx-garfix-composer,
body[data-page="terms"] .mx-garfix-composer{
  flex:none !important;
  display:block !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:12px !important;
  align-items:initial !important;
  justify-content:initial !important;
  overflow:hidden !important;
  background:rgba(0,0,0,.34) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body[data-page="legal"] .mx-garfix-session-footer,
body[data-page="privacy"] .mx-garfix-session-footer,
body[data-page="cookies"] .mx-garfix-session-footer,
body[data-page="terms"] .mx-garfix-session-footer{
  width:100% !important;
  min-width:0 !important;
}

body[data-page="legal"] .mx-garfix-session-lifecycle,
body[data-page="privacy"] .mx-garfix-session-lifecycle,
body[data-page="cookies"] .mx-garfix-session-lifecycle,
body[data-page="terms"] .mx-garfix-session-lifecycle{
  width:100% !important;
}

body[data-page="legal"] .mx-garfix-form,
body[data-page="privacy"] .mx-garfix-form,
body[data-page="cookies"] .mx-garfix-form,
body[data-page="terms"] .mx-garfix-form{
  width:100% !important;
  min-width:0 !important;
  display:flex !important;
  align-items:flex-end !important;
  gap:8px !important;
}

body[data-page="legal"] .mx-garfix-input,
body[data-page="privacy"] .mx-garfix-input,
body[data-page="cookies"] .mx-garfix-input,
body[data-page="terms"] .mx-garfix-input{
  min-width:0 !important;
  flex:1 1 auto !important;
}

body[data-page="legal"] .mx-garfix-footnote,
body[data-page="privacy"] .mx-garfix-footnote,
body[data-page="cookies"] .mx-garfix-footnote,
body[data-page="terms"] .mx-garfix-footnote{
  width:100% !important;
  margin-top:8px !important;
  text-align:center !important;
}