/**
 * 三星浏览器产品详情页返回按钮修复样式
 * 解决三星浏览器中返回按钮被顶部搜索栏遮挡的问题
 */

/* 三星浏览器基础修复 */
.samsung-browser .product-detail-back-button {
  top: max(80px, env(safe-area-inset-top, 0px) + 40px) !important;
  background-color: rgba(255, 117, 140, 0.95) !important; /* 增加不透明度 */
  border: 2px solid rgba(255, 255, 255, 0.8) !important; /* 添加白色边框增强可见性 */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important; /* 增强阴影 */
}

/* 三星浏览器小屏幕设备调整 */
.samsung-browser.small-screen .product-detail-back-button {
  top: max(70px, env(safe-area-inset-top, 0px) + 30px) !important;
}

/* 三星浏览器超小屏幕设备调整 */
@media (max-height: 600px) {
  .samsung-browser .product-detail-back-button {
    top: max(65px, env(safe-area-inset-top, 0px) + 25px) !important;
    width: 36px !important;
    height: 36px !important;
    font-size: 1rem !important;
  }
}

/* 三星浏览器中等屏幕设备调整 */
@media (min-height: 601px) and (max-height: 700px) {
  .samsung-browser .product-detail-back-button {
    top: max(75px, env(safe-area-inset-top, 0px) + 35px) !important;
  }
}

/* 三星浏览器大屏幕设备调整 */
@media (min-height: 701px) {
  .samsung-browser .product-detail-back-button {
    top: max(85px, env(safe-area-inset-top, 0px) + 45px) !important;
  }
}

/* 三星浏览器横屏模式调整 */
@media (orientation: landscape) {
  .samsung-browser .product-detail-back-button {
    top: max(50px, env(safe-area-inset-top, 0px) + 15px) !important;
  }
}

/* 三星浏览器返回按钮悬停效果增强 */
.samsung-browser .product-detail-back-button:hover {
  background-color: rgba(255, 117, 140, 1) !important;
  transform: scale(1.1) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
}

/* 三星浏览器返回按钮点击效果 */
.samsung-browser .product-detail-back-button:active {
  transform: scale(0.95) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

/* 确保三星浏览器中返回按钮图标清晰可见 */
.samsung-browser .product-detail-back-button i {
  color: white !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
  font-weight: bold !important;
}

/* 三星浏览器产品详情页容器调整 */
.samsung-browser .product-detail-container {
  padding-top: max(25px, env(safe-area-inset-top, 0px) + 5px) !important;
}

/* 三星浏览器产品详情页内容调整 */
.samsung-browser .product-detail-content {
  padding-top: max(30px, env(safe-area-inset-top, 0px) + 10px) !important;
}

/* 三星浏览器图片画廊调整 */
.samsung-browser .product-image-gallery {
  margin-top: max(20px, env(safe-area-inset-top, 0px) + 5px) !important;
}

/* 三星浏览器主图片容器调整 */
.samsung-browser .main-image-container {
  margin-top: max(15px, env(safe-area-inset-top, 0px) + 5px) !important;
}

/* 三星浏览器特殊情况：全屏模式 */
@media (display-mode: fullscreen) {
  .samsung-browser .product-detail-back-button {
    top: max(40px, env(safe-area-inset-top, 0px) + 10px) !important;
  }
}

/* 三星浏览器特殊情况：独立应用模式 */
@media (display-mode: standalone) {
  .samsung-browser .product-detail-back-button {
    top: max(50px, env(safe-area-inset-top, 0px) + 15px) !important;
  }
}

/* 三星浏览器动画优化 */
.samsung-browser .product-detail-back-button {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 三星浏览器返回按钮脉冲动画（可选，用于提醒用户） */
@keyframes samsung-button-pulse {
  0% {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3), 0 0 0 0 rgba(255, 117, 140, 0.7);
  }
  70% {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3), 0 0 0 10px rgba(255, 117, 140, 0);
  }
  100% {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3), 0 0 0 0 rgba(255, 117, 140, 0);
  }
}

/* 可选：为三星浏览器返回按钮添加脉冲动画 */
.samsung-browser .product-detail-back-button.pulse {
  animation: samsung-button-pulse 2s infinite;
}

/* 三星浏览器深色模式支持 */
@media (prefers-color-scheme: dark) {
  .samsung-browser .product-detail-back-button {
    background-color: rgba(255, 117, 140, 0.9) !important;
    border-color: rgba(255, 255, 255, 0.9) !important;
  }
}

/* 三星浏览器高对比度模式支持 */
@media (prefers-contrast: high) {
  .samsung-browser .product-detail-back-button {
    background-color: #ff758c !important;
    border: 3px solid #ffffff !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
  }
}

/* 三星浏览器减少动画模式支持 */
@media (prefers-reduced-motion: reduce) {
  .samsung-browser .product-detail-back-button {
    transition: none !important;
    animation: none !important;
  }
}

/* 三星浏览器触摸优化 */
.samsung-browser .product-detail-back-button {
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

/* 三星浏览器可访问性增强 */
.samsung-browser .product-detail-back-button:focus {
  outline: 3px solid #ffffff !important;
  outline-offset: 2px !important;
}

/* 三星浏览器特定版本兼容性 */
@supports (top: max(0px, env(safe-area-inset-top))) {
  .samsung-browser .product-detail-back-button {
    top: max(80px, env(safe-area-inset-top) + 40px) !important;
  }
}

/* 三星浏览器回退方案（不支持env()的情况） */
@supports not (top: env(safe-area-inset-top)) {
  .samsung-browser .product-detail-back-button {
    top: 80px !important;
  }
  
  .samsung-browser.small-screen .product-detail-back-button {
    top: 70px !important;
  }
}