/* 轮播图箭头样式修复 */

/* 确保轮播图容器有正确的定位 */
.fruits-slider,
.vegetables-slider,
.drinks-slider,
.sale-slider {
  position: relative !important;
  overflow: visible !important;
}

/* 强制显示Slick轮播图箭头 */
.banner .slick-arrow,
.fruits-slider .slick-arrow,
.vegetables-slider .slick-arrow,
.drinks-slider .slick-arrow,
.sale-slider .slick-arrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 40px !important;
  height: 40px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid #ddd !important;
  border-radius: 50% !important;
  z-index: 1000 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  font-size: 0 !important;
  /* 隐藏默认文本 */
  opacity: 1 !important;
  /* 强制显示 */
  visibility: visible !important;
  /* 强制可见 */
}

/* 修复Slick可能隐藏箭头的问题 */
.banner.slick-initialized .slick-arrow,
.fruits-slider.slick-initialized .slick-arrow,
.vegetables-slider.slick-initialized .slick-arrow,
.drinks-slider.slick-initialized .slick-arrow,
.sale-slider.slick-initialized .slick-arrow {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 左箭头位置 */
.banner .slick-prev {
  left: 20px !important;
  right: auto !important;
}

.fruits-slider .slick-prev,
.vegetables-slider .slick-prev,
.drinks-slider .slick-prev,
.sale-slider .slick-prev {
  left: -20px !important;
}

/* 右箭头位置 */
.banner .slick-next {
  right: 20px !important;
  left: auto !important;
}

.fruits-slider .slick-next,
.vegetables-slider .slick-next,
.drinks-slider .slick-next,
.sale-slider .slick-next {
  right: -20px !important;
}

/* 箭头图标样式 - 使用CSS绘制的箭头作为主要方案 */
.banner .slick-arrow:before,
.fruits-slider .slick-arrow:before,
.vegetables-slider .slick-arrow:before,
.drinks-slider .slick-arrow:before,
.sale-slider .slick-arrow:before {
  content: '' !important;
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

/* 左箭头图标 - CSS绘制 */
.banner .slick-prev:before,
.fruits-slider .slick-prev:before,
.vegetables-slider .slick-prev:before,
.drinks-slider .slick-prev:before,
.sale-slider .slick-prev:before {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 12px solid #333 !important;
}

/* 右箭头图标 - CSS绘制 */
.banner .slick-next:before,
.fruits-slider .slick-next:before,
.vegetables-slider .slick-next:before,
.drinks-slider .slick-next:before,
.sale-slider .slick-next:before {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 12px solid #333 !important;
}



/* 箭头悬停效果 */
.banner .slick-arrow:hover,
.fruits-slider .slick-arrow:hover,
.vegetables-slider .slick-arrow:hover,
.drinks-slider .slick-arrow:hover,
.sale-slider .slick-arrow:hover {
  background: #fff !important;
  border-color: #1890ff !important;
  box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3) !important;
  transform: translateY(-50%) scale(1.1) !important;
}

/* 移动端优化 */
@media (max-width: 768px) {

  /* 移动端隐藏banner箭头，只显示dots */
  .banner .slick-arrow {
    display: none !important;
  }

  .fruits-slider .slick-arrow,
  .vegetables-slider .slick-arrow,
  .drinks-slider .slick-arrow,
  .sale-slider .slick-arrow {
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    /* 确保移动端显示 */
  }

  .fruits-slider .slick-prev,
  .vegetables-slider .slick-prev,
  .drinks-slider .slick-prev,
  .sale-slider .slick-prev {
    left: 10px !important;
  }

  .fruits-slider .slick-next,
  .vegetables-slider .slick-next,
  .drinks-slider .slick-next,
  .sale-slider .slick-next {
    right: 10px !important;
  }

  .banner .slick-arrow:before,
  .fruits-slider .slick-arrow:before,
  .vegetables-slider .slick-arrow:before,
  .drinks-slider .slick-arrow:before,
  .sale-slider .slick-arrow:before {
    font-size: 14px !important;
  }
}

/* 小屏幕优化 */
@media (max-width: 576px) {

  /* 小屏幕隐藏banner箭头，只显示dots */
  .banner .slick-arrow {
    display: none !important;
  }

  .fruits-slider .slick-arrow,
  .vegetables-slider .slick-arrow,
  .drinks-slider .slick-arrow,
  .sale-slider .slick-arrow {
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    /* 确保小屏幕显示 */
  }



  /* 小屏幕箭头尺寸调整 */
  .banner .slick-arrow:before,
  .fruits-slider .slick-arrow:before,
  .vegetables-slider .slick-arrow:before,
  .drinks-slider .slick-arrow:before,
  .sale-slider .slick-arrow:before {
    content: '' !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  /* 左箭头CSS绘制 - 小屏幕尺寸 */
  .banner .slick-prev:before,
  .fruits-slider .slick-prev:before,
  .vegetables-slider .slick-prev:before,
  .drinks-slider .slick-prev:before,
  .sale-slider .slick-prev:before {
    border-top: 5px solid transparent !important;
    border-bottom: 5px solid transparent !important;
    border-right: 8px solid #333 !important;
  }

  /* 右箭头CSS绘制 - 小屏幕尺寸 */
  .banner .slick-next:before,
  .fruits-slider .slick-next:before,
  .vegetables-slider .slick-next:before,
  .drinks-slider .slick-next:before,
  .sale-slider .slick-next:before {
    border-top: 5px solid transparent !important;
    border-bottom: 5px solid transparent !important;
    border-left: 8px solid #333 !important;
  }
}

/* Banner箭头特殊样式 */
.banner .slick-arrow {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 2px solid rgba(24, 144, 255, 0.3) !important;
  color: #1890ff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.3s ease !important;
}

.banner .slick-arrow:hover {
  background: rgba(255, 255, 255, 1) !important;
  border-color: #1890ff !important;
  box-shadow: 0 4px 12px rgba(24, 144, 255, 0.4) !important;
  transform: translateY(-50%) scale(1.05) !important;
}

/* 触摸设备优化 */
@media (hover: none) and (pointer: coarse) {

  .banner .slick-arrow:hover,
  .fruits-slider .slick-arrow:hover,
  .vegetables-slider .slick-arrow:hover,
  .drinks-slider .slick-arrow:hover,
  .sale-slider .slick-arrow:hover {
    transform: translateY(-50%) !important;
  }

  .banner .slick-arrow:active {
    transform: translateY(-50%) scale(0.95) !important;
  }

  .fruits-slider .slick-arrow:active,
  .vegetables-slider .slick-arrow:active,
  .drinks-slider .slick-arrow:active,
  .sale-slider .slick-arrow:active {
    transform: translateY(-50%) scale(0.95) !important;
  }
}

/* 确保箭头在商品卡片之上 */
.fruits-slider .slick-arrow,
.vegetables-slider .slick-arrow,
.drinks-slider .slick-arrow,
.sale-slider .slick-arrow {
  z-index: 1000 !important;
}

/* 修复可能的z-index冲突 */
.product_block {
  position: relative;
  z-index: 1;
}

/* 确保section-header不被箭头遮挡 */
.section-header {
  position: relative;
  z-index: 10;
}

/* 修复Slick可能隐藏箭头的CSS问题 */
.slick-slider .slick-arrow {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 确保箭头按钮可见 */
.slick-prev,
.slick-next {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 移动端CSS绘制箭头优化 */
@media (max-width: 768px) {

  /* 移动端箭头尺寸调整 */
  .fruits-slider .slick-arrow:before,
  .vegetables-slider .slick-arrow:before,
  .drinks-slider .slick-arrow:before,
  .sale-slider .slick-arrow:before {
    content: '' !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  /* 左箭头CSS绘制 - 移动端尺寸 */
  .fruits-slider .slick-prev:before,
  .vegetables-slider .slick-prev:before,
  .drinks-slider .slick-prev:before,
  .sale-slider .slick-prev:before {
    border-top: 6px solid transparent !important;
    border-bottom: 6px solid transparent !important;
    border-right: 10px solid #333 !important;
  }

  /* 右箭头CSS绘制 - 移动端尺寸 */
  .fruits-slider .slick-next:before,
  .vegetables-slider .slick-next:before,
  .drinks-slider .slick-next:before,
  .sale-slider .slick-next:before {
    border-top: 6px solid transparent !important;
    border-bottom: 6px solid transparent !important;
    border-left: 10px solid #333 !important;
  }
}