/* Firefox ESR 52.3.0 Compatibility Fixes */

@-moz-document url-prefix() {
  .menus > div {
    -moz-padding-end: 0;
    padding-right: 0;
    margin-right: 0;
    width: auto;
    max-width: 100%;
    white-space: normal; /* 允许换行 */
  }
  
  /* 或者保持不换行但隐藏滚动条 */
  .menus > div {
    white-space: nowrap;
    -moz-padding-end: 17px;
    padding-bottom: 17px;
    margin-bottom: -17px;
  }
}

/* Fix for CSS variables */
:root {
  /* Define fallback colors for CSS variables */
  --w-e-textarea-bg-color: #fff;
  --w-e-textarea-color: #333;
  --w-e-textarea-border-color: #ccc;
  --w-e-toolbar-bg-color: #fff;
  --w-e-toolbar-color: #595959;
  --w-e-toolbar-border-color: #e8e8e8;
  --w-e-toolbar-active-bg-color: #f1f1f1;
  --w-e-textarea-selected-border-color: #b4d5ff;
}

/* Fix for flexbox issues */
.w-e-bar {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* Fix for box-sizing */
.w-e-text-container *, .w-e-toolbar * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Fix for placeholder text */
.w-e-text-placeholder {
  position: absolute;
  left: 10px;
  top: 17px;
  color: #d4d4d4;
  font-style: italic;
}

/* Fix for button hover states */
.w-e-bar-item button:hover {
  background-color: #f1f1f1;
  color: #333;
}

/* Fix for template variables not rendering */
[data-slate-editor] {
  white-space: normal !important;
}

/* Fix for popup positioning */
.w-e-modal {
  position: fixed !important;
  z-index: 9999;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

/* Fix for text rendering */
body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}