/*
  VORTEX — Global Font Override
  assets/vortex-fonts.css
*/

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap');

/* ════════════════════════════
   全局基础 — Inter 正文
════════════════════════════ */
body, .shopify-section, p, li, span, a, input, textarea, select, button, label {
  font-family: Inter, sans-serif !important;
}

/* ════════════════════════════
   所有标题 — Barlow Condensed
════════════════════════════ */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
[class*="heading"], [class*="__title"], [class*="__heading"],
.title, .card__heading, .card__heading a {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  line-height: 1.1 !important;
  color: #111 !important;
}

/* ════════════════════════════
   正文
════════════════════════════ */
p, li, .rte p,
[class*="__description"], [class*="__text"],
.product__description, .article__content {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
  color: #222 !important;
}

/* ════════════════════════════
   VORTEX SECTIONS
════════════════════════════ */

/* Section 小标签 */
.vxp-label, .vxsz-label, .vxap-label, .vxtc-label,
.vxft-label, .vxcc-label, .vxts-label,
.vh-label, [class*="-label"] {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #F5A623 !important;
}

/* Section 大标题 */
.vxp-title, .vxsz-title, .vxtc-title, .vxft-title,
.vxcc-title, .vxts-title, .vxap-title,
.vh-title, [class*="-title"] {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(40px, 5vw, 68px) !important;
  text-transform: uppercase !important;
  letter-spacing: 4px !important;
  line-height: 1.1 !important;
}

/* 浅色背景标题 */
.vxp-title, .vxft-title, .vxts-title { color: #111 !important; }

/* 深色背景标题 */
.vxsz-title, .vxtc-title, .vxcc-title { color: #fff !important; }

/* Hero 大标题 */
.vx-hero-title, .vh-hero-title {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(56px, 8vw, 110px) !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  line-height: 1.0 !important;
}
.vx-hero-title span, .vh-hero-title span { color: #fff !important; }
.vx-hero-title span:nth-child(2), .vh-hero-title span:nth-child(2) { color: #F5A623 !important; }

/* Hero 副标题 */
.vx-hero-sub, .vh-hero-sub {
  font-family: 'Inter', sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.75) !important;
  line-height: 1.7 !important;
}

/* Hero stats */
.vx-stat-n, .vh-stat-n {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: 38px !important;
}
.vx-stat-l, .vh-stat-l {
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.45) !important;
}

/* 产品卡片 */
.vxp-series, .vh-prod-series {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  color: #F5A623 !important;
}
.vxp-name, .vh-prod-name {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: #111 !important;
}
.vxp-spec, .vh-prod-spec {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  color: #666 !important;
}

/* Sizes section */
.vxsz-m, .vh-szm {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: 54px !important;
}
.vxsz-d, .vh-szd {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  color: rgba(255,255,255,0.65) !important;
}
.vxsz-c, .vxsz-ft {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
}

/* Tech spec */
.vxtc-nm, .vh-spec-nm {
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  color: #F5A623 !important;
}
.vxtc-vl, .vh-spec-vl {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  color: #fff !important;
}
.vxtc-ds, .vh-spec-ds {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  color: rgba(255,255,255,0.55) !important;
}

/* Features */
.vxft-ftitle, .vh-feat-title {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  text-transform: uppercase !important;
  color: #111 !important;
}
.vxft-desc, .vh-feat-desc {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  color: #555 !important;
  line-height: 1.7 !important;
}

/* Calculator */
.vxcc-p, .vh-calc-p {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  color: rgba(255,255,255,0.72) !important;
  line-height: 1.75 !important;
}
.vxcc-list li, .vh-calc-list li {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  color: rgba(255,255,255,0.72) !important;
}

/* Testimonials */
.vxts-txt, .vh-testi-txt {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  color: #333 !important;
  line-height: 1.75 !important;
}
.vxts-name, .vh-testi-name {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  color: #111 !important;
}
.vxts-role, .vh-testi-role {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  color: #F5A623 !important;
  text-transform: uppercase !important;
}

/* App overlay */
.vxap-atitle, .vh-app-title {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  font-size: 28px !important;
  text-transform: uppercase !important;
}
.vxap-detail, .vh-app-detail {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  color: rgba(255,255,255,0.7) !important;
}

/* Spec table */
.vxp-sk, .vpd2-sk {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #888 !important;
}
.vxp-sv, .vpd2-sv {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #111 !important;
}

/* ════════════════════════════
   全局按钮 — 非产品变体按钮
════════════════════════════ */
button:not(.vxpd-opt-btn),
.button:not(.vxpd-opt-btn),
.btn:not(.vxpd-opt-btn),
input[type="submit"] {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

/* Price */
.price, .price-item, [class*="price"] {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;

}

/* Card headings */
.card__heading, .card-information__heading {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: 24px !important;
  text-transform: uppercase !important;
}
.card__vendor, .card-information__text {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #666 !important;
}

/* Footer */
.footer__heading, .footer-block__heading {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.2px !important;
  text-transform: none !important;
  color: #fff !important;
}
.footer-block__details-content a,
.footer__list a, .footer a {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #444 !important;
}
.footer__copyright {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  color: #888 !important;
}

/* Breadcrumb */
.breadcrumb, .breadcrumbs, [class*="breadcrumb"] {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #888 !important;
}

/* Labels & badges */
.badge, [class*="badge"], .caption,
.variant-picker__label, label, .field__label {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #444 !important;
}

/* Forms */
input, textarea, select, .field__input {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  color: #111 !important;
}

/* Announcement bar */
.announcement-bar { background: #F5A623 !important; }
.announcement-bar__message, [class*="announcement"] * {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.3px !important;
  color: #fff !important;
}

/* Cart */
.cart-item__name {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: 22px !important;
}
.totals__subtotal-value {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: 30px !important;
}

/* Drawer */
.drawer__heading, .cart-drawer__heading {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: 28px !important;
  text-transform: uppercase !important;
}

/* ════════════════════════════
   HORIZON HEADER OVERRIDE
════════════════════════════ */
.section-header, .header-wrapper, header.header {
  background: #0D0C0B !important;
}
.header__heading-link {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: 28px !important;
  letter-spacing: 4px !important;
  color: #fff !important;
  text-transform: uppercase !important;
}
.header__menu-item > a, .list-menu__item--link {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
}
.header__menu-item > a:hover, .list-menu__item--link:hover { color: #F5A623 !important; }
.header__submenu, .mega-menu {
  background: #1A1816 !important;
  border-top: 3px solid #F5A623 !important;
}
.header__submenu .list-menu__item--link {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  color: rgba(255,255,255,0.75) !important;
}
.cart-count-bubble { background: #F5A623 !important; color: #fff !important; }
.menu-drawer { background: #0D0C0B !important; }
.menu-drawer .list-menu__item--link {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  color: rgba(255,255,255,0.85) !important;
}

/* VORTEX header */
.vxh2-bar-txt, .vxh2-bar-txt * {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #fff !important;
  letter-spacing: 0.3px !important;
  text-transform: none !important;
}
.vxh2-nav-link, .vxh2-nav-link * {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #fff !important;
  letter-spacing: 0.2px !important;
  text-transform: none !important;
}
.vxh2-nav-link:hover { color: #F5A623 !important; }
.vxh2-logo-txt {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  font-size: 32px !important;
  letter-spacing: 2px !important;
}
.vxh2-cta {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
}
.vxh2-drop-item {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.8) !important;
}

/* 隐藏原生 header */
#shopify-section-header_section { display: none !important; }
header-section { display: none !important; }

/* Footer column title */
.vxf-col-title {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0.2px !important;
  color: #fff !important;
}
.vxf-tagline, .vxf-tagline * { color: rgba(255,255,255,0.85) !important; }
.vxf-nl-desc, .vxf-nl-desc * { color: #ffffff !important; }

/* Category nav */
.vxh2-nav-list { justify-content: center !important; }

/* ════════════════════════════
   产品详情页
════════════════════════════ */

/* Configure 标题 */
.vxpd-configure-title {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #111 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Diameter / Color 等选项标签 */
.vxpd-option-name {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #111 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* 变体按钮 — 未选中 */
.vxpd-opt-btn {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #111 !important;
  background: #fff !important;
  border: 1px solid #bbb !important;
  border-radius: 3px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  padding: 10px 20px !important;
  min-width: 64px !important;
  box-shadow: none !important;
}

/* 变体按钮 — 悬停 */
.vxpd-opt-btn:hover {
  border-color: #333 !important;
  background: #fff !important;
  color: #111 !important;
}

/* 变体按钮 — 选中 */
.vxpd-opt-btn.selected,
.vxpd-wrap .vxpd-opt-btn.selected {
  background: #111 !important;
  color: #fff !important;
  border-color: #111 !important;
  font-weight: 600 !important;
}