/**
 * CBE 自定義樣式
 * 這個檔案放置我們對 main.css 的額外修改，避免與前端 cbe-frontend 編譯的 main.css 衝突
 */

/* ==================== */
/* 836c35b: 考試項目標籤加入 white-space: nowrap 防止跑版 */
/* ==================== */

.YLE_registration2 .YLE_registration2_container .table_container table tbody tr td:nth-child(2) .TKT_tag,
.YLE_registration2 .YLE_registration2_container .table_container table tbody tr td:nth-child(2) .or_tag,
.YLE_registration2 .YLE_registration2_container .table_container table tbody tr td:nth-child(2) .purple_tag,
.YLE_registration2 .YLE_registration2_container .table_container table tbody tr td:nth-child(2) .green_tag {
  white-space: nowrap;
}

/* 已移除全域 .or_tag/.purple_tag/.green_tag/.TKT_tag 的 white-space: nowrap */
/* 這些全域樣式會影響會員中心頁面導致跑版 */
/* 報名總表頁的樣式保留在上方（有具體 selector） */

/* ==================== */
/* 26ce3fd: 3 層選單樣式 */
/* ==================== */

/* 電腦版第 3 層選單樣式 */
.headerCbe .headerCbe_container .co_menu li > ul li.has-submenu {
  position: relative;
}
.headerCbe .headerCbe_container .co_menu li > ul li.has-submenu > a {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-right: 15px !important;
}
.headerCbe .headerCbe_container .co_menu li > ul li.has-submenu > a .arrow-right {
  flex-shrink: 0;
  width: 6px;
  height: auto;
  margin-left: 5px;
}
/* 有第 3 層子選單時，增加第 2 層寬度 */
.headerCbe .headerCbe_container .co_menu li > ul:has(.has-submenu) {
  width: 160px !important;
}
.headerCbe .headerCbe_container .co_menu li > ul li.has-submenu .submenu-level3 {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  background-color: white;
  min-width: 180px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  flex-direction: column;
}
.headerCbe .headerCbe_container .co_menu li > ul li.has-submenu:hover > .submenu-level3 {
  display: flex;
}
.headerCbe .headerCbe_container .co_menu li > ul li.has-submenu .submenu-level3 li a {
  padding: 10px 20px;
  white-space: nowrap;
}
.headerCbe .headerCbe_container .co_menu li > ul li.has-submenu .submenu-level3 li a:hover {
  background: #daeeea;
}

/* 手機版第 3 層選單樣式 */
.headerCbe .headerCbe_container .mo_menu_list .accordion .accordion-body ul li.has-submenu-mobile > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.headerCbe .headerCbe_container .mo_menu_list .accordion .accordion-body ul li.has-submenu-mobile > a .arrow-toggle {
  transition: transform 0.3s ease;
}
.headerCbe .headerCbe_container .mo_menu_list .accordion .accordion-body ul li.has-submenu-mobile > a.active .arrow-toggle {
  transform: rotate(180deg);
}
.headerCbe .headerCbe_container .mo_menu_list .accordion .accordion-body ul li .submenu-level3-mobile {
  display: none;
  padding-left: 15px;
  margin-top: 5px;
}
.headerCbe .headerCbe_container .mo_menu_list .accordion .accordion-body ul li .submenu-level3-mobile.show {
  display: block;
}
.headerCbe .headerCbe_container .mo_menu_list .accordion .accordion-body ul li .submenu-level3-mobile li a {
  font-size: 14px !important;
  line-height: 28px;
  color: #666 !important;
}

/* ==================== */
/* 手機版 YLE 區塊置中修復 */
/* ==================== */
@media screen and (max-width: 767px) {
  .home_YLE .home_YLE_top .mo_top_group {
    padding-right: 0 !important;
  }
  .home_TKT .home_TKT_top .mo_top_group {
    padding-right: 0 !important;
  }
  .home_ket_pet_fce .home_YLE_top .mo_top_group {
    padding-right: 0 !important;
  }
}

/* ==================== */
/* KET/PET/FCE 考試標籤樣式 */
/* ==================== */
.KET_tag {
  display: inline-block;
  border-radius: 30px;
  background: #eba513;
  color: #fff;
  padding: 3px 15px;
  font-size: 14px;
  white-space: nowrap;
}

.PET_tag {
  display: inline-block;
  border-radius: 30px;
  background: #8031a7;
  color: #fff;
  padding: 3px 15px;
  font-size: 14px;
  white-space: nowrap;
}

.FCE_tag {
  display: inline-block;
  border-radius: 30px;
  background: #b0ce68;
  color: #fff;
  padding: 3px 15px;
  font-size: 14px;
  white-space: nowrap;
}

/* 報名總表頁 KET/PET/FCE 標籤 */
.YLE_registration2 .YLE_registration2_container .table_container table tbody tr td:nth-child(2) .KET_tag,
.YLE_registration2 .YLE_registration2_container .table_container table tbody tr td:nth-child(2) .PET_tag,
.YLE_registration2 .YLE_registration2_container .table_container table tbody tr td:nth-child(2) .FCE_tag {
  white-space: nowrap;
}