/* =========================================================
   AIO RESISPAR · CORREÇÃO DE SELOS DAS VITRINES
   Corrige o caso em que apenas "Destaque" ficava cortado.
   ========================================================= */

.product .product-tags{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;

    width:auto !important;
    min-width:0 !important;
    max-width:calc(100% - 28px) !important;
    height:auto !important;

    overflow:visible !important;
    white-space:nowrap !important;
}

.product .product-tags .tag,
.product .product-tags .tag:only-child,
.product .product-tags[data-tags-count="1"] .tag,
.product .product-tags[data-tags-count="2"] .tag{
    display:inline-flex !important;
    flex:0 0 auto !important;

    width:auto !important;
    min-width:max-content !important;
    max-width:none !important;
    height:25px !important;
    min-height:25px !important;

    margin:0 !important;
    padding:4px 9px !important;

    overflow:visible !important;
    white-space:nowrap !important;
    word-break:normal !important;

    border-radius:5px !important;
    line-height:1 !important;
    box-sizing:border-box !important;
}

.product .product-tags .tag + .tag{
    margin-left:5px !important;
}

.product .product-tags .tag p,
.product .product-tags .tag span{
    display:block !important;
    width:auto !important;
    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    overflow:visible !important;
    white-space:nowrap !important;
    line-height:1 !important;
}

/* Mantém os selos dentro da área útil da foto nas vitrines da home. */
.page-home .aio-modern-showcase .product .product-tags{
    left:14px !important;
    right:auto !important;
    bottom:5px !important;
    max-width:calc(100% - 28px) !important;
}

/* Mobile: mantém legível sem inflar o card. */
@media (max-width:767px){
    .product .product-tags .tag,
    .product .product-tags .tag:only-child{
        height:23px !important;
        min-height:23px !important;
        padding:4px 8px !important;
        font-size:8px !important;
    }
}