/**
 * 注意：此檔案包含自定義樣式，請勿在系統更新時覆蓋
 * Note: This file contains custom styles, do not overwrite during system updates
 * 最後更新 / Last updated: 2025-04-16
 */
/* 全局|gdpr|位置變更 */
.advbox{
    .btnset {
        background-color: #333;
        border-color: #333;
        color: #fff;
    }
}
@media screen and (min-width:991px) {
    .advbox{
        max-width: 400px;
        left: 16px;
        bottom: 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .cookies-btn,.advbox .btnset{
        width: 100%;
        margin: 8px auto;
        text-align: center;
    }

    .advbox .btnset:hover{
        background: #383838;
    }

}

/* 全局|header|set */
.header-template4 {
    &.header--unfixed {
        /*background: linear-gradient(to bottom, rgb(0 0 0 / 62%) 0%, rgba(255, 255, 255, 0) 100%);*/
        background-color: #FFFFFF;
        .nav__item {
            a.nav__name {
                color: unset;
                &.active {
                    color: #0069B9;
                }
            }
        }
        .language, .cart-btn, .header__search-icon i {
            color: unset !important;
        }
        .topblock {
            .left-info {
                li, li a {
                    color: unset !important;
                }
            }
        }
    }
    .nav__item {
        a.nav__name.active {
            font-weight: 600;
        }
    }
    .nav__layer {
        min-width: 200px;
        width: max-content;
        .nav__item {
            .nav__name {
                &:hover {
                    padding-left: 25px;
                    font-weight: 400;
                }
            }
        }
    }
}
@media (max-width: 991px) {
    .header-template4 {
        &.header--unfixed {
            .hamburger {
                span {
                    background-color: #000000;
                }
                &.hamburger--on {
                    span {
                        background-color: #FFFFFF;
                    }
                    .a-cover {
                        background-color: transparent;
                    }
                }
            }
        }
        .nav__layer {
            width: 100%;
        }
    }
}

/* 全局|header|箭頭樣式 */
.nav__btn::after{
    font-family: "icomoon";
    content: "\f105";
    font-size: 20px;
    color: #000000 !important;
    transform: rotate(90deg);
}

.nav__layer .nav__btn::after{
    font-family: "icomoon";
    content: "\f105";
    font-size: 20px;
    /*color: #fff !important;*/
    transform: rotate(0deg);
}

@media screen and (max-width:991px) {
    .nav__btn::after{
        font-family: "icomoon";
        content: "\f105";
        font-size: 20px;
        color: #FFFFFF !important;
        transform: rotate(0deg);
    }
}
.nav__btn-icon{
    display: none;
}

/* 全局|footer|set */
.footer-common-editor1-template9 {
    .compnys {
        padding-top: 25px;
        .company {
            .name {
                padding-left: 0;
            }
            div {
                position: relative;
                padding-left: 25px;
                margin-bottom: 8px;
                i {
                    margin-right: 10px;
                    position: absolute;
                    top: 5px;
                    left: 0;
                }
            }
        }
    }
}
.footer-common-editor2-template6 {
    .footer-common-editor2-template6-content {
        background: #2c4e6a80;
    }
}


/* others */
.banner {
    .main-h1 {
        z-index: 1;
    }
    &:after {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        background-color: #7e8d996e;
    }
}
.inner > .title span::before {
    display: none;
}
.ind-category, .ind-product, .ind-news {
    > .title {
        font-weight: bold;
    }
}
.index-editor-template33 {
    .title {
        font-weight: bold;
    }
}
.news--list {
    .news__item {
        background-color: #f2f2f2;
    }
}