/* qkidc-cart.css - cart override (qkidc.cn style)
   scope: cart/template/pc/default & cart/template/pc/Hezi
   pages: goods.php / goodsList.php / shoppingCar.php / settlement.php
   primary #0052d9  light #1466ed #287aff  dark #002ab1 #003ec5
   4px radius / restrained shadow / compact / clear price
   pure CSS, no HTML/JS change, 100% compatible
   load after all theme & component css in cart header */

:root[theme='default'],
:root[theme='hezi'],
:root[theme='Hezi'] { --color-primary: #0052d9 !important; }

/* base */
body {
  font-family: 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    'PingFang SC', 'Hiragino Sans GB', Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  background-color: #F5F7FA !important;
  color: #1F2937;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a { color: #0052d9; text-decoration: none; transition: color 0.15s ease; }
a:hover { color: #1466ed; }

/* buttons - #0052d9 primary, hover brighten, active scale(0.95) */
.el-button { border-radius: 4px !important; font-weight: 500 !important; font-size: 14px !important; padding: 9px 16px !important; transition: all 0.15s ease !important; }
.el-button--primary { background: #0052d9 !important; border-color: #0052d9 !important; color: #fff !important; }
.el-button--primary:hover,
.el-button--primary:focus { background: #1466ed !important; border-color: #1466ed !important; }
.el-button--primary:active { background: #002ab1 !important; border-color: #002ab1 !important; transform: scale(0.95) !important; }
.el-button--success { background: #10B981 !important; border-color: #10B981 !important; }
.el-button--success:hover { background: #059669 !important; border-color: #059669 !important; }
.el-button--danger { background: #EF4444 !important; border-color: #EF4444 !important; }
.el-button--danger:hover { background: #DC2626 !important; border-color: #DC2626 !important; }
.el-button--default { border-color: #E5E7EB !important; color: #374151 !important; background: #fff !important; }
.el-button--default:hover { color: #0052d9 !important; border-color: #0052d9 !important; background-color: #F0F4FF !important; }
.el-button--text { color: #0052d9 !important; }
.el-button--text:hover { color: #002ab1 !important; }
.el-button.is-disabled,
.el-button.is-disabled:hover { opacity: 0.6; }

/* input / form - 4px radius, focus primary */
.el-input__inner,
.el-textarea__inner { border-radius: 4px !important; border-color: #E5E7EB !important; height: 36px !important; line-height: 36px !important; font-size: 14px !important; transition: all 0.15s ease !important; }
.el-textarea__inner { height: auto !important; line-height: 1.6 !important; padding: 8px 12px !important; }
.el-input__inner:hover,
.el-textarea__inner:hover { border-color: #C5CBD6 !important; }
.el-input__inner:focus,
.el-textarea__inner:focus { border-color: #0052d9 !important; box-shadow: 0 0 0 2px rgba(0,82,217,0.12) !important; }
.el-form-item__label { color: #374151 !important; font-weight: 500 !important; font-size: 14px !important; line-height: 36px !important; }
.num-box .el-input__inner { text-align: center !important; }

/* table - light gray header */
.el-table { border-radius: 4px !important; overflow: hidden; border: 1px solid #F3F4F6 !important; font-size: 14px !important; }
.el-table th.el-table__cell { background-color: #F9FAFB !important; color: #6B7280 !important; font-weight: 600 !important; font-size: 13px !important; padding: 12px 0 !important; border-bottom: 1px solid #F3F4F6 !important; }
.el-table td.el-table__cell { border-bottom: 1px solid #F3F4F6 !important; padding: 14px 0 !important; color: #374151; }
.el-table__row:hover > td.el-table__cell { background-color: #F9FAFB !important; }
.el-table .el-button { padding: 5px 10px !important; font-size: 13px !important; }

/* card - 4px radius, restrained shadow */
.el-card { border-radius: 4px !important; border: 1px solid #F3F4F6 !important; box-shadow: 0 1px 2px 0 rgba(16,24,40,0.05) !important; transition: border-color 0.15s ease !important; }
.el-card:hover { border-color: #E5E7EB !important; }
.el-card__header { padding: 14px 18px !important; border-bottom: 1px solid #F3F4F6 !important; font-weight: 600; }
.el-card__body { padding: 18px !important; }

/* checkbox / radio */
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-radio__input.is-checked .el-radio__inner { background-color: #0052d9 !important; border-color: #0052d9 !important; }
.el-checkbox__inner,
.el-radio__inner { border-radius: 3px !important; transition: all 0.15s ease !important; }
.el-radio__inner { border-radius: 50% !important; }
.el-checkbox__input.is-checked + .el-checkbox__label,
.el-radio__input.is-checked + .el-radio__label { color: #0052d9 !important; }

/* ===== goods.php (ordering config) ===== */
.goods .config-box { padding: 0; }
.goods .config-box > .content { background: #fff; border-radius: 4px; border: 1px solid #E5E7EB; box-shadow: 0 1px 2px 0 rgba(16,24,40,0.05); padding: 20px; margin-top: 12px; }
.goods .goods-item-name { background: #fff; color: #0052d9 !important; border: 1px solid #0052d9 !important; border-radius: 4px !important; padding: 6px 12px !important; font-weight: 500; font-size: 13px; transition: all 0.15s ease; }
.goods .goods-item-name:hover { background: #F0F4FF; color: #1466ed !important; border-color: #1466ed !important; }
.goods .goods-item-name:active { transform: scale(0.95); }
.goods-change-box { border-radius: 4px !important; border: 1px solid #E5E7EB !important; box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important; padding: 12px !important; }
.goods-change-box .goods-item-box { padding: 4px !important; max-height: 400px; overflow-y: auto; }
.goods-change-box .goods-group-item { margin-bottom: 12px !important; padding-bottom: 8px; border-bottom: 1px solid #F3F4F6; }
.goods-change-box .goods-group-item:last-child { border-bottom: none; margin-bottom: 0 !important; }
.goods-change-box .goods-group-name { font-weight: 600 !important; font-size: 13px !important; color: #1F2937 !important; margin-bottom: 8px !important; }
.goods-change-box .option-name { padding: 6px 10px !important; border-radius: 3px !important; transition: all 0.15s ease !important; font-size: 13px !important; color: #4B5563 !important; }
.goods-change-box .option-name:hover { background: #F0F4FF !important; color: #0052d9 !important; }

/* ===== goodsList.php (product list - compact) ===== */
.cart .main-title,
.goods-list-div .main-title { font-weight: 600 !important; color: #1F2937 !important; font-size: 18px !important; margin-bottom: 16px !important; }
.goods-list-div .shopping-item,
.goods-list-div .goods-content { background: #fff; border-radius: 4px; border: 1px solid #E5E7EB; box-shadow: 0 1px 2px 0 rgba(16,24,40,0.05); transition: border-color 0.15s ease, box-shadow 0.15s ease; }
.goods-list-div .shopping-item:hover,
.goods-list-div .goods-content:hover { border-color: #0052d9; box-shadow: 0 2px 6px 0 rgba(0,82,217,0.10); }
.goods-list-div .client-box { background: #0052d9 !important; color: #fff !important; border-radius: 2px !important; padding: 2px 6px; font-size: 12px; }
.goods-list-div .goods-tag { background: #F0F4FF !important; color: #003ec5 !important; border-radius: 2px !important; padding: 2px 6px; font-size: 12px; }
.goods-list-div .goods-name-text,
.goods-list-div .goods-name { font-weight: 600 !important; color: #1F2937 !important; }
.goods-list-div .goods-active { background: #FFFBEB !important; color: #92400E !important; border-radius: 2px !important; padding: 2px 6px; font-size: 12px; }
.goods-list-div .config-item { background: #F9FAFB; border-radius: 4px; padding: 10px 12px; border: 1px solid #F3F4F6; }
.goods-list-div .config-label { font-weight: 500; color: #6B7280; font-size: 13px; }
.cart .search-box,
.goods-list-div .search-box { background: #fff; padding: 10px 12px; border-radius: 4px; border: 1px solid #E5E7EB; }

/* ===== shoppingCar.php (cart) ===== */
.shopping-goods .goods-table { border-radius: 4px !important; overflow: hidden; border: 1px solid #E5E7EB !important; border-collapse: separate !important; }
.shopping-goods .goods-table thead { background: #F9FAFB !important; color: #6B7280 !important; font-weight: 500; font-size: 13px; }
.shopping-goods .goods-table tbody tr { transition: background-color 0.15s ease; }
.shopping-goods .goods-table tbody tr:hover { background-color: #F9FAFB; }
.shopping-goods .goods-table tbody tr td { padding-top: 16px !important; padding-bottom: 16px !important; }
.shopping-goods .item-total { color: #0052d9 !important; font-weight: 600 !important; }
.shopping-goods .delete-btn { width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 3px; display: inline-block; transition: background-color 0.15s ease; }
.shopping-goods .delete-btn:hover { background: rgba(239,68,68,0.10); }
.shopping-goods .buy-again-btn { border-radius: 3px !important; transition: all 0.15s ease; }
.shopping-goods .buy-again-btn:hover { background: rgba(0,82,217,0.08) !important; }
.shopping-goods ~ .el-footer,
.goods-box ~ .el-footer { background: #fff !important; border-top: 1px solid #E5E7EB; box-shadow: none !important; }
.footer-right .total-price { font-variant-numeric: tabular-nums; }
.footer-right .buy-btn,
.footer-box .buy-btn { background: #0052d9 !important; border-radius: 4px !important; font-weight: 500; transition: all 0.15s ease; box-shadow: none; }
.footer-right .buy-btn:hover,
.footer-box .buy-btn:hover { background: #1466ed !important; }
.footer-right .buy-btn:active,
.footer-box .buy-btn:active { background: #002ab1 !important; transform: scale(0.95); }

/* ===== settlement.php (clear price) ===== */
.goods-box .goods-table { border-radius: 4px !important; overflow: hidden; border: 1px solid #E5E7EB !important; border-collapse: separate !important; }
.goods-box .goods-table thead { background: #F9FAFB !important; color: #6B7280 !important; font-weight: 500; font-size: 13px; }
.goods-box .goods-table tbody tr { transition: background-color 0.15s ease; }
.goods-box .goods-table tbody tr:hover { background-color: #F9FAFB; }
.goods-box .goods-table tbody tr td { padding-top: 16px !important; padding-bottom: 16px !important; }
.goods-box .item-total { color: #0052d9 !important; font-weight: 600 !important; }
.goods-box .radio-box .el-radio { background: #fff; border: 1px solid #E5E7EB; border-radius: 4px; padding: 8px 12px; margin-right: 10px; transition: all 0.15s ease; }
.goods-box .radio-box .el-radio:hover { border-color: #0052d9; }
.goods-box .radio-box .el-radio.is-checked { border-color: #0052d9; background: #F0F4FF; box-shadow: 0 0 0 2px rgba(0,82,217,0.08); }
.goods-box .cash-codeNumber { border-radius: 3px !important; }
.goods-box .discount-codeNumber { border-radius: 2px; }
.goods-box ~ .el-footer { background: #fff !important; border-top: 1px solid #E5E7EB; box-shadow: none !important; }
.goods-box .total-price,
.goods-box .totalprice-box .total-price { font-variant-numeric: tabular-nums; color: #0052d9; font-weight: 600; }
.goods-box .buy-btn { background: #0052d9 !important; border-radius: 4px !important; font-weight: 500; transition: all 0.15s ease; box-shadow: none; }
.goods-box .buy-btn:hover { background: #1466ed !important; }
.goods-box .buy-btn:active { background: #002ab1 !important; transform: scale(0.95); }

/* price / link / empty */
.cart .item-price,
.cart .price,
.goods-box .item-price,
.goods-box .price,
.goods-list-div .amount,
.goods-list-div .price { font-variant-numeric: tabular-nums; }
.cart .original-price,
.goods-box .original-price { opacity: 0.6; }
.cart .bule-text,
.goods-list-div .bule-text,
.blue-a-text { color: #0052d9 !important; transition: color 0.15s ease; }
.cart .bule-text:hover,
.goods-list-div .bule-text:hover,
.blue-a-text:hover { color: #1466ed !important; }
.cart .el-empty,
.goods-list-div .el-empty { padding: 40px 20px; }
.el-empty__description p { color: #6B7280 !important; font-size: 14px !important; }

@media (max-width: 750px) {
  .goods .config-box > .content { padding: 14px; }
  .goods-change-box .goods-group-info { grid-template-columns: repeat(2, 1fr) !important; }
}

/* qkidc-cart.css end */