/*.c-prestige {
    color: var(--wc-orange);
}*/

/* select2 */
select.select2-thin + .select2-container .select2-selection--single {
    min-height: unset;
/*    padding: 5px 25px;*/
/*    padding: 5px 25px 5px 17px;*/
    padding: 9px 25px 9px 17px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 9px 25px;
    padding: 16px 25px;
}
.select2-container .select2-results__option {
    padding: 10px 25px;
}
.select2-container--default .select2-selection--single {
    /* border: 1px solid var(--c-28) !important; */
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 0;
}

.select2-container--default:hover .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single {
    /* border: 1px solid var(--c-01) !important; */
    border-width: 1px !important;
    border-style: solid !important;
}
.select2-container--default .select2-results__option--selected {
    background-color: var(--bc-27);
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    opacity: .5;
    background-color: unset;
}


/* checkbox */
form.woocommerce-checkout .is-disabled {
    opacity: .5;
}


/* header */
@media (min-width: 992px) {
    .navbar__item:last-child {
        display: none;
    }
}
@media (max-width: 992px) {
    .user-cart__link.old_website,
    .user-cart__link.find_us {
        display: none;
    }
}


/* 頁碼 */
.event-list .paging,
.product-list .paging {
    font-size: 1.8rem;
    justify-content: center;
}
.event-list .paging .paging__list .paging__item:last-child,
.product-list .paging .paging__list .paging__item:last-child {
    opacity: 0.7;
    margin-left: 1rem;
}

.product-list .paging__item + .paging__item {
    margin-left: 1px;
}
.product-list .paging__item:not(.no-border) .paging__link {
    border: 1px solid #fff0;
}
.product-list .paging__item.active .paging__link,
.product-list .paging__item.is-active .paging__link {
    border-color: #ffff;
}
.product-list .paging__item:hover:not(.is-active):not(.active) .paging__link {
    border-color: #fff5;
}
.product-list .paging__item::after {
    content: unset;
}
.product-list .paging__link {
    padding: 0.5rem .4rem 0;
    line-height: 1.2;
}
@media (max-width: 576px) {
    .product-list .paging__item .paging__link {
        font-size: 1.4rem;
    }
}


/* (2024-10-16) 頁碼 (使用 pagination JS) */
#pagination_div {
    padding-bottom: 50px;
    display: flex;
    justify-content: center;
}
#pagination_div .paginationjs .paginationjs-prev,
#pagination_div .paginationjs .paginationjs-next {
    --url-left-v2: url('/assets/front_view/web/img/svg/Left.svg');
    background-image: var(--url-left-v2);
    background-position: center;
    background-size: 60%;
    background-repeat: no-repeat;
}
#pagination_div .paginationjs .paginationjs-next {
    --url-right-v2: url('/assets/front_view/web/img/svg/Right.svg');
    background-image: var(--url-right-v2);
}
#pagination_div .paginationjs .paginationjs-pages li.disabled {
    opacity: .3;
}
#pagination_div .paginationjs .paginationjs-pages li {
    border-color: #fff0;
}
#pagination_div .paginationjs .paginationjs-pages li:last-child {
    border-right: unset;
}
#pagination_div .paginationjs .paginationjs-ellipsis,
#pagination_div .paginationjs .paginationjs-ellipsis > a {
    opacity: 1 !important;
}
#pagination_div .paginationjs .paginationjs-pages li > a {
    background-color: unset;
    color: #fff;
    line-height: 28px;
    border: 1px solid #fff0;
}
#pagination_div .paginationjs .paginationjs-pages li > a:hover {
    background-color: unset;
}
#pagination_div .paginationjs .paginationjs-pages li.J-paginationjs-page > a:hover {
    border-color: #fff5;
}
#pagination_div .paginationjs .paginationjs-pages li.active > a {
    background: unset;
    border-color: #fff;
}


/* 左右箭頭 */
.icon--left-v2 {
    --url-left-v2: url('/assets/front_view/web/img/arrow-point-to-left.png');
    --url-left-v2: url('/assets/front_view/web/img/svg/Left.svg');
    background-image: var(--url-left-v2);
    width: 1rem;
    height: 1.4rem;
    display: inline-block;
}
.icon--right-v2 {
    --url-right-v2: url('/assets/front_view/web/img/arrow-point-to-right.png');
    --url-right-v2: url('/assets/front_view/web/img/svg/Right.svg');
    background-image: var(--url-right-v2);
    width: 1rem;
    height: 1.4rem;
    display: inline-block;
}


/* 一/十 icon */
.icon--add-v2 {
    --url-add-v2: url('/assets/front_view/web/img/add.png');/* (+) */
    --url-add-v2: url('/assets/front_view/web/img/svg/Plus.svg');/* (+) */
    background-image: var(--url-add-v2);
    width: 1rem;
    height: 1.4rem;
    display: inline-block;
}
.icon--minimize-v2 {
    --url-minimize-v2: url('/assets/front_view/web/img/minimize-sign.png');/* (-) */
    --url-minimize-v2: url('/assets/front_view/web/img/svg/Minus.svg');/* (-) */
    background-image: var(--url-minimize-v2);
    width: 1rem;
    height: 1.4rem;
    display: inline-block;
}


/* 一/十 */
.quality > [class*="quality__"] {
    position: relative;
}
.quality .quality__sub,
.quality .quality__plus {
    --url-minimize-v2: url('/assets/front_view/web/img/svg/Minus.svg');/* (-) */
    background-image: var(--url-minimize-v2);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.quality .quality__plus {
    --url-add-v2: url('/assets/front_view/web/img/svg/Plus.svg');/* (+) */
    background-image: var(--url-add-v2);
}
.quality .quality__sub::before,
.quality .quality__plus::before {
    content: unset;
}
.quality .quality__sub.is-disabled::after,
.quality .quality__plus.is-disabled::after {
    width: 100%;
    height: 100%;
    background-color: #000b !important;
}
.quality__plus::after {
    transform: rotate(0deg);
}

/* 尾款 */
.cart-total__after .order-balance-per th {
    padding-left: 20px;
}
.cart-total__after .order-remaining th,
.cart-total__after .order-remaining td,
.cart-total__after .order-balance-per th,
.cart-total__after .order-balance-per td {
    padding-bottom: 0px;
}
.cart-total__after .order-balance-per td {
    vertical-align: middle;
}
.cart-total__after .order-remaining td,
.cart-total__after .order-balance-per td {
    width: 115px;
}

/* (2024-12-08) (全站共用) 2.0視覺化調整版面 ------------------- */

/* (無法歸類) */
.form__error {
    height: auto;
}

/* 全站的選項、按鈕邊框，都要是#666666 */
.btn,
.selectric,
.input-field,
.form__control,
.membership-box,
.newsletter .input,
.top-search .input,
.navbar-search .input,
.quality .quality__sub,
.quality .quality__plus,
.quality .quality__input,
.woocommerce .form-row .form__group span,
.select2-container--default .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: var(--c-04);
}
/* :focus :hover */
.form__control:focus,
.select2-container--default:hover .select2-selection--single {
    border-color: var(--c-04);
}
/* 不要有線條 */
.btn--link {
    border-color: transparent;
}

/* <input> & 下拉選單 */
.form__control,
.woocommerce-input-wrapper,
.select2-container .select2-selection--single {
    --top: 0.8rem;
    border-radius: 13px;
    padding-top: calc(2.1rem + var(--top));
    padding-bottom: calc(2.1rem - var(--top));
}
.date-birth .form__control:disabled {
    --top: 0em;
    padding-top: calc(1.9rem + var(--top));
    padding-bottom: calc(1.9rem - var(--top));
}
.top-search .input {
    border-radius: 13px;
}
.input-field,
.newsletter .input,
.woocommerce-input-wrapper,
.selectric-wrapper .selectric {
    border-radius: 13px;
}
.selectric-wrapper .selectric-scroll ul {
    margin-bottom: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.selectric-wrapper.selectric-open .selectric {
    border-bottom-right-radius: 13px;
    border-bottom-left-radius: 13px;
}
.form__group--filled .form__label,
.form__group--filled-forced .form__label {
    text-transform: capitalize;
    color: var(--bc-03);
    padding-left: 0;
    height: max-content;
}
.title,
.form__label,
.event-list__title,
.input-field__label,
.create-box .date-birth__title,
.date-birth .form__control:disabled {
    text-transform: capitalize;
    font-family: "Helvetica Neue", sans-serif;
}
.form__label {
    text-transform: capitalize;
    color: var(--bc-03);
    padding-left: 0;
}
.form__label {
    top: 0.4rem;
    bottom: 3.2rem;
}
.form__label_textarea {
    top: 0.4rem;
    bottom: unset;
    height: max-content;
}
.form__group--filled .form__label,
.form__group--filled-forced .form__label {
    top: 3.2rem;
    bottom: 0.4rem;
}
.form__group--filled .form__label_textarea,
.form__group--filled-forced .form__label_textarea {
    top: 3.2rem;
    bottom: unset;
}
@media (min-width: 992px) {
    .form__label {
        top: 0.8rem;
    }
    .form__label_textarea {
        top: 0.4rem;
    }
    .form__group--filled .form__label,
    .form__group--filled-forced .form__label {
        top: 2.4rem;
    }
    .form__group--filled .form__label_textarea,
    .form__group--filled-forced .form__label_textarea {
        top: 3.2rem;
        bottom: unset;
    }
}
@media (min-width: 1200px) {
    .form__label {
        top: 0.2rem;
    }
    .form__group--filled .form__label,
    .form__group--filled-forced .form__label {
        top: 3.2rem;
    }
}

/* collapse */
.collapse__item .collapse__head::after {
    --url-right-v2: url(/assets/front_view/web/img/svg/Right.svg);
    background-image: var(--url-right-v2);
    width: 10px;
    height: 10px;
    border: unset;
    margin-top: -4px;
    margin-left: -15px;
    background-size: 10px;
    transform: rotate(90deg);
    background-repeat: no-repeat;
}
.collapse__item.is-shown .collapse__head::after {
    transform: rotate(-90deg);
}
.collapse__item.collapse-bigger .collapse__head::after {
    width: 1.6rem;
    height: 1.6rem;
    background-size: 15px;
}
.collapse__item.collapse-bigger .collapse__head::after,
.collapse__item.collapse-bigger.is-shown .collapse__head::after {
    top: 2.4rem;
}

/* 下拉選單(select2) */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    --icon-width: 15px;
    --url-right-v2: url(/assets/front_view/web/img/svg/Right.svg);
    background-image: var(--url-right-v2);
    width: var(--icon-width);
    height: var(--icon-width);
    border: unset;
    margin-top: -8px;
    margin-left: -15px;
    background-size: var(--icon-width);
    transform: rotate(90deg);
    background-repeat: no-repeat;
}
.collapse__title,
.collapse__subtitle,
.select2-container .select2-results__option,
.select2-container .select2-search--dropdown .select2-search__field,
.select2-container .select2-selection--single .select2-selection__rendered {
    text-transform: capitalize;
    font-family: "Helvetica Neue", sans-serif;
    font-weight: 400;
}
.select2-search--dropdown,
.select2-container .select2-results__option {
    padding: 10px 8px 8px;
}
.select2-dropdown,
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: var(--c-04);
}
.select2-container .select2-results__option,
.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--open .select2-dropdown--below,
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 13px !important;
}
.select2-container--open .select2-dropdown--above {
    top: -10px;
}
.select2-container--open .select2-dropdown--below {
    top: 0px;
    margin-top: 10px;
}
.select2-container--open .select2-dropdown--below {
    border-top: 1px solid #aaa;
}
.select2-container--open .select2-dropdown--above {
    border: 1px solid var(--c-04);
    border-radius: 13px;
}
.select2-results__options {
    padding: 0px 10px;
}
.select2-container .select2-results__option {
    padding: 15px 25px;
}

/* 下拉選單(selectric) */
.selectric-wrapper .selectric .button {
    display: none;
}
.selectric:after {
    content: '';
    display: inline-block;
    --icon-width: 10px;
    --url-right-v2: url(/assets/front_view/web/img/svg/Right.svg);
    background-image: var(--url-right-v2);
    width: var(--icon-width);
    height: var(--icon-width);
    border: unset;
    background-size: var(--icon-width);
    background-repeat: no-repeat;
    padding: 0 !important;
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
    transform: rotate(90deg) translateY(-50%);
}
.selectric .button::after {
    border: unset;
}
.selectric .label,
.selectric-items li,
.selectric-items ul {
    font-family: "Helvetica Neue", sans-serif;
    font-size: 1.4rem;
    text-transform: capitalize;
}
.selectric-items {
    top: calc(100% + 9px);
    border-radius: 13px;
}
.selectric-wrapper .selectric-scroll ul {
    padding: 10px;
}
.selectric-items li.highlighted, .selectric-items li.selected {
    border-radius: 13px;
}


/* 數量-/+ */
.quality .quality__sub {
    border-top-left-radius: 13px;
    border-bottom-left-radius: 13px;
}
.quality .quality__plus {
    border-top-right-radius: 13px;
    border-bottom-right-radius: 13px;
}

/* 商品列表 */
.product__name {
    margin-bottom: 5px;
}
.product__price {
    font-size: 1.6rem;
}
.product__desc {
    font-size: 1.2rem;
}
.product__desc a {
    color: #a4a4a4;
}
.product__tag_list .product__tag {
    zoom: 0.9;
}

/* 商品列表 - 篩選 */
.product-search__toggle::after {
    border: unset;

    display: inline-block;
    --icon-width: 10px;
    --url-right-v2: url(/assets/front_view/web/img/svg/Right.svg);
    background-image: var(--url-right-v2);
    width: var(--icon-width);
    height: var(--icon-width);
    background-size: var(--icon-width);
    background-repeat: no-repeat;
    right: 5px;
    transform: rotate(90deg);
}
.product-search__toggle.is-shown::before {
    content: unset;
}
.product-search__toggle.is-shown::after {
    right: 5px;
    width: 10px;
    height: 10px;
    background-color: unset;
    transform: rotate(270deg);
}
.filter__title::after {
    border: unset;
    --url-right-v2: url(/assets/front_view/web/img/svg/Right.svg);
    background-image: var(--url-right-v2);
    width: 10px;
    height: 10px;
    background-size: 10px;
    background-repeat: no-repeat;
    right: 5px;
    transform: rotate(90deg);
}
.filter.is-shown .filter__title::after {
    transform: rotate(270deg);
}
.shop-page .filter--search .form__group input {
    padding-right: 30px;
}


/* 商品詳細 */
.product-view .btn {
    border-radius: 13px;
    border-color: #565458;
    font-family: "Helvetica Neue", sans-serif;
}
.single_add_to_cart_button[name="checkout"],
.cart-total__foot .cart-checkout__btn .checkout-btn {
    font-weight: 400;
}
.add_to_wishlist {
    color: #fff;
}
.form--product-view .add_to_wishlist:hover,
.form--product-view .single_add_to_cart_button:hover {
    color: #000;
    background-color: #fff;
}
.product-view__ratio,
.product-view__content .single-product-qty {
    font-size: 1.4rem;
}
.product-view [name="add-to-cart"] {
    font-size: 1.8rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.title,
.event-list__title {
    letter-spacing: 0px;
}

/* 商品卡 */
.product .product__body-top {
    margin-bottom: 0.5rem;
}

/* 表格旁的 * 符號 */
.woocommerce form .form-row .required {
    color: var(--c-25);
}
