/**
 * 移动端购物车加号按钮修复样式
 * 解决移动端购物车中加号显示为#的问题
 */

/* 移动端适配 */
@media (max-width: 768px) {
  /* 确保加号按钮样式正确 */
  .cart-item .quantity-btn.plus-btn {
    font-size: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  /* 加号横线 */
  .cart-item .quantity-btn.plus-btn::before {
    content: '' !important;
    position: absolute !important;
    width: 12px !important;
    height: 2px !important;
    background-color: #333 !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 2 !important;
  }
  
  /* 加号竖线 */
  .cart-item .quantity-btn.plus-btn::after {
    content: '' !important;
    position: absolute !important;
    width: 2px !important;
    height: 12px !important;
    background-color: #333 !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 2 !important;
  }
  
  /* 确保减号按钮样式正确 */
  .cart-item .quantity-btn.minus-btn {
    font-size: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  /* 减号横线 */
  .cart-item .quantity-btn.minus-btn::after {
    content: '' !important;
    position: absolute !important;
    width: 12px !important;
    height: 2px !important;
    background-color: #333 !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 2 !important;
  }
}

/* 超小屏幕适配 */
@media (max-width: 360px) {
  .cart-item .quantity-btn.plus-btn::before,
  .cart-item .quantity-btn.minus-btn::after {
    width: 10px !important;
  }
  
  .cart-item .quantity-btn.plus-btn::after {
    height: 10px !important;
  }
}