.elementor-444459 .elementor-element.elementor-element-0841b05{--display:flex;--background-transition:0.3s;}.elementor-444459 .elementor-element.elementor-element-9dd1714 .e-tabs-header{background-color:#FFFFFF00;}.elementor-444459 .elementor-element.elementor-element-9dd1714 .e-tabs-header .e-tabs-title{color:#E40B6C;}.elementor-444459 .elementor-element.elementor-element-9dd1714 .e-tabs-header .e-tabs-videos-count{color:#7A7A7A00;}.elementor-444459 .elementor-element.elementor-element-9dd1714 .e-tabs-header .e-tabs-header-right-side i{color:#7A7A7A00;}.elementor-444459 .elementor-element.elementor-element-9dd1714 .e-tabs-header .e-tabs-header-right-side svg{fill:#7A7A7A00;}.elementor-444459 .elementor-element.elementor-element-9dd1714 .e-tab-title{background-color:#B66D6D00;}.elementor-444459 .elementor-element.elementor-element-9dd1714 .e-tabs-items-wrapper{background-color:#B66D6D00;}.elementor-444459 .elementor-element.elementor-element-9dd1714 .e-tabs-items-wrapper .shadow-bottom{background:linear-gradient(180deg, transparent 0%, #B66D6D00 100%);}.elementor-444459 .elementor-element.elementor-element-9dd1714 .e-tabs-items-wrapper .shadow-top{background:linear-gradient(0deg, transparent 0%, #B66D6D00 100%);}.elementor-444459 .elementor-element.elementor-element-9dd1714 .e-tab-title .e-tab-title-text{color:#7A7A7A7A;}.elementor-444459 .elementor-element.elementor-element-9dd1714 .e-tab-title .e-tab-title-text a{color:#7A7A7A7A;}.elementor-444459 .elementor-element.elementor-element-9dd1714 .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text{color:#E40B6C;}.elementor-444459 .elementor-element.elementor-element-9dd1714 .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text a{color:#E40B6C;}.elementor-444459 .elementor-element.elementor-element-9dd1714 .e-tabs-items-wrapper .e-section-title{color:#7A7A7A00;border-style:solid;}.elementor-444459 .elementor-element.elementor-element-ca67b7f{--display:flex;--background-transition:0.3s;}/* Start custom CSS for video-playlist, class: .elementor-element-9dd1714 *//* 1. 強制將整體最外層與內層容器改為上下垂直排列 */
.video,
.video .elementor-widget-container,
.video .elementor-wrapper {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

/* 2. 強制調整順序：影片在上 (order: 1)，播放清單在下 (order: 2) */
.video .elementor-video-player {
    order: 1 !important;
    width: 100% !important;
    margin-bottom: 20px !important;
}

.video .elementor-video-playlist {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* 3. 將下方清單改成橫向滑動列 (Flex Row) */
.video .elementor-playlist-items {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 15px !important;
    padding-bottom: 12px !important;
    max-height: none !important;
    height: auto !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

/* 4. 單一選單卡片設定 (固定寬度橫向排開) */
.video .elementor-playlist-item {
    flex: 0 0 200px !important;
    min-width: 200px !important;
    display: flex !important;
    flex-direction: column !important;
    background-color: #1e1e1e !important;
    border-radius: 12px !important;
    padding: 10px !important;
    border: 2px solid transparent !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    scroll-snap-align: start;
}

/* 5. 選取與 Hover 效果 */
.video .elementor-playlist-item.e-active,
.video .elementor-playlist-item:hover {
    border-color: #ff007a !important;
    box-shadow: 0 0 10px rgba(255, 0, 122, 0.5) !important;
}

/* 6. 標題與細節微調 */
.video .elementor-playlist-item-title {
    color: #ffffff !important;
    font-size: 14px !important;
    margin-top: 8px !important;
    white-space: normal !important;
}

.video .elementor-playlist-item-duration {
    display: none !important;
}

/* 7. 自訂橫向滾動條樣式 */
.video .elementor-playlist-items::-webkit-scrollbar {
    height: 6px !important;
}
.video .elementor-playlist-items::-webkit-scrollbar-thumb {
    background: #555555 !important;
    border-radius: 3px !important;
}/* End custom CSS */