/**
 * 强制显示购物车中的优惠券选择入口行
 * 这个文件的目的是确保优惠券选择入口行始终显示，无论其他CSS如何设置
 */

/* 强制显示优惠券行 */
.cart-coupon-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 5px !important;
  width: 100% !important;
  padding: 3px 0 !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
  border-radius: 4px !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  overflow: visible !important;
  position: static !important;
  z-index: auto !important;
}

.cart-coupon-row:hover {
  background-color: #f0f0f0 !important;
}

.coupon-value {
  display: flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.applied-coupon-code {
  color: #ff758c !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.select-coupon {
  color: #666 !important;
  display: flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.coupon-arrow {
  margin-left: 5px !important;
  font-size: 12px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .cart-coupon-row {
    padding: 5px 0 !important;
    display: flex !important;
  }
  
  .applied-coupon-code {
    font-size: 14px !important;
    display: flex !important;
  }
  
  .select-coupon {
    font-size: 14px !important;
    display: flex !important;
  }
}