:root {
  --wp--preset--aspect-ratio--ultrawide: 3.65 / 1;
}
/* 🌟 定义全局变量
   - 这是 WordPress 内置的 CSS 变量，用来设定一个自定义的宽高比（3.65:1）。
   - 可在布局或视频模块中引用此变量保持统一比例。 */


/* =======================
   📝 Hero 区块文字样式
   ======================= */
.hero-overlay h2 {
  margin-top: 20px;           /* 顶部间距 */
	font-size: 54px;            /* 字体大小（副标题） */
  font-weight: 600;           /* 字体加粗 */
  margin-bottom: 10px;        /* 底部间距 */
  letter-spacing: 2px;        /* 字间距 */
  color: #FFFFFF;             /* 字体颜色白色 */
	padding: 1px 1px;           /* 内边距，略微留空 */
}

.hero-overlay h1 {
  font-size: 68px;            /* 主标题更大字号 */
  font-weight: 700;           /* 加粗 */
  margin: 0 0 0px 0;          /* 去掉上下外边距 */
  color: #FFFFFF;             /* 白色字体 */
	padding: 14px 1px;          /* 内边距 */
}

.hero-overlay p {
  font-size: 32px;            /* 正文字体大小 */
  font-weight: 400;           /* 普通字重 */
  color: #FFFFFF;             /* 白色字体 */
  padding: 14px 1px;          /* 内边距 */
	line-height: 1.6;           /* 行距 */
  margin-bottom: 0px;         /* 去掉底部间距 */
}


/* ============================
   📱 在中屏设备上（如平板）缩小文字
   ============================ */
@media (max-width: 1024px) {
  .hero-overlay h2 { font-size: 38px; padding: 0px 0px; }
	.hero-overlay h1 { font-size: 48px; }
  .hero-overlay p  { font-size: 24px; }
}

/* ============================
   📱 在小屏设备上（手机）进一步缩小文字
   ============================ */
@media (max-width: 600px) {
  .hero-overlay h1 { font-size: 32px; }  /* 主标题更小 */
  .hero-overlay h2 { font-size: 26px; padding: 0px 0px; } /* 副标题小一些 */
  .hero-overlay p  { font-size: 20px; }  /* 段落字体更小 */
}


/* =======================
   🎯 按钮样式
   ======================= */
.hero-btn {
  display: inline-block;       /* 按钮水平排列 */
  background-color: #C8A253;   /* 金色背景 */
  color: #0A1F44;              /* 深蓝字体（品牌主色） */
  padding: 14px 36px;          /* 内边距 */
  font-size: 28px;             /* 字体大小 */
  font-weight: 600;            /* 字体加粗 */
  border-radius: 28px;         /* 圆角按钮 */
  text-decoration: none;       /* 去掉下划线 */
  transition: all 0.3s ease;   /* 鼠标悬停动画 */
}

/* ✨ 按钮悬停时的交互效果 */
.hero-btn:hover {
  background-color: #b08d47;   /* 悬停时略微变深的金色 */
  transform: scale(1.03);      /* 放大 3% 动画 */
}

/* 📱 在移动端减小按钮尺寸 */
@media (max-width: 768px) {
  .hero-btn {
    font-size: 20px;
    padding: 10px 24px;
  }
}



/* =======================
   🧾 覆盖层（文字与按钮）
   ======================= */
/* 🧭 Keep the hero section above all plugin background layers */
.hero {
  position: relative;
  z-index: 50 !important; /* entire hero above video layer */
}


.hero-overlay {
  position: relative!important;  /* 相对定位，确保内容层级高于视频 */
  z-index: 60 !important;          /* 位于视频之上 */
  color: white;                  /* 白色文字 */
  text-align: left;              /* 默认左对齐 */
  padding: 20px!important;       /* 内边距 */
}


/* =======================
   💡 按钮排列布局
   ======================= */

/* 💻 桌面版（默认） */
.hero-btn-group {
  display: inline-flex;        /* 让两个按钮水平排列 */
  gap: 20px;                   /* 按钮之间的间距 */
	z-index: 100 !important; /* Highest level to guarantee clickability */
	cursor: pointer;
	margin-bottom: 0px;          /* 底部外边距 */
}

/* 📱 移动端：按钮垂直堆叠 */
@media (max-width: 768px) {
  .hero-btn-group {
    flex-direction: column;    /* 垂直排列 */
    align-items: center;       /* 居中显示 */
    gap: 15px;                 /* 上下按钮间距 */
  }
}





/* 🧱 Fix: make overlay non-clickable when invisible */
#langOverlay[style*="opacity:0"] {
  pointer-events: none !important; /* ✅ clicks go through */
}

/* ===== 修正后的 Apple / PwC 风格提交按钮样式 ===== */
.pbSubmit {
  display: block !important;
  margin: 30px auto !important;
  padding: 14px 48px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  border: none !important;
  border-radius: 50px !important;
  background: linear-gradient(145deg, #0A66E2, #003A99) !important; /* 蓝色渐变 */
  color: #fff !important;
  cursor: pointer !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease !important;
  text-align: center !important;
  width: fit-content !important;
}

/* 悬停时变为金色 */
.pbSubmit:hover {
  background: linear-gradient(145deg, #C8A253, #9A7C38) !important; /* 金色渐变 */
  color: #0A1F44 !important;
  box-shadow: 0 6px 16px rgba(200, 162, 83, 0.3) !important;
  transform: translateY(-2px);
}






/* ==========================================================
   Page-Specific CSS for usaaqtax.com/start/
   Page ID: 6175
   Purpose: Hide the default empty header area at the top of
            the "Start / 开始报税" page only.
   ========================================================== */
.page-id-6175 .entry-header.responsive-max-width {
  display: none !important;   /* Completely remove header block from layout */
}

/* Optional — remove any remaining white gap above the content */
.page-id-6175 .site-content {
  margin-top: 0 !important;   /* Ensure form or section starts flush at top */
}


/* ==========================================================
client portal no page tile page id 4853========================================================== */

.page-id-4853 .entry-title,
.page-id-4853 .wp-block-post-title {
    display: none !important;
}