/** Breadcrumbs optimization (Drop Down Menu)  **/

/* 一定要放在最前面，避免被其他樣式蓋過 */
.breadcrumb .dropdown ul.dropdown-menu > li,
.breadcrumb .dropdown .dropdown-menu {
    border-radius: 4px;
}

/* 一定要放在最前面，避免被其他樣式蓋過 */
.breadcrumb .dropdown:hover .dropdown-menu {
	display: block;
    box-sizing: border-box; 
}

.product-head ol.breadcrumb > li + li:before, 
.desktop-product-header ol.breadcrumb > li + li:before, 
#product_detail ol.breadcrumb > li + li:before {
	padding-right: 1px;
    padding-left: 5px;
}

.product-head ol.breadcrumb > li, 
.desktop-product-header ol.breadcrumb > li, 
#product_detail ol.breadcrumb > li {
	display: inline-block !important;
	height: auto !important;
}

.product-head ol.breadcrumb a, 
.desktop-product-header ol.breadcrumb a, 
#product_detail ol.breadcrumb a {
	color: rgba(92, 94, 96, 0.9) !important;
	text-decoration: none !important;
}

.product-head ol.breadcrumb li.dropdown a:hover span.caret, 
.product-head ol.breadcrumb li.dropdown a:hover, 
.desktop-product-header ol.breadcrumb li.dropdown a:hover span.caret, 
.desktop-product-header ol.breadcrumb li.dropdown a:hover, 
#product_detail ol.breadcrumb > li.dropdown a:hover span.caret,
#product_detail ol.breadcrumb li.dropdown a:hover {
    color: #008fd8 !important;
}

.product-head ol.breadcrumb li.dropdown a:hover span.caret, 
.desktop-product-header ol.breadcrumb li.dropdown a:hover span.caret, 
#product_detail ol.breadcrumb li.dropdown a:hover span.caret {
    text-decoration: underline !important;
}

.product-head ol.breadcrumb li.dropdown a .caret, 
.desktop-product-header ol.breadcrumb li.dropdown a .caret, 
#product_detail .breadcrumb li.dropdown a .caret {
	margin: 0 3px 0 2px;
	margin: 0 3px 0 3px;
	transform: translateY(-1px);
    border-top: 0.32em solid;
    border-right: 0.32em solid transparent;
    border-left: 0.32em solid transparent;
    position: relative;

    margin-right: 0px;
    margin-left: 2px;
}

.product-head ol.breadcrumb li.dropdown ul.dropdown-menu, 
.desktop-product-header ol.breadcrumb li.dropdown ul.dropdown-menu, 
#product_detail .breadcrumb li.dropdown ul.dropdown-menu {
	background-color: #fff;
	max-height: 300px;
	min-width: 185px;
	min-width: 215px;
	overflow-y: auto;
    overflow-x: hidden;
    padding: 7px 2px;
	margin-top: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 20px rgba(0, 0, 0, .1);
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.15));
}

/* 讓 li 內的 a 標籤可以自動斷行 */
.product-head ol.breadcrumb li.dropdown ul.dropdown-menu li,
.desktop-product-header ol.breadcrumb li.dropdown ul.dropdown-menu li,
#product_detail .breadcrumb li.dropdown ul.dropdown-menu li {
    white-space: normal; /* 允許文字換行 */
    /* 長單字可以斷行 word-wrap: break-word; */
    /* 自動斷字符號 hyphens: auto;  */

}

/* .product-head ol.breadcrumb li.dropdown:is(li.dropdown:last-child) ul.dropdown-menu, 
.desktop-product-header ol.breadcrumb li.dropdown:is(li.dropdown:last-child) ul.dropdown-menu, */
#product_detail .breadcrumb li.dropdown:is(li.dropdown:last-child) ul.dropdown-menu {
    min-width: 100px;
	min-width: 120px;
    min-width: 130px;
}

.product-head ol.breadcrumb li.dropdown:not(li.dropdown:first-child) ul.dropdown-menu, 
.desktop-product-header ol.breadcrumb li.dropdown:not(li.dropdown:first-child) ul.dropdown-menu, 
#product_detail .breadcrumb li.dropdown:not(li.dropdown:first-child) ul.dropdown-menu {
	left: 7%;
	left: 13px;
	left: 0;
	transform: translateX(15px);
}


.product-head ol.breadcrumb li.dropdown ul.dropdown-menu li a, 
.desktop-product-header ol.breadcrumb li.dropdown ul.dropdown-menu li a, 
#product_detail .breadcrumb li.dropdown ul.dropdown-menu li a {
	font-size: 1.1em !important;
	font-size: 1.09em !important;
	font-weight: 400 !important;
    padding: 6px 15px 6px 10px !important;
	padding: 7px 15px 7px 15px !important;
	/* transition: all 0.1s ease-in-out 0s; */
	transition: all 0.1s ease-in;
    white-space: normal !important; /* 覆蓋任何 nowrap 設定 */
    word-wrap: break-word !important;
    overflow-wrap: break-word; /* 現代瀏覽器的斷行屬性 */
    line-height: 1.3em; /* 增加行高改善可讀性 */
}

.product-head ol.breadcrumb li.dropdown ul.dropdown-menu li a:hover, 
.desktop-product-header ol.breadcrumb li.dropdown ul.dropdown-menu li a:hover, 
#product_detail .breadcrumb li.dropdown ul.dropdown-menu li a:hover {
    color: #0296d4;
	font-weight: 500 !important; 
}

@media (min-width: 1200px) {

    /* 調整搜尋按鈕大小 (Button) */
    #product_detail .col-lg-5.product_search #search_form .form-group button.btn-info  {
        width: auto !important;
        min-width: unset !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* 調整搜尋按鈕大小 (Icon) */
    #product_detail .col-lg-5.product_search em.fa-shopping-basket {
        margin-left: 5px !important;
    }

    /* 調整搜尋按鈕大小 (Icon) */
    #product_detail .col-lg-5.product_search .form-control {
        font-size: 13px !important;
        width: 175px !important;
        font-size: 12px !important;
    }

    /* 調整搜尋按鈕大小 (Icon) */
    #product_detail .col-lg-7:has(.breadcrumb) {
        width: 58% !important;
    }

    /* 調整搜尋按鈕大小 (Icon) */
    #product_detail .col-lg-5.product_search {
        width: 42% !important;
    }

}