/*
*
* CSS for site perflex
* @author: MiSCapu
* @since: 15.05.2025
*/
span {
    position: relative;
    display: inline-block;
}
/*
* change position tooltip
*/
span.swatch__tooltip {
    position: absolute!important;
    top: 100%!important; /* under span */
    left: 50%!important;
    transform: translateX(-50%)!important;
    margin-top: 8px!important;
    background-color: #333!important;
    color: #fff!important;
    padding: 6px 10px!important;
    border-radius: 4px!important;
    white-space: nowrap!important;
    z-index: 999!important;
}

/* Arrow in top tooltip */
.swatch__tooltip::after {
    content: "";
    position: absolute;
    top: -6px; /* sobe para ficar acima da borda do tooltip */
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #333 transparent; /* seta apontando para cima */
}


/**
* Hidden counts products
 */
.wpc-term-count {
    display: none!important;
}

/**
* Loop css
* @since 20.05.2025
* @author MiSCapu
 */
.icone.lupa {
    width: 50px;
    height: 50px;
    border: 10px solid black;
    border-radius: 50%;
    position: relative;
}

.icone.lupa:after {
    position: absolute;
    width: 100%;
    height: 10px;
    background-color: black;
    display: block;
    content: "";
    top: 50%;
    left: 50%;

    transform: rotate(45deg);
    transform-origin: -10px 40px;

}