.has-black-background-color {
  background-color: var(--wp--preset--color--contrast) !important;
}
.wp-block-navigation__submenu-container {
  border-radius: 0.25rem;
}
.wp-block-navigation-item__content {
  outline-offset: 0px;
  border: none;
  outline: none;
}
.user-dropdown {
  position: relative;
  display: inline-block;
}
.user-toggle:hover {
  background: transparent !important;
  color: #56f09f;
}
.user-toggle:hover .user-name {
  color: #56f09f;
}

.user-toggle {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 5px;
  font-size: 14px;
}

.user-name {
  margin-left: 5px;
  font-weight: bold;
}

.user-menu {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  background: white;
  border: 1px solid #56f09f;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  overflow: hidden;
  min-width: 150px;
  z-index: 999;
}

.user-menu a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
  font-size: 14px;
}

.user-menu a:hover {
  background: #f4f4f4;
}

/* 显示下拉菜单 */
.user-dropdown:hover .user-menu {
  display: block;
}
.user-toggle {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 5px;
  font-size: 14px;
}
.user-toggle {
  & > img {
    border-radius: 50%;
  }
}
.user-toggle {
  & > .user-name {
    color: rgb(255, 255, 255);
  }
}
.user-name {
  margin-left: 5px;
  font-weight: bold;
}
.user-menu {
  line-height: 14px;
  background: black;
  color: white;
  min-width: 200px;
}
.user-menu > a {
  padding: 10px 20px;
  text-decoration: none;
  color: #333;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
}
.user-menu > a:hover {
  background: transparent;
  color: #56f09f;
  outline: none;
}
.user-menu > a:focus {
  border: none;
}
.user > p > a {
  padding: 10px 25px;
  text-decoration: none;
  color: #333;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
}
.user > p > a:hover {
  background: transparent;
  color: #56f09f;
  outline: none;
}
.user > p > a:focus {
  border: none;
}
.user-dropdown {
  height: 42px;
}
.user-toggle > img {
  border-radius: 50%;
}
.user-toggle > .user-name {
  color: #ffffff;
}
.no-login {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  font-size: 16px;
  margin-top: 5px;
  /* border: 0.1rem solid #686868; */
  padding: 0.25rem 1rem;
  border-radius: 0.25rem;
}
.no-login > img {
  height: 35px !important;
  width: 36px !important;
}
.no-login > a {
  outline: none;

  padding: 6px 10px;
  border-radius: 5px;
  color: #11111a;
  background: #56f09f;
}
.no-login > a:hover {
  color: #fff;
  border: 1px solid #56f09f;
  background: transparent !important;
}
.mangaday-googleBtn > a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mangaday-googleBtn > a > img {
  padding: 0px 0.75rem;
}
.user_avatar > img {
  border-radius: 50%;
}
.manga-how-to-item {
  min-height: 23rem;
}
.xs_social_share_widget {
  margin: 0;
}
.polylang_langswitcher {
  display: flex;
  justify-content: center;
  align-items: center;
}
.polylang_langswitcher > select {
  height: 43px;
  /* line-height: 38px; */
  display: flex;
  /* justify-content: center; */
  /* align-items: center; */
  border-radius: 10px;
  margin: 0px auto 0px auto;
  min-width: 128px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  padding: 0px 10px 0px 10px;
  /* -webkit-appearance: none;
  -moz-appearance: none; */
  /* appearance: none; */
  background-image: none; /* 移除默认箭头 */
  position: relative;
  /* border: 1px solid #5f1cde; */
  border-radius: 1px;
  border-radius: 10px;
  /* background: #5f1cde;
  color: #fff;
  border-radius: 10px; */
}
.polylang_langswitcher > select::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333; /* 修改为你的箭头颜色 */
  pointer-events: none; /* 确保箭头不影响点击区域 */
}
/* ----多语言选择下拉层样式 start ----*/

.mobile-lang {
  display: none;
}
/* ----多语言选择下拉层样式 end ----*/
.manga-multiple-websites
  .gkit-page-list-container
  .gkit-page-list
  .gkit-page-link
  .gkit-page-list-content
  .gkit-page-list-text {
  height: 11rem;
}

.site-primary-footer-wrap[data-section='section-primary-footer-builder'] {
  background: #0f0f0f;
  color: #fff;
  border-top-width: 0px;
}
@media (max-width: 767px) {
  .wp-block-gutenkit-page-list .gkit-inline-items {
    display: flex;
  }
  .manga-multiple-websites
    .gkit-page-list-container
    .gkit-page-list
    .gkit-page-link {
    height: 23rem;
    width: 100%;
  }
  .mobile-lang {
    display: block;
  }
  .mobile-lang .pll-switcher-select {
    background: transparent;
    color: #ffffff;
    font-size: 1.25rem;
  }
  .mobile-lang .pll-switcher-select .el-select-dropdown__item {
    background: #ffffff;
    color: black;
  }
  .mobile-lang .pll-switcher-selec:focus {
    box-shadow: none;
    border: none;
    outline: none;
  }
  select:focus-visible {
    outline: none;
  }
  option:hover {
    background: #ffffff;
    color: #000;
  }
}
a {
  text-decoration: none;
}
/**特殊样式覆盖**/
.elementor-element-76ae829 > .e-con-inner {
  display: flex !important;
  align-items: center !important;
}
.elementor-element-76dc085 {
  /* max-height: 20rem; */
}
.manga-file-translator
  > .elementor-widget-container
  > .ekit-wid-con
  > .ekit-heading
  > .ekit-heading__description {
  max-width: 100% !important;
}
.my-footer {
  width: auto !important;
}
.pll-parent-menu-item .sub-menu ul {
  position: absolute !important;
  float: none;

  /* flex-flow: row; */
  background-color: #743eff;
  /* height: 80px; */
  overflow-y: auto;
  left: 88px !important;
  top: -42px !important;
  color: #11111a !important;
  background: white !important;
  flex-direction: row;
  flex-wrap: wrap;
  width: 688px !important;
  border-radius: 10px;
  padding: 20px 20px;
  display: flex;
}
.pll-parent-menu-item .sub-menu ul:hover {
  color: #56f09f !important;
  background: white !important;
  flex-direction: row;
  flex-wrap: wrap;
  width: 688px !important;
  border-radius: 10px;
  padding: 20px 20px;
  display: flex;
}
#menu-footer-lang-menu {
  background: white;
  border-radius: 3px;
  color: #11111a;
}
.pll-parent-menu-item:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='black' d='M24 4C12.972 4 4 12.972 4 24s8.972 20 20 20 20-8.972 20-20S35.028 4 24 4m15.862 18h-5.528A29.34 29.34 0 0030.75 9.514 16.03 16.03 0 0139.862 22M25.06 8.054c2.07 2.728 4.854 7.56 5.254 13.946H18.06c.278-5.192 1.988-10.056 4.902-13.948C23.306 8.032 23.65 8 24 8c.358 0 .708.032 1.06.054m-7.684 1.4c-1.968 3.782-3.104 8.07-3.316 12.546H8.138a16.03 16.03 0 019.238-12.546M8.138 26h5.948c.272 4.758 1.33 8.956 3.112 12.46A16.02 16.02 0 018.138 26M22.9 39.946C20.098 36.55 18.444 31.792 18.082 26h12.226c-.416 5.546-2.234 10.392-5.206 13.944-.364.024-.728.056-1.102.056-.372 0-.734-.032-1.1-.054m8.022-1.544c1.91-3.588 3.076-7.802 3.382-12.402h5.556a16.01 16.01 0 01-8.938 12.402'/%3E%3C/svg%3E");
}
#menu-footer-lang-menu > li > a {
  background: white;
  border-radius: 3px;
  color: #11111a;
}
#menu-footer-lang-menu > li > a:hover {
  color: #11111a !important;
}
.pll-parent-menu-item {
  .sub-menu {
    position: absolute !important;

    /* flex-flow: row; */
    background-color: #743eff;
    /* height: 80px; */
    overflow-y: auto;
    left: 139px !important;
    top: -42px !important;
    max-height: 150px;
    overflow-y: auto;
    color: #11111a !important;
    background: white !important;
    flex-direction: row;
    flex-wrap: wrap;
    width: 688px !important;
    border-radius: 10px;
    padding: 20px 20px;
    display: flex;
  }

  .sub-menu > li > a {
    color: #11111a !important;
    background: white !important;
  }
  .sub-menu > li > a:hover {
    color: #56f09f !important;
    background: #56f09f !important;
  }

  .eael-simple-menu-container.preset-1 {
    width: 150px;
  }

  .sub-menu li {
    width: 160px;
    /* height: 60px; */
    margin: 5px 5px;
    font-size: 16px;
    text-align: center;
    border-radius: 10px;
    border: 1px solid transparent;
    transition: border 0.3s ease;
    font-size: 1rem;
    font-weight: 600;
  }

  /* .pll-parent-menu-item a ul li > a {
    color: #fff;
  }
  .pll-parent-menu-item a ul li:hover > a {
    color: #fff;
  } */
}
.eael-simple-menu-container .eael-simple-menu li ul li:hover > a,
.eael-simple-menu-container .eael-simple-menu li ul li.current-menu-item > a {
  color: #fff !important;
}
a.eael-item-active {
  background-color: transparent !important;
}
.translator_bg {
  background-color: transparent;
  padding: 90px 40px 90px 40px;
  background-image: linear-gradient(
    180deg,
    var(--e-global-color-61f16b0) 0%,
    #1b1b2800 100%
  );
  border-style: none;
  border-radius: 16px 16px 16px 16px;
}