/*
Theme Name:   Meu Tema Filho
Theme URI:    https://closetcompartilhado.com/phlox-child/
Description:  Meu Tema Child Theme
Author:       Marco Barcante
Author URI:   http://exemplo.com
Template:     phlox
Version:      1.0.1
*/
/*
 * ========================================
 * ESTILIZAÇÃO DOS ATRIBUTOS APÓS O PREÇO
 * ========================================
 */

.custom-product-attributes {
    /* Adiciona um espaço acima e abaixo do bloco */
    margin-top: 15px;
    margin-bottom: 20px;
    /* Linha sutil para separar do preço e do botão */
    border-top: 1px solid #eee; 
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    /* Alinha o texto à esquerda (se necessário) */
    text-align: left; 
    font-size: 14px;
}

.custom-product-attributes p {
    /* Remove a margem padrão de parágrafos para agrupar */
    margin: 5px 0; 
    line-height: 1.6;
}

.custom-product-attributes strong {
    /* Garante que o rótulo do atributo esteja em negrito e destaque */
    color: #333; /* Uma cor mais escura */
    font-weight: 600;
    margin-right: 5px;
}

.custom-product-attributes p {
    /* Converte cada atributo em um item inline */
    display: inline-block;
    padding: 5px 10px;
    margin: 0 10px 10px 0;
    background-color: #f7f7f7; /* Fundo cinza claro */
    border-radius: 4px; /* Cantos arredondados */
    border: 1px solid #ddd;
    font-size: 13px;
}