/* DjimlyStore customer hotfix v4.1.10
 * Message Center search icon centering + viewport-safe toast layout.
 */

/* Use SVG instead of the Material Symbols text glyph so optical centering is exact. */
html body #djs-portal #djs-screen-chat.djs-message-center:not(.is-thread) .djs-mc-search-submit-v24002{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  line-height:0!important;
}
html body #djs-portal #djs-screen-chat.djs-message-center:not(.is-thread) .djs-mc-search-submit-v24002 .djs-mc-search-icon-v4110{
  display:block!important;
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  transform:none!important;
  overflow:visible!important;
}

/* CSS fallback for the toast. The JS also locks these values with inline !important
 * so stale/legacy theme rules cannot shove it outside the iPhone viewport. */
html body #djs-toast-container{
  left:50%!important;
  right:auto!important;
  width:calc(100vw - 24px)!important;
  max-width:460px!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  bottom:calc(112px + env(safe-area-inset-bottom,0px))!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
html body #djs-toast-container .djs-toast{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  white-space:normal!important;
  overflow:visible!important;
}
html body #djs-toast-container .djs-toast>b{
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

@media(max-width:430px){
  html body #djs-toast-container{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
  }
}