.vf-order-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 15px;
}

.vf-order-tab {
    padding: 6px 14px;
    border-radius: 16px;
    border: 1px solid #ddd;
    font-size: 14px;
    text-decoration: none;
    background: #f5f5f5;
    color: #333;
}

/* ===== Services 三列按钮对齐 ===== */
/* 这个类名是你在 Columns 的 “ADDITIONAL CSS CLASS(ES)” 里写的 vf-services-columns */

.vf-services-columns {
  display: flex;             /* 保持三列并排 */
}

/* 每一列变成“上下布局”：上面是标题+描述，最下面是按钮 */
.vf-services-columns > .wp-block-column {
  display: flex;
  flex-direction: column;
}

/* 按钮容器（wp-block-buttons）自动顶到每一列的底部，所以三个按钮在同一水平线 */
.vf-services-columns .wp-block-buttons {
  margin-top: auto;
}


/* ===== Verity Flow - Contact Section ===== */

.vf-contact {
  max-width: 960px;
  margin: 40px auto 60px;
  padding: 0 16px;
  font-size: 16px;
  line-height: 1.6;
}

/* 顶部标题 + 第一段文案居中，更像着陆页 */
.vf-contact h1,
.vf-contact > p:first-of-type {
  text-align: center;
}

.vf-contact h1 {
  font-size: 2rem;
  margin-bottom: 0.5em;
}

.vf-contact p {
  margin-bottom: 0.9em;
}

/* 三列卡片布局 */
.vf-contact-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 32px 0;
}

/* 每一张联系渠道卡片 */
.vf-contact-card {
  background: #ffffff;
  border-radius: 10px;
  padding: 20px 22px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.vf-contact-card h2 {
  font-size: 1.1rem;
  margin-bottom: 0.6em;
}

/* 备注小字 */
.vf-note {
  font-size: 0.9rem;
  color: #555555;
}

/* 下方“Support hours / Privacy”区域 */
.vf-contact-extra {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.vf-contact-extra h3 {
  font-size: 1rem;
  margin-top: 1.2em;
  margin-bottom: 0.4em;
}

/* 主按钮样式：WhatsApp / Telegram CTA */
.vf-btn {
  display: inline-block;
  padding: 8px 18px;
  border-radius: 999px;
  background: #0082ba;        /* 建议用你网站主色 */
  color: #ffffff !important;
  font-size: 0.95rem;
  font-weight: 500;
  text-decoration: none;
  border: none !important;    /* 覆盖普通链接的底线 */
}

.vf-btn:hover {
  opacity: 0.92;
}

/* 普通文本链接仍保持细下划线风格 */
.vf-contact a:not(.vf-btn) {
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 130, 186, 0.35);
}

.vf-contact a:not(.vf-btn):hover {
  border-bottom-color: rgba(0, 130, 186, 0.8);
}

/* ===== 响应式：平板、手机自动换行 ===== */

@media (max-width: 900px) {
  .vf-contact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .vf-contact-grid {
    grid-template-columns: 1fr;
  }

  .vf-contact {
    margin-top: 24px;
    margin-bottom: 40px;
  }
}


/* Login / Sign up 变成按钮 */
.main-header-menu .btn-login > .menu-link,
.main-header-menu .btn-signup > .menu-link {
    padding: 6px 14px;        /* 按钮内边距 */
    border-radius: 4px;       /* 圆角 */
    border: 1px solid #000000;
    font-weight: 500;
}

/* Login 按钮：白底黑字 */
.main-header-menu .btn-login > .menu-link {
    background-color: transparent;
    color: #000000;
}

/* Sign up 按钮：黑底白字（更醒目） */
.main-header-menu .btn-signup > .menu-link {
    background-color: #000000;
    color: #ffffff;
}




/* ================================
   手机端样式优化（宽度 ≤ 768px）
   ================================ */
@media (max-width: 768px) {
  p.vf-mobile-center {
    text-align: center !important;
  }
}



  /* 一、Our Services 区域
     前提：包住 “Our Services + 电脑图” 的外层容器
     在区块高级设置里加类名：our-services-section
  -------------------------------------------------- */

  /* 整块与上面内容之间的距离 */
  .our-services-section {
    margin-top: 24px !important;   /* 可按需要调成 20 / 28 / 32 */
    padding-top: 0 !important;
  }

  /* Our Services 标题：居中 + 底部留一点空白 */
  .our-services-section h2 {
    text-align: center !important;
    margin-bottom: 12px !important;   /* 标题到底下电脑图的距离 */
  }

  /* 标题下面这张电脑图：去掉上外边距并水平居中 */
  .our-services-section img {
    margin-top: 0 !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }


  /* 二、“China-focused supply chain support” 区域
     前提：包住标题 + 两段文字的外层容器
     在区块高级设置里加类名：china-support-section
  -------------------------------------------------- */

  /* 整块 & 段落文字居中 */
  .china-support-section,
  .china-support-section p {
    text-align: center !important;
  }

  /* 标题：稍微小一点、行距紧一点、和正文之间留一条空白 */
  .china-support-section h2 {
    font-size: 26px !important;      /* 可按需要改 24–28 */
    line-height: 1.2 !important;
    margin-bottom: 10px !important;  /* 标题到第一段之间的距离 */
  }

  /* 正文段落：统一行距和段落间距 */
  .china-support-section p {
    line-height: 1.5 !important;
    margin-bottom: 10px !important;  /* 每段下面的距离 */
  }

  /* 第二段开始略微压一下上间距，让两段更紧凑 */
  .china-support-section p + p {
    margin-top: 6px !important;
  }
}




/* ===== VerityFlow - 社交登录按钮美化 ===== */
/* 让 Nextend Social Login 按钮居中，宽度适中并显示完整文字 */

/* 容器：用 flex 居中放按钮 */
.nsl-container.nsl-container-block {
    display: flex;
    flex-direction: column;
    align-items: center;      /* 水平居中 */
    gap: 10px;                /* 上下按钮间距 */
    margin-bottom: 16px;
}

/* 按钮本体样式 */
.nsl-container.nsl-container-block .nsl-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: 100% !important;
    max-width: 340px !important;   /* 关键宽度：可改 320 / 360 等 */
    padding: 10px 18px !important; /* 控制高度和左右留白 */
    margin: 0 auto !important;

    font-size: 15px !important;
    border-radius: 6px !important;
    box-sizing: border-box;
}

/* 按钮里的文字区域，避免过窄 */
.nsl-container.nsl-container-block .nsl-button .nsl-button-label-container {
    padding-left: 8px !important;
    padding-right: 8px !important;
    white-space: nowrap;      /* 保持一行显示 */
}



/* Front End PM: hide New Message / Directory / Settings tabs */
a[href*="fepaction=newmessage"],
a[href*="fepaction=directory"],
a[href*="fepaction=settings"]{
  display:none !important;
}

/* 如果某些主题/版本不是用 a[href]，再加一层保险 */
.fep-menu-new-message,
.fep-menu-directory,
.fep-menu-settings,
.fep-button-new-message,
.fep-button-directory,
.fep-button-settings{
  display:none !important;
}




/* 顶部菜单里用户徽标样式 */
.vf-userbadge{display:inline-flex;align-items:center;gap:8px}
.vf-user-avatar{border-radius:999px}

/* 让文字在深色导航上清晰 */
.vf-usertext{
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 12px;
  border: 1px solid rgba(255,255,255,.55);
  color: #fff !important;
  opacity: .95;
}