/* MLV V20 · POST-SEAL C10 R14 R2
   QR scan integrity + full non-Classic brand image/text mode parity.
   Current MLV / Classic remains intentionally untouched. */

/* -------------------------------------------------------------------------
   1) Every non-Classic public theme switches the COMPLETE brand together:
      logo image + company name + VACATIONS line, in header and footer.
   ------------------------------------------------------------------------- */
html[data-app-theme]:not([data-app-theme="current-mlv"])[data-theme="light"] body:not(.admin-page):not(.account-page) :is(.site-header .brand,.footer-brand) > span > strong,
html[data-app-theme]:not([data-app-theme="current-mlv"])[data-theme="light"] body:not(.admin-page):not(.account-page) :is(.site-header .brand,.footer-brand) > span > small{
  color:#17140f!important;
  -webkit-text-fill-color:#17140f!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
}
html[data-app-theme]:not([data-app-theme="current-mlv"])[data-theme="dark"] body:not(.admin-page):not(.account-page) :is(.site-header .brand,.footer-brand) > span > strong,
html[data-app-theme]:not([data-app-theme="current-mlv"])[data-theme="dark"] body:not(.admin-page):not(.account-page) :is(.site-header .brand,.footer-brand) > span > small{
  color:#fffdf8!important;
  -webkit-text-fill-color:#fffdf8!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
}

/* Keep R14-R1 image ownership explicit as the matching half of the same brand. */
html[data-app-theme]:not([data-app-theme="current-mlv"])[data-theme="light"] body:not(.admin-page):not(.account-page) :is(.site-header .brand,.footer-brand) > .brand-logo-on-light{display:block!important}
html[data-app-theme]:not([data-app-theme="current-mlv"])[data-theme="light"] body:not(.admin-page):not(.account-page) :is(.site-header .brand,.footer-brand) > .brand-logo-on-dark{display:none!important}
html[data-app-theme]:not([data-app-theme="current-mlv"])[data-theme="dark"] body:not(.admin-page):not(.account-page) :is(.site-header .brand,.footer-brand) > .brand-logo-on-light{display:none!important}
html[data-app-theme]:not([data-app-theme="current-mlv"])[data-theme="dark"] body:not(.admin-page):not(.account-page) :is(.site-header .brand,.footer-brand) > .brand-logo-on-dark{display:block!important}


/* Keep the verification shell deliberately dark so the top-left identity has
   a stable contrast surface independent of the visitor's website theme. */
body.verify-future{
  background:#061812!important;
}

/* -------------------------------------------------------------------------
   2) Verification top-left identity: preserve the real logo artwork.
      Never recolor the entire file to black. The logo sits on a neutral white
      tile while the accompanying company-name copy stays readable on the
      verification shell.
   ------------------------------------------------------------------------- */
body.verify-future .verify-brand img{
  background:#fff!important;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
  object-fit:contain!important;
}
body.verify-future .verify-brand strong{
  color:#fffdf8!important;
  -webkit-text-fill-color:#fffdf8!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.verify-future .verify-brand small{
  color:#d8cdbf!important;
  -webkit-text-fill-color:#d8cdbf!important;
  opacity:1!important;
  text-shadow:none!important;
}

/* -------------------------------------------------------------------------
   3) QR is a protected scan surface. Nothing decorative may overlap it.
      No transform, rounded clipping, blend/filter, animation or pseudo layer.
   ------------------------------------------------------------------------- */
body.verify-future .verify-trust{
  isolation:isolate!important;
  grid-template-columns:132px minmax(0,1fr)!important;
}
body.verify-future .verify-trust::before,
body.verify-future .verify-trust::after,
body.verify-future .verify-qr-wrap::before,
body.verify-future .verify-qr-wrap::after,
body.verify-future .verify-qr::before,
body.verify-future .verify-qr::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  animation:none!important;
}
body.verify-future .verify-qr-wrap{
  position:relative!important;
  z-index:20!important;
  width:132px!important;
  height:132px!important;
  isolation:isolate!important;
  overflow:visible!important;
  background:#fff!important;
  border:0!important;
  border-radius:8px!important;
  padding:10px!important;
  transform:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
}
body.verify-future .verify-qr-wrap:hover,
body.verify-future .verify-qr-wrap:focus,
body.verify-future .verify-qr-wrap:focus-visible{
  transform:none!important;
  filter:none!important;
}
body.verify-future .verify-qr{
  position:relative!important;
  z-index:21!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
  transform:none!important;
  object-fit:contain!important;
  image-rendering:pixelated;
}

/* R14-R1 action bar rule remains correct: never overlay document content. */
body.verify-future .verify-actions{position:relative!important;top:auto!important}

@media(max-width:980px){
  body.verify-future .verify-trust{grid-template-columns:104px minmax(0,1fr)!important}
  body.verify-future .verify-qr-wrap{width:104px!important;height:104px!important}
}
@media(max-width:720px){
  body.verify-future .verify-trust{grid-template-columns:92px minmax(0,1fr)!important}
  body.verify-future .verify-qr-wrap{width:92px!important;height:92px!important;padding:8px!important}
}
@media(max-width:470px){
  body.verify-future .verify-trust{grid-template-columns:1fr!important}
  body.verify-future .verify-qr-wrap{width:132px!important;height:132px!important}
}