/* =========================================
   PRODUCT PAGE - BREADCRUMB
========================================= */

.product_breadcrumb {
    background-image: url('../images/product/product_bg_1.webp') !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.impl_btn i {
    margin-right: 8px;
}

/* paksa pseudo element ikut hijau */
a[href*="wa.me"]::before,
a[href*="wa.me"]::after {
    background: #25D366 !important;
    border-color: #25D366 !important;
}

/* kalau bentuk miring ada di parent */
li:has(a[href*="wa.me"])::before,
li:has(a[href*="wa.me"])::after {
    background: #25D366 !important;
    border-color: #25D366 !important;
}

/* =========================================
   PRODUCT FILTER - COLOR SELECTOR
========================================= */


/* BLACK */
.impl_product_color input.filter-color:checked + .label-text::before {
    background: transparent !important;
    color: #ffffff !important;
}

.impl_product_color input.filter-color[value="white"]:checked + .label-text::before,
.impl_product_color input.filter-color[value="silver"]:checked + .label-text::before {
    color: #111111 !important;
}

.impl_product_color
input.filter-color[value="black"]
+ .label-text {
    background: #111111 !important;
    border-color: #777777 !important;
}


/* WHITE */
.impl_product_color
input.filter-color[value="white"]
+ .label-text {
    background: #ffffff !important;
    border-color: #aaaaaa !important;
}


/* SILVER */
.impl_product_color
input.filter-color[value="silver"]
+ .label-text {
    background:
        linear-gradient(
            135deg,
            #777777 0%,
            #eeeeee 35%,
            #a8a8a8 55%,
            #f5f5f5 75%,
            #888888 100%
        ) !important;

    border-color: #cccccc !important;
}


/* CARBON */
.impl_product_color
input.filter-color[value="carbon"]
+ .label-text {
    background:
        linear-gradient(
            135deg,
            #111111 0%,
            #555555 35%,
            #171717 55%,
            #666666 75%,
            #111111 100%
        ) !important;

    border-color: #777777 !important;
}


/* TITANIUM GREY */
.impl_product_color
input.filter-color[value="titanium"]
+ .label-text {
    background:
        linear-gradient(
            135deg,
            #5f6366 0%,
            #9a9da0 35%,
            #6f7478 55%,
            #b0b3b5 75%,
            #656a6e 100%
        ) !important;

    border-color: #999999 !important;
}