/**
 * Safari 專用 GSAP 修復樣式 v3.4.0
 * 解決 Safari 上的 Pin 白畫面和動畫問題
 * 
 * 🔧 v3.4.0 修復：
 * - 完全移除 normalizeScroll 相關 CSS
 * - 使用 GPU 加速確保 pin 區域可見
 * - 不干擾 Astra sticky header
 */

/* Safari 檢測類別（由 JS 添加） */
.is-safari {
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
}

/* ============================================
   🔧 核心修復：確保 Pin 區域內容可見
   配合 normalizeScroll 使用
   ============================================ */

.is-safari .pin-spacer,
.is-safari .pin-spacer>* {
    /* 🔧 確保可見性 - 這是唯一必要的規則 */
    visibility: visible !important;
    opacity: 1 !important;
    /* 🔧 不干擾 GSAP 的 transform */
}

/* ============================================
   Safari 特定的 ScrollTrigger 容器修復
   ============================================ */

.is-safari .gasp-fixed-container {
    visibility: visible !important;
    overflow: visible;
}

/* Safari 三欄布局 */
.is-safari .gasp-three-column {
    position: relative;
    -webkit-transform-style: flat;
    transform-style: flat;
}

.is-safari .gasp-text-area,
.is-safari .gasp-image-area,
.is-safari .gasp-middle-spacer {
    visibility: visible !important;
}

/* ============================================
   Premium Image Comparison Widget 修復
   這個 widget 在 pin 區域內，需要特別處理
   ============================================ */

.is-safari .premium-comparison-wrapper,
.is-safari .premium-comparison-container,
.is-safari .premium-twentytwenty-container {
    visibility: visible !important;
    opacity: 1 !important;
}

.is-safari .premium-twentytwenty-before,
.is-safari .premium-twentytwenty-after,
.is-safari .premium-twentytwenty-handle {
    visibility: visible !important;
    opacity: 1 !important;
}

/* ============================================
   防止 Safari 的滾動回彈
   ============================================ */

.is-safari body {
    overscroll-behavior: none;
}

/* ============================================
   iOS 特定修復
   ============================================ */

@supports (-webkit-touch-callout: none) {
    .gasp-fixed-container {
        -webkit-overflow-scrolling: auto;
    }

    .gasp-scroll-trigger-wrapper,
    .gasp-fixed-container,
    .gsap-achievement-wrapper {
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* ============================================
   Safari 滾動性能優化
   ============================================ */

.is-safari .gsap-marker-start,
.is-safari .gsap-marker-end,
.is-safari .gsap-marker-scroller-start,
.is-safari .gsap-marker-scroller-end {
    will-change: auto !important;
    transform: none !important;
}

/* Safari 平滑滾動 */
.is-safari html {
    scroll-behavior: auto;
}

/* ============================================
   修復 Safari 的 z-index 層疊問題
   ============================================ */

.is-safari .pin-spacer {
    z-index: 1 !important;
    isolation: isolate;
}

.is-safari .pin-spacer+*,
.is-safari .pin-spacer~.elementor-section,
.is-safari .pin-spacer~.e-con {
    position: relative !important;
    z-index: 50 !important;
}