/* 移动端抽屉样式修复 */
@media only screen and (max-width: 1000px) {
  /* 增加选择器特异性 */
  html body.material #slide-out-widget-area.slide-out-from-right-hover {
    z-index: 9999 !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 85% !important;
    max-width: 375px !important;
    background-color: #fff !important;
    transform: none !important;
    -webkit-transform: none !important;
  }

  html body.material #slide-out-widget-area.slide-out-from-right-hover .inner {
    font-size: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
  }

  html body.material #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a {
    font-size: 16px !important;
    line-height: 1.4 !important;
    padding: 10px 0 !important;
    color: #000 !important;
  }

  html body.material #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container {
    padding: 0 25px !important;
    width: 100% !important;
  }

  html body.material #slide-out-widget-area.slide-out-from-right-hover .inner > div {
    margin: auto !important;
    width: 100% !important;
    transform: none !important;
    -webkit-transform: none !important;
  }

  /* room_new页面特殊处理 */
  html body.material.room_new #slide-out-widget-area.slide-out-from-right-hover,
  html body.material.page-template-room_new #slide-out-widget-area.slide-out-from-right-hover,
  html body.material[class*="room_new"] #slide-out-widget-area.slide-out-from-right-hover {
    width: 85% !important;
    max-width: 375px !important;
    background-color: #fff !important;
    transform: none !important;
    -webkit-transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.material.room_new #slide-out-widget-area.slide-out-from-right-hover .inner,
  html body.material.page-template-room_new #slide-out-widget-area.slide-out-from-right-hover .inner,
  html body.material[class*="room_new"] #slide-out-widget-area.slide-out-from-right-hover .inner {
    font-size: 16px !important;
    padding: 20px 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.material.room_new #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a,
  html body.material.page-template-room_new #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a,
  html body.material[class*="room_new"] #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a {
    font-size: 16px !important;
    line-height: 1.4 !important;
    padding: 10px 0 !important;
    opacity: 1 !important;
    color: #000 !important;
    transform: none !important;
    -webkit-transform: none !important;
  }

  html body.material.room_new #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container,
  html body.material.page-template-room_new #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container,
  html body.material[class*="room_new"] #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container {
    padding: 0 25px !important;
    width: 100% !important;
    opacity: 1 !important;
    transform: none !important;
    -webkit-transform: none !important;
  }

  /* 确保内容可见性 */
  html body.material.room_new #slide-out-widget-area.slide-out-from-right-hover .inner-wrap,
  html body.material.page-template-room_new #slide-out-widget-area.slide-out-from-right-hover .inner-wrap,
  html body.material[class*="room_new"] #slide-out-widget-area.slide-out-from-right-hover .inner-wrap {
    height: auto !important;
    min-height: 100vh !important;
    transform: none !important;
    -webkit-transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* 修复抽屉遮罩层 */
  html body.material.ocm-effect-wrap.material-ocm-open {
    transform: none !important;
    -webkit-transform: none !important;
  }

  /* 修复抽屉按钮 */
  html body.material #slide-out-widget-area-bg.slide-out-from-right-hover {
    z-index: 9998 !important;
  }

  html body.material .slide-out-widget-area-toggle {
    z-index: 10000 !important;
  }

  /* 确保菜单项可见 */
  html body.material #slide-out-widget-area .off-canvas-menu-container li {
    opacity: 1 !important;
    transform: none !important;
    -webkit-transform: none !important;
  }

  html body.material #slide-out-widget-area .off-canvas-menu-container li a {
    opacity: 1 !important;
    transform: none !important;
    -webkit-transform: none !important;
  }

  /* 移除所有动画效果 */
  html body.material #slide-out-widget-area.slide-out-from-right-hover,
  html body.material #slide-out-widget-area.slide-out-from-right-hover *,
  html body.material #slide-out-widget-area.slide-out-from-right-hover *:before,
  html body.material #slide-out-widget-area.slide-out-from-right-hover *:after {
    transition: none !important;
    -webkit-transition: none !important;
    animation: none !important;
    -webkit-animation: none !important;
  }
}