/* ==== CENTER TAB BAR ==== */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    justify-content: center !important;
    gap: 32px;
}

/* text */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    font-size: 16px;
    font-weight: 700;
}

/* icon default (grey) */
.woocommerce div.product .woocommerce-tabs ul.tabs li a::before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.7;
    transition: 0.25s ease;
    filter: drop-shadow(0 0 0 #888);
}

/* DESCRIERE */
.woocommerce div.product .woocommerce-tabs ul.tabs li.description_tab a::before {
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23888888" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6z"/><path d="M14 2v6h6"/></svg>');
}

/* INFORMATII */
.woocommerce div.product .woocommerce-tabs ul.tabs li.additional_information_tab a::before {
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23888888" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 7h2v2H4V7zm0 4h2v2H4v-2zm0 4h2v2H4v-2zm5-8h11v2H9V7zm0 4h11v2H9v-2zm0 4h11v2H9v-2z"/></svg>');
}

/* RECENZII */
.woocommerce div.product .woocommerce-tabs ul.tabs li.reviews_tab a::before {
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23888888" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12 17.3 6.18 3.7-1.64-7L21 9.2l-7.2-.6L12 2l-1.8 6.6L3 9.2l4.5 4.8-1.7 7z"/></svg>');
}

/* hover + active → yellow */
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a::before {
    opacity: 1;
    filter: drop-shadow(0 0 0 #FFC800);
    transform: translateY(-1px);
}

/* underline */
.woocommerce div.product .woocommerce-tabs ul.tabs li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    height: 2px;
    width: 0;
    background: #FFC800;
    transition: width 0.28s ease;
    border-radius: 2px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a::after {
    width: 100%;
}