/*
 * buttons.css —— 全站按钮 / 文字链接的统一规格（第四轮，客户《网站修改》）。
 *
 * 客户原话：「有的按钮文字全都是大写有的全都是小写，按钮的文字大小不太统一，我不清楚多大合适，
 *             看能不能做个统一的样式调整一下，也包括这种没有框可点击的文字」。
 *
 * 2026-09-28 在 1920 宽上摸了 18 个页面：有框按钮 13 种写法，字号 14 / 15 / 16，字重 400 ~ 700，
 * 高 40 / 44 / 45 / 52 / 56 / 57，字距 -0.1 ~ -0.36，文案大小写混着来（CONTACT US / Learn More / FullSpecs …）；
 * 无框的文字链接 8 种写法，字号 14 / 16 / 18，字重 600 / 700。
 *
 * 定成两档：
 *   有框按钮  14 / 600，行高 20，高 48，左右内边 24，字距 0，直角。
 *             实心红 / 描边红 / 深底描边白三种配色照各处原样，这里只统一几何和字。
 *   文字链接  16 / 600，行高 24，字距 0。颜色照各处原样（浅底红、深底白、次要灰）。
 *   文案统一 Title Case（Contact Us / View All Products / View More …），存量文案已由脚本改掉，组件默认值同步改。
 *
 * 选择器都带 body 前缀（0,1,1），压过各组件自己的单类规则，且不依赖入队顺序
 * （Elementor 的组件样式有时在 head 有时在 footer）。Elementor 自带的按钮组件走全局 kit 的按钮设置，
 * 逐元素的字号 / 内边覆写已清掉，这里不再写它。留言弹窗里的小按钮（36 高）是另一套小尺寸，不在此列。
 */

:root {
  --astra-btn-h: 48px;
  --astra-btn-px: 24px;
  --astra-btn-fs: 14px;
  --astra-btn-lh: 20px;
  --astra-btn-fw: 600;
  --astra-link-fs: 16px;
  --astra-link-lh: 24px;
  --astra-link-fw: 600;
}

/* ---------------------------------------------------------------- 有框按钮 */
body .index_banner_btn,
body .astra-banner__btn,
body .astra-catlist__btn,
body .astra-pd__btn,
body .astra-sol-list__btn,
body .astra-sd__btn,
body .astra-sys__btn,
body .astra-sys__btn--lg,
body .astra-syd__btn,
body .astra-pjd__btn,
body .astra-ct-prod__cta,
body .astra-inq-card .elementor-field-type-submit .elementor-button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: var(--astra-btn-h);
  min-height: var(--astra-btn-h);
  padding: 0 var(--astra-btn-px);
  border-radius: 0;
  font-size: var(--astra-btn-fs);
  line-height: var(--astra-btn-lh);
  font-weight: var(--astra-btn-fw);
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
}

/* Elementor 自带按钮组件（首页 / 页尾）：逐元素的字号 / 内边 / 圆角覆写已清掉，规格在这里钉（(0,2,1) 压过 Elementor 自带的 .elementor-button）。
   注意不能走 kit 的「按钮」全局设置——那个连原生 <button> 一起改，会把轮播圆钮、分页点、页签全压成直角。
   左右内边沿用 Elementor 默认的 24；边框 1px 的和无边框的都是 48 高。 */
body .elementor-widget-button .elementor-button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--astra-btn-h);
  padding-top: 0;
  padding-bottom: 0;
  padding-left: var(--astra-btn-px);
  padding-right: var(--astra-btn-px);
  font-size: var(--astra-btn-fs);
  line-height: var(--astra-btn-lh);
  font-weight: var(--astra-btn-fw);
  letter-spacing: 0;
  text-transform: none;
  border-radius: 0;
}

/* 表单提交钮：满宽照旧，只统一高度和字 */
body .astra-inq-card .elementor-field-type-submit .elementor-button {
  display: flex;
  width: 100%;
}

/* ---------------------------------------------------------------- 文字链接 */
body .astra-syd__link,
body .astra-sys-features__link,
body .astra-sys-grid__more,
body .astra-syd-apps__more,
body .astra-ab-caps__cta,
body .astra-pcard__more,
body .astra-prj__more,
body .astra-dl__act {
  font-size: var(--astra-link-fs);
  line-height: var(--astra-link-lh);
  font-weight: var(--astra-link-fw);
  letter-spacing: 0;
  text-transform: none;
}

/* ---------------------------------------------------------------- 窄屏收一档
   业主 2026-09-30「移动端的按钮都偏大，不止一处」：48 高 / 14 号 / 左右 24 是按 1920 定的，
   手机上显大。全站按钮都走上面的变量，这里按断点改变量就全部一起收：
     ≤1200（平板）  44 高、左右 20
     ≤768（手机）   40 高、左右 18、13/18，文字链接 14/20
   表单提交钮另有自己的一档（套装询盘 56 高 24 号），手机上一并收到 48 / 16。 */
@media (max-width: 1200px) {
  :root {
    --astra-btn-h: 44px;
    --astra-btn-px: 20px;
  }
}

@media (max-width: 768px) {
  :root {
    --astra-btn-h: 40px;
    --astra-btn-px: 18px;
    --astra-btn-fs: 13px;
    --astra-btn-lh: 18px;
    --astra-link-fs: 14px;
    --astra-link-lh: 20px;
  }

  html body .astra-syf .elementor-field-type-submit .elementor-button {
    height: 48px;
    min-height: 48px;
    font-size: 16px;
  }
}