/**
 * Web3Trust Elementor 区块专用样式
 * 所有规则仅作用于 #w3t-home-widget，不与主题 / Elementor 全局样式冲突
 */

#w3t-home-widget {
  --w3t-bg: #050505;
  --w3t-surface: #0a0a0a;
  --w3t-border: #1f1f1f;
  --w3t-primary: #00f0ff;
  --w3t-secondary: #7000ff;
  --w3t-text: #e2e8f0;
  --w3t-muted: #9ca3af;
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  width: 100%;
  background-color: var(--w3t-bg);
  color: var(--w3t-text);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
}

#w3t-home-widget *,
#w3t-home-widget *::before,
#w3t-home-widget *::after {
  box-sizing: border-box;
}

/* 隔离主题对标题、链接、按钮的默认样式 */
#w3t-home-widget h1,
#w3t-home-widget h2,
#w3t-home-widget h3,
#w3t-home-widget h4,
#w3t-home-widget p {
  margin: 0;
  padding: 0;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

#w3t-home-widget a {
  color: inherit;
  text-decoration: none;
  background: transparent;
  box-shadow: none;
}

#w3t-home-widget button {
  font: inherit;
  color: inherit;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
}

#w3t-home-widget ul,
#w3t-home-widget ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

#w3t-home-widget img,
#w3t-home-widget svg {
  display: block;
  max-width: 100%;
  vertical-align: middle;
}

/* 根容器 x-cloak：不整块隐藏，保留深色底，避免 Blocksy/Elementor 白底闪屏 */
#w3t-home-widget[x-cloak] {
  display: block !important;
  background-color: #050505 !important;
}

/* 仅首页需要全屏高度 */
#w3t-home-widget.w3t-home-page[x-cloak] {
  min-height: 100vh;
}

/* 内页（FAQ、Supervision 等）：略小于整屏，减少底部空白 */
#w3t-home-widget.w3t-inner-page {
  min-height: 88vh !important;
}

#w3t-home-widget.w3t-inner-page[x-cloak] {
  min-height: 88vh !important;
}

#w3t-home-widget[x-cloak] > * {
  visibility: hidden;
}

#w3t-home-widget:not([x-cloak]) > * {
  visibility: visible;
}

/* 子元素 x-cloak（若有）仍隐藏，避免未绑定内容闪现 */
#w3t-home-widget [x-cloak]:not(#w3t-home-widget) {
  display: none !important;
}

/* Elementor HTML 小工具外层默认白底 */
.elementor-widget-html .elementor-widget-container:has(#w3t-home-widget),
.elementor-element:has(#w3t-home-widget) {
  background-color: #050505 !important;
}

/* header.html 独立小工具：fixed 顶栏 + 占位高度 */
#w3t-home-widget.w3t-header-only {
  min-height: 0 !important;
}

#w3t-home-widget.w3t-header-only .w3t-header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
}

/* 手机：仅主导航 h-20 = 80px */
#w3t-home-widget.w3t-header-only .w3t-header-spacer {
  display: block;
  width: 100%;
  height: 80px;
  flex-shrink: 0;
  pointer-events: none;
}


/* 备用：header 小工具后紧跟的 Elementor Section 再留同等上边距 */
.elementor-element:has(#w3t-home-widget.w3t-header-only) + .elementor-element > .elementor-container {
  padding-top: 0 !important;
}

.elementor-element:has(#w3t-home-widget.w3t-header-only) {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* —— 自定义组件（w3t- 前缀，全局唯一） —— */

#w3t-home-widget .w3t-bg-grid {
  background-size: 40px 40px;
  background-image:
    linear-gradient(to right, rgba(0, 240, 255, 0.03) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(0, 240, 255, 0.03) 1px, transparent 1px);
  mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
}

#w3t-home-widget .w3t-nav-link {
  position: relative;
}

#w3t-home-widget .w3t-nav-link::after {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  bottom: -4px;
  left: 0;
  background-color: var(--w3t-primary);
  box-shadow: 0 0 10px var(--w3t-primary);
  transition: width 0.3s ease;
}

#w3t-home-widget .w3t-nav-link:hover::after {
  width: 100%;
}

#w3t-home-widget .w3t-text-gradient-neon {
  background: linear-gradient(to right, var(--w3t-primary), var(--w3t-secondary));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

#w3t-home-widget .w3t-glass-panel {
  background: rgba(10, 10, 10, 0.6);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

#w3t-home-widget .w3t-glass-panel:hover {
  border-color: rgba(0, 240, 255, 0.4);
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.1);
  transform: translateY(-4px);
}

#w3t-home-widget .w3t-btn-cyber {
  display: inline-block;
  background: transparent;
  border: 1px solid var(--w3t-primary);
  color: var(--w3t-primary);
  position: relative;
  overflow: hidden;
  transition: color 0.3s ease, box-shadow 0.3s ease;
  z-index: 1;
}

#w3t-home-widget .w3t-btn-cyber::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: var(--w3t-primary);
  z-index: -1;
  transition: width 0.3s ease;
}

#w3t-home-widget .w3t-btn-cyber:hover {
  color: #000;
  box-shadow: 0 0 15px rgba(0, 240, 255, 0.6);
}

#w3t-home-widget .w3t-btn-cyber:hover::after {
  width: 100%;
}

#w3t-home-widget .w3t-btn-glow {
  display: inline-block;
  background: linear-gradient(90deg, var(--w3t-primary), var(--w3t-secondary));
  color: #fff !important;
  border: none;
  box-shadow: 0 0 20px rgba(112, 0, 255, 0.4);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

#w3t-home-widget .w3t-btn-glow:hover {
  box-shadow: 0 0 30px rgba(0, 240, 255, 0.6);
  transform: translateY(-1px);
}

#w3t-home-widget .w3t-top-bar {
  background-color: #000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#w3t-home-widget .w3t-dropdown-group:hover .w3t-dropdown-wrapper {
  display: block;
  animation: w3t-fade-in 0.2s ease-out;
}

@keyframes w3t-fade-in {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#w3t-home-widget .w3t-dropdown-menu {
  background-color: rgba(10, 10, 10, 0.95);
  border: 1px solid var(--w3t-border);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}