/*
 * Gráfica Anúncios — componente definitivo de compartilhamento do produto.
 * Arquivo isolado para não depender de modules.css/site.min.css.
 */

.product-public-heading--share{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:1rem;
}

.product-public-heading--share > .product-public-heading__content{
    min-width:0;
    flex:1 1 auto;
}

.product-public-heading--share .product-public-summary{
    max-width:920px;
}

/* Reseta estilos genéricos de links e buttons somente dentro deste componente. */
.product-share-mini{
    flex:0 0 auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:.32rem;
    margin:.08rem 0 0;
}

.product-share-mini .product-share-mini__actions{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:center;
    gap:.42rem;
    margin:0;
    padding:0;
}

.product-share-mini .product-share-mini__button{
    appearance:none;
    -webkit-appearance:none;
    box-sizing:border-box;
    width:2.125rem;
    height:2.125rem;
    min-width:2.125rem;
    min-height:2.125rem;
    max-width:2.125rem;
    max-height:2.125rem;
    margin:0;
    padding:0;
    border:1px solid transparent;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    vertical-align:middle;
    text-decoration:none !important;
    line-height:1;
    font:inherit;
    font-size:1rem;
    cursor:pointer;
    box-shadow:none;
    outline:0;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        filter .16s ease,
        background-color .16s ease,
        border-color .16s ease;
}

.product-share-mini .product-share-mini__button > .bi{
    display:block;
    width:1em;
    height:1em;
    line-height:1;
    font-size:1em;
    pointer-events:none;
}

/* WhatsApp */
.product-share-mini .product-share-mini__button--whatsapp{
    background:#25d366 !important;
    border-color:#25d366 !important;
    color:#fff !important;
}

/* Copiar link */
.product-share-mini .product-share-mini__button--copy{
    background:#ffc107 !important;
    border-color:#e0a800 !important;
    color:#332701 !important;
}

/* Central de dúvidas */
.product-share-mini .product-share-mini__button--help{
    background:#0d6efd !important;
    border-color:#0d6efd !important;
    color:#fff !important;
}

.product-share-mini .product-share-mini__button:hover{
    transform:translateY(-1px);
    filter:brightness(.97);
    box-shadow:0 .28rem .7rem rgba(15,23,42,.16);
}

.product-share-mini .product-share-mini__button:focus-visible{
    transform:translateY(-1px);
    box-shadow:
        0 0 0 .2rem rgba(13,110,253,.18),
        0 .28rem .7rem rgba(15,23,42,.14);
}

.product-share-mini .product-share-mini__button:active{
    transform:translateY(0) scale(.96);
    box-shadow:none;
}

.product-share-mini .product-share-mini__label{
    display:block;
    margin:0;
    padding:0;
    color:#334155;
    font-size:.72rem;
    font-weight:700;
    line-height:1.1;
    letter-spacing:.01em;
    white-space:nowrap;
    text-align:center;
}

/* Tablet */
@media (max-width:767.98px){
    .product-public-heading--share{
        gap:.8rem;
    }

    .product-share-mini .product-share-mini__button{
        width:2rem;
        height:2rem;
        min-width:2rem;
        min-height:2rem;
        max-width:2rem;
        max-height:2rem;
        font-size:.95rem;
    }

    .product-share-mini .product-share-mini__label{
        font-size:.68rem;
    }
}

/* Celular: conteúdo ocupa a linha inteira; ações ficam alinhadas à esquerda abaixo do resumo. */
@media (max-width:575.98px){
    .product-public-heading--share{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:.65rem;
    }

    .product-public-heading--share > .product-public-heading__content{
        width:100%;
    }

    .product-share-mini{
        align-items:flex-start;
        margin-top:0;
    }

    .product-share-mini .product-share-mini__actions{
        justify-content:flex-start;
    }

    .product-share-mini .product-share-mini__label{
        width:100%;
        text-align:left;
    }
}

/* Acessibilidade */
@media (prefers-reduced-motion:reduce){
    .product-share-mini .product-share-mini__button{
        transition:none;
    }
}