/* ==========================================================================
   快捷加购按钮  全局基础样式（适用于所有屏幕尺寸）
   ========================================================================== */
 


/* ----------------------------------------------------------
   1. B1让图片容器可定位
   给 .box-image 添加 position: relative，使其成为绝对定位子元素的参照
---------------------------------------------------------- */
.product-small .box-image {
  position: relative;
}

/* ----------------------------------------------------------
   2. B1定位克隆按钮容器到右下角
   （调试样式：背景色和圆角，仅用于确认位置，上线时可删除）
---------------------------------------------------------- */
.product-small .box-image .custom-quick-cart {
  position: absolute;      /* 绝对定位 */
  bottom: 3px;             /* 距离底部 8px */
  right: 3px;              /* 距离右侧 8px */
  z-index: 5;              /* 保证盖在图片上，但不干扰侧栏 */
  background-color: rgba(255,255,255,0.9);  /* 半透明白底 */
  border-radius: 25px;       /* 调试用：圆角，使容器更美观 */
}

/* ----------------------------------------------------------
   3. B1初始状态：隐藏按钮文字，仅显示“添加购物车”图标
   使用背景图替换文字，并调整尺寸、去除多余外边距
---------------------------------------------------------- */
.product-small .box-image .custom-quick-cart 
  a.add_to_cart_button.ajax_add_to_cart {
  display: inline-block;    /* 让元素可设置宽高 */
  width: 32px;              /* 固定宽度 */
  height: 32px;             /* 固定高度 */
  text-indent: -9999px;     /* 隐藏文字内容 */
  overflow: hidden;         /* 隐藏超出部分 */
  background: url('https://myfood365.co.kr/wp-content/uploads/2025/07/Shopping-.png')
              center/20px 20px no-repeat !important;
                            /* 背景图：中心显示，按 24×24 大小缩放 */
  border-radius: 50% !important;      /* 圆形按钮 */
  transition: background-image .2s; /* 图标切换时渐变过渡 */
  margin-bottom: 0 ; /* 去除默认下外边距 */
  margin-right: 0 ;  /* 去除默认右外边距 */
}

/* ----------------------------------------------------------
   4. B1点击后按钮会获得 .added 类，此时切换为“查看购物车”图标
   用新的背景图替换
---------------------------------------------------------- */
.product-small .box-image .custom-quick-cart 
  a.add_to_cart_button.ajax_add_to_cart.added {
  background: url('https://myfood365.co.kr/wp-content/uploads/2025/07/cart.png')
              center/20px 20px no-repeat !important;
                            /* 切换成“查看购物车”图标 */
}

/* ----------------------------------------------------------
   5. B1隐藏多余的独立“查看购物车”链接
   防止同时出现两个“查看购物车”按钮
---------------------------------------------------------- */
.product-small .box-image .custom-quick-cart 
  > a.added_to_cart.wc-forward {
  display: none ; /* 强制隐藏 */
}



/* ----------------------------------------------------------
   6. B1调整快捷添加购物车外框大小
---------------------------------------------------------- */
.product-small .box-image .custom-quick-cart > a.add_to_cart_button.ajax_add_to_cart {
  font-size: .75em ;
}




 
 
 
/* ==========================================================================
   XS：手机竖屏 Portrait（< 576px）
   ========================================================================== */
@media (max-width: 575.98px) {
  /* 手机竖屏专属样式 */
 
 
 
 
}
 
/* ==========================================================================
   SM：手机横屏 & 小平板（576px ~ 767.98px）
   ========================================================================== */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* 手机横屏、小尺寸平板样式 */
 
 
 
 
}
 
/* ==========================================================================
   MD：平板 Tablet（768px ~ 991.98px）
   ========================================================================== */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* 中等平板设备样式 */
 
 
 
 
}
 
/* ==========================================================================
   LG：小型桌面（992px ~ 1199.98px）
   ========================================================================== */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* 小桌面，小型笔电 */
 
 
 
 
}
 
/* ==========================================================================
   XL：标准桌面（≥ 1200px）
   ========================================================================== */
@media (min-width: 1200px) {
  /* 桌面端布局样式 */
 
 
 
 
}