/* ========================================
   課程按鈕文字切換動畫
   作者：NTC 課程網站
   說明：每0.3秒切換按鈕文字
   ======================================== */

/* === AI大數據班 === */
#ntc-course-toggle-text-aigo::before {
    content: '了解細節';
    animation: ntc-toggle-aigo 8s steps(1, end) infinite;
}

@keyframes ntc-toggle-aigo {
    0%, 49.99% {
        content: '了解細節';
    }
    50%, 100% {
        content: '起薪最高';
    }
}

/* === JAVA班 === */
#ntc-course-toggle-text-java::before {
    content: '了解細節';
    animation: ntc-toggle-java 8s steps(1, end) infinite;
}

@keyframes ntc-toggle-java {
    0%, 50% {
        content: '了解細節';
    }
    51%, 100% {
        content: '職場穩定';
    }
}

/* === 全端班 === */
#ntc-course-toggle-text-fsd::before {
    content: '了解細節';
    animation: ntc-toggle-fsd 8s steps(1, end) infinite;
}

@keyframes ntc-toggle-fsd {
    0%, 51% {
        content: '了解細節';
    }
    52%, 100% {
        content: '攻守兼備';
    }
}

/* === 雲端資安班 === */
#ntc-course-toggle-text-cse::before {
    content: '了解細節';
    animation: ntc-toggle-cse 8s steps(1, end) infinite;
}

@keyframes ntc-toggle-cse {
    0%, 53% {
        content: '了解細節';
    }
    54%, 100% {
        content: '最快就業';
    }
}

/* ========================================
   隱藏原始文字（重要！）
   ======================================== */
#ntc-course-toggle-text-aigo,
#ntc-course-toggle-text-java,
#ntc-course-toggle-text-fsd,
#ntc-course-toggle-text-cse {
    /* 隱藏原始文字但保留空間 */
    visibility: hidden;
    position: relative;
    display: inline-block;
}

#ntc-course-toggle-text-aigo::before,
#ntc-course-toggle-text-java::before,
#ntc-course-toggle-text-fsd::before,
#ntc-course-toggle-text-cse::before {
    /* 讓偽元素顯示出來 */
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
}

/* ========================================
   修改說明
   ======================================== */
/*
【如何修改切換文字】

1. AI大數據班（#ntc-course-toggle-text-aigo）
   - 目前切換：了解細節 ←→ 即將開課
   - 修改位置：第 18-21 行的 content 值

2. JAVA班（#ntc-course-toggle-text-java）
   - 目前切換：了解細節 ←→ 即將開課
   - 修改位置：第 37-40 行的 content 值

3. 全端班（#ntc-course-toggle-text-fsd）
   - 目前切換：了解細節 ←→ 即將額滿
   - 修改位置：第 56-59 行的 content 值

4. 雲端資安班（#ntc-course-toggle-text-cse）
   - 目前切換：了解細節 ←→ 即將額滿
   - 修改位置：第 75-78 行的 content 值

【如何修改切換速度】
- 找到 animation 屬性（例如：animation: ntc-toggle-aigo 0.6s steps(1, end) infinite;）
- 修改 0.6s 這個值：
  * 0.6s = 每 0.3 秒切換一次（0.3秒顯示第一個文字，0.3秒顯示第二個文字）
  * 1s = 每 0.5 秒切換一次
  * 2s = 每 1 秒切換一次

【範例：如果想讓 JAVA班 改成「立即報名 ←→ 名額有限」】
修改第 37-40 行：
    50%, 100% {
        content: '名額有限';  ← 改這裡
    }
*/