/* Baize global light skin for Zibll.
 * Goal: unify the whole site background and remove Zibll's default outer widget shells.
 */

body:not(.dark-theme) {
  --theme-color: #2f80ff;
  --focus-color: #2f80ff;
  --focus-shadow-color: rgba(47, 128, 255, 0.26);

  --key-color: #101828;
  --main-color: #344054;
  --muted-color: #667085;
  --muted-2-color: #8a97b2;
  --muted-3-color: #a8b4cc;
  --muted-4-color: #cfd8ea;

  --body-bg-color: #eef4ff;
  --main-bg-color: rgba(255, 255, 255, 0.78);
  --muted-bg-color: #f3f7ff;
  --main-border-color: rgba(216, 229, 249, 0.92);
  --muted-border-color: rgba(224, 233, 247, 0.88);
  --main-shadow: rgba(42, 74, 136, 0.10);
  --main-radius: 20px;

  --blur-bg: rgba(255, 255, 255, 0.82);
  --header-bg: rgba(255, 255, 255, 0.82);
  --header-color: #344054;
  --footer-bg: rgba(255, 255, 255, 0.72);
  --footer-color: #667085;

  background:
    radial-gradient(circle at 12% 6%, rgba(128, 164, 255, 0.14), transparent 24%),
    radial-gradient(circle at 88% 16%, rgba(101, 143, 255, 0.10), transparent 20%),
    linear-gradient(180deg, #f8fbff 0%, #eef4ff 52%, #edf3ff 100%) !important;
  background-attachment: fixed !important;
}

body:not(.dark-theme) .page-cover::before,
body:not(.dark-theme) .absolute-mask {
  background-color: transparent;
}

body:not(.dark-theme) .header {
  border-bottom: 1px solid rgba(216, 229, 249, 0.75);
  box-shadow: 0 6px 24px rgba(42, 74, 136, 0.06);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

body:not(.dark-theme) .content-layout,
body:not(.dark-theme) .content-wrap,
body:not(.dark-theme) main.container {
  background: transparent !important;
}

body:not(.dark-theme) .zib-widget,
body:not(.dark-theme) .theme-box {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body:not(.dark-theme) .box-bg {
  border: 1px solid rgba(216, 229, 249, 0.92);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: 0 12px 28px rgba(42, 74, 136, 0.07) !important;
}

/* Elementor templates should not be wrapped inside Zibll's widget card shell. */
body:not(.dark-theme) .zib-widget:has(.elementor),
body:not(.dark-theme) .zib-widget:has(.e-con),
body:not(.dark-theme) .zib-widget:has(.elementor-section) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* If the Elementor template is placed in "首页-主内容上面", let it visually break out of the main content column. */
body:not(.dark-theme) .content-layout > .zib-widget:has(.elementor),
body:not(.dark-theme) .content-layout > .zib-widget:has(.e-con),
body:not(.dark-theme) .content-layout > .zib-widget:has(.elementor-section) {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

body:not(.dark-theme) .posts-item,
body:not(.dark-theme) .posts-mini,
body:not(.dark-theme) .modal-content,
body:not(.dark-theme) .dropdown-menu {
  border-color: rgba(216, 229, 249, 0.92);
  background-color: rgba(255, 255, 255, 0.86);
}

body:not(.dark-theme) .posts-item.card {
  border: 1px solid rgba(216, 229, 249, 0.95);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.90) !important;
  box-shadow: 0 12px 28px rgba(42, 74, 136, 0.08);
}

body:not(.dark-theme) .posts-item.card:hover {
  box-shadow: 0 18px 38px rgba(42, 74, 136, 0.12);
}

body:not(.dark-theme) .but,
body:not(.dark-theme) .badg,
body:not(.dark-theme) .tag,
body:not(.dark-theme) .meta-pay {
  border-color: rgba(216, 229, 249, 0.92);
}

body:not(.dark-theme) .muted-box {
  background: rgba(255, 255, 255, 0.58);
  border: 1px solid rgba(216, 229, 249, 0.92);
}

body:not(.dark-theme) .footer {
  border-top: 1px solid rgba(216, 229, 249, 0.78);
  background: rgba(255, 255, 255, 0.72);
}

@media (max-width: 767px) {
  body:not(.dark-theme) .box-bg {
    border-radius: 18px;
  }
}