/* ==========================================================================
   Pinjiang site-wide palette override — 全站配色对齐外贸首页
   --------------------------------------------------------------------------
   首页设计令牌（assets/css/pinjiang-home.css）：
     navy #0B2545 / navy-deep #071A2F / navy-card #14304F
     amber #F5A623 / amber-dark #C97F00
     bg-soft #F4F6FA / panel #F7F9FC / line #E6EBF2
     ink #0B2545 / ink-2 #5B6B7F / ink-3 #7C8AA0
     on-dark #B9C9DE / on-dark-2 #A9BCD6 / on-dark-3 #94A9C4

   本文件在 header.html 的 :root 行内样式之后引入，同特异性后者胜 ⇒ 覆盖
   核心默认的红色系。仅在首页之外的页面生效（首页用自己的 pinjiang-home.css）。
   ========================================================================== */

:root {
  --html-body-size: 10px;
  --body-bg-color: #F4F6FA;
  --color-price: #0B2545;
  --color-red: #C97F00;
  --color-yellow: #F5A623;
  --color-main: #0B2545;
  --color-main-light: #DCE6F2;
  --color-main-hover: #14304F;
  --color-secondary: #A9BCD6;
  --border-radius: 0.4rem;
  --border-radius-sm: 0.2rem;
  --border-radius-lg: 0.8rem;
  --color-button-primary: #0B2545;
  --color-button-primary-hover: #14304F;
  --color-button-primary-focus: #0A1F3A;
  --color-button-primary-active: #0A1F3A;
  --color-button-primary-disabled: #B9C9DE;
  --color-button-primary-border: #0B2545;
  --color-button-primary-hover-border: #14304F;
  --color-button-primary-focus-border: #0A1F3A;
  --color-button-primary-active-border: #0A1F3A;
  --color-button-primary-disabled-border: #B9C9DE;
  --color-button-primary-text: #FFFFFF;
  --color-button-primary-hover-text: #FFFFFF;
  --color-button-primary-focus-text: #FFFFFF;
  --color-button-primary-active-text: #FFFFFF;
  --color-button-primary-disabled-text: #FFFFFF;
  --color-button-secondary: #FFF3DC;
  --color-button-secondary-hover: #FDE9C8;
  --color-button-secondary-focus: #FDE9C8;
  --color-button-secondary-active: #F5D9A8;
  --color-button-secondary-disabled: #F5D9A8;
  --color-button-secondary-border: #F0C578;
  --color-button-secondary-hover-border: #E8B94E;
  --color-button-secondary-focus-border: #E8B94E;
  --color-button-secondary-active-border: #D9A93C;
  --color-button-secondary-disabled-border: #D9A93C;
  --color-button-secondary-text: #C97F00;
  --color-button-secondary-hover-text: #B36E00;
  --color-button-secondary-focus-text: #A86500;
  --color-button-secondary-active-text: #8F5600;
  --color-button-secondary-disabled-text: #8F5600;
  --color-button-warning: #F5A623;
  --color-button-warning-hover: #E89A15;
  --color-button-warning-focus: #E89A15;
  --color-button-warning-active: #C97F00;
  --color-button-warning-disabled: #F5D9A8;
  --color-button-warning-border: #F5A623;
  --color-button-warning-hover-border: #E89A15;
  --color-button-warning-focus-border: #E89A15;
  --color-button-warning-active-border: #C97F00;
  --color-button-warning-disabled-border: #F5D9A8;
  --color-button-warning-text: #FFFFFF;
  --color-button-warning-hover-text: #FFFFFF;
  --color-button-warning-focus-text: #FFFFFF;
  --color-button-warning-active-text: #FFFFFF;
  --color-button-warning-disabled-text: #FFFFFF;
  --color-button-danger: #FFF3DC;
  --color-button-danger-hover: #FDE9C8;
  --color-button-danger-focus: #FDE9C8;
  --color-button-danger-active: #F5D9A8;
  --color-button-danger-disabled: #F7F9FC;
  --color-button-danger-border: #E8B94E;
  --color-button-danger-hover-border: #D9A93C;
  --color-button-danger-focus-border: #D9A93C;
  --color-button-danger-active-border: #C97F00;
  --color-button-danger-disabled-border: #C7C7C7;
  --color-button-danger-text: #C97F00;
  --color-button-danger-hover-text: #B36E00;
  --color-button-danger-focus-text: #A86500;
  --color-button-danger-active-text: #8F5600;
  --color-button-danger-disabled-text: #7C8AA0;
  --color-button-assist: #F4F6FA;
  --color-button-assist-hover: #E6EBF2;
  --color-button-assist-focus: #E6EBF2;
  --color-button-assist-active: #0B2545;
  --color-button-assist-disabled: #F4F6FA;
  --color-button-assist-border: #0B2545;
  --color-button-assist-hover-border: #14304F;
  --color-button-assist-focus-border: #14304F;
  --color-button-assist-active-border: #0B2545;
  --color-button-assist-disabled-border: #E6EBF2;
  --color-button-assist-text: #0B2545;
  --color-button-assist-hover-text: #14304F;
  --color-button-assist-focus-text: #14304F;
  --color-button-assist-active-text: #FFFFFF;
  --color-button-assist-disabled-text: #7C8AA0;
  --color-badge-primary: #DCE6F2;
  --color-badge-primary-hover: #CFDDEE;
  --color-badge-primary-text: #0B2545;
  --color-badge-primary-hover-text: #0B2545;
  --color-badge-secondary: #FFF3DC;
  --color-badge-secondary-hover: #FDE9C8;
  --color-badge-secondary-text: #C97F00;
  --color-badge-secondary-hover-text: #C97F00;
  --color-badge-warning: #FFF3DC;
  --color-badge-warning-hover: #FDE9C8;
  --color-badge-warning-text: #C97F00;
  --color-badge-warning-hover-text: #C97F00;
  --color-badge-danger: #FFF3DC;
  --color-badge-danger-hover: #FDE9C8;
  --color-badge-danger-text: #C97F00;
  --color-badge-danger-hover-text: #C97F00;
}

/* --------------------------------------------------------------------------
   主题 CSS 里硬编码的红色（不走变量，必须逐条覆写）
   -------------------------------------------------------------------------- */
.am-color-price { color: #0B2545 !important; }

.common-prompt.am-alert-warning {
  background-color: #FFF3DC; border-color: #F5A623; color: #C97F00;
}

.popup-not-title .am-close:hover,
.modal-dialog-not-title .am-close:hover { background: #0B2545; }

.am-popup-hd .am-close:hover,
.am-modal-hd .am-close:hover { color: #C97F00; }

.am-offcanvas .am-offcanvas-bar > .am-close:hover { color: #C97F00; }

.cart-goods-spec-edit:hover li,
.cart-goods-spec-edit:hover .icon-edit { color: #C97F00; }

.category-content .sort-side dt { color: #0B2545; }
.category-content .sort-side dd a span.red { color: #C97F00; }

.am-btn-danger-plain:hover,
.am-btn-danger-plain:focus {
  background-color: #FFF3DC; border-color: #E8B94E;
}

.shop-navigation .am-nav > li ul.am-dropdown-content > li > a.active {
  color: #0B2545; background-color: #DCE6F2;
}
.shop-navigation .am-topbar-collapse { border-bottom: 0.2rem solid #0B2545; }

.module-goods-slider-binding .am-slider li .content-item-bottom .item-cart-submit:hover {
  color: #C97F00;
}

/* 顶栏/导航的红色痕迹（搜索按钮、导航激活态由变量接管，这里补硬编码处） */
.am-topbar-btn { background: #0B2545; }
.am-topbar-btn:hover, .am-topbar-btn:focus { background: #14304F; }

/* 平台自带悬浮客服入口 #WS-SHOW-CHAT：行内样式是橙红渐变
   linear-gradient(135deg,#FF6B35,#FF4444)，覆写成首页 CTA 的琥珀色
   （与页头 .pj-btn / 联系区 .pj-chat 完全同色同字色，截图核对过）。
   图标是白色 PNG ⇒ 用 brightness(0) 压成深色，否则白图标在琥珀底上不可读。
   ⚠️ 形状（圆角/内边距/位置）不动，保持与内页同一个元素、天然一致。 */
#WS-SHOW-CHAT {
  background: #F5A623 !important;
  background-image: none !important;
  color: #14213A !important;
  box-shadow: -3px 3px 12px rgba(11, 37, 69, .22) !important;
}
#WS-SHOW-CHAT:hover { background: #E89A15 !important; }
#WS-SHOW-CHAT span { color: #14213A !important; }
#WS-SHOW-CHAT img { filter: brightness(0) saturate(100%) !important; }