/* Preços */
:root { 
    --product-price-old-color: var(none); /* color|Cor do preço antigo|Preço Antigo */
    --product-price-old-size: 14px; /* text|Tamanho do preço antigo|Preço Antigo */
    --product-price-old-weight: normal; /* text|Peso do preço antigo|Preço Antigo */
    --product-price-old-margin-top: 0; /* text|Espaçamento em cima do preço antigo|Preço Antigo */
    --product-price-old-margin-bottom: 0; /* text|Espaçamento em baixo do preço antigo|Preço Antigo */
    --product-price-old-order: 2; /* text|Ordem do preço antigo|Preço Antigo */

    --product-price-price-color: #555555; /* color|Cor do preço|Preço */
    --product-price-price-size: 30px; /* text|Tamanho do preço|Preço */
    --product-price-price-weight: bold; /* text|Peso do preço|Preço */
    --product-price-price-margin-top: 0; /* text|Espaçamento em cima do preço|Preço */
    --product-price-price-margin-bottom: 0; /* text|Espaçamento em baixo do preço|Preço */
    --product-price-price-order: 3; /* text|Ordem do preço|Preço */
    
    --product-price-short-installments-color: var(none); /* color|Cor do texto curto parcelamento|Textinhos parcelas */
    --product-price-short-installments-size: 14px; /* text|Tamanho do texto curto parcelamento|Textinhos parcelas */
    --product-price-short-installments-weight: normal; /* text|Peso do texto curto parcelamento|Textinhos parcelas */
    --product-price-short-installments-margin-top: 0; /* text|Espaçamento em cima do texto curto parcelamento|Textinhos parcelas */
    --product-price-short-installments-margin-bottom: 20px; /* text|Espaçamento em baixo do texto curto parcelamento|Textinhos parcelas */
    --product-price-short-installments-order: 4; /* text|Ordem do texto curto parcelamento|Textinhos parcelas */
    
    --product-price-pix-color: #00b32d; /* color|Cor do pix|PIX */
    --product-price-pix-size: 40px; /* text|Tamanho do pix|PIX */
    --product-price-pix-weight: bold; /* text|Peso do pix|PIX */
    --product-price-pix-margin-top: 0; /* text|Espaçamento em cima do pix|PIX */
    --product-price-pix-margin-bottom: 20px; /* text|Espaçamento em baixo do pix|PIX */
    --product-price-pix-order: 1; /* text|Ordem do pix|PIX */
    
    --product-price-pix-text-color: var(none); /* color|Cor do texto do pix|Textinho PIX */
    --product-price-pix-text-size: 14px; /* text|Tamanho do texto do pix|Textinho PIX */
    --product-price-pix-text-weight: normal; /* text|Peso do texto do pix|Textinho PIX */
    --product-price-pix-text-margin-top: 0; /* text|Espaçamento em cima do texto do pix|Textinho PIX */
    --product-price-pix-text-margin-bottom: 0; /* text|Espaçamento em baixo do texto do pix|Textinho PIX */
    --product-price-pix-text-order: 0; /* text|Ordem do texto do pix|Textinho PIX */
    
    --product-price-installments-margin-top: 0; /* text|Espaçamento em cima do parcelas|Parcelamento */
    --product-price-installments-margin-bottom: 20px; /* text|Espaçamento em baixo do parcelas|Parcelamento */
    --product-price-installments-order: -1; /* text|Ordem do parcelas|Parcelamento */
    
    --product-price-installments-button-color: var(none); /* color|Cor do titulo parcelas|Botão Parcelamento */
    --product-price-installments-button-size: 16px; /* text|Tamanho do titulo parcelas|Botão Parcelamento */
    --product-price-installments-button-weight: normal; /* text|Peso do titulo parcelas|Botão Parcelamento */
    --product-price-installments-button-padding: 15px; /* text|Espaçamento dentro do botão de parcelamento|Botão Parcelamento */

    --product-price-installments-installment-color: var(none); /* color|Cor da parcela|Parcelinhas */
    --product-price-installments-installment-size: 14px; /* text|Tamanho da parcela|Parcelinhas */
    --product-price-installments-installment-weight: normal; /* text|Peso da parcela|Parcelinhas */
}

#module-product-price{
    display: flex;
    flex-direction: column;
}

#product-price-old{
    color:var(--product-price-old-color);
    font-size:var(--product-price-old-size);
    font-weight:var(--product-price-old-weight);
    margin-top:var(--product-price-old-margin-top);
    margin-bottom:var(--product-price-old-margin-bottom);
    order:var(--product-price-old-order);
}

#product-price-price{
    margin-top:var(--product-price-price-margin-top);
    margin-bottom:var(--product-price-price-margin-bottom);
    order:var(--product-price-price-order);
}

#product-price-price h2{
    color:var(--product-price-price-color, var(--primary));
    font-size:var(--product-price-price-size);
    font-weight:var(--product-price-price-weight);
}

#product-price-short-installments{
    color:var(--product-price-short-installments-color, var(--text));
    font-size:var(--product-price-short-installments-size);
    font-weight:var(--product-price-short-installments-weight);
    margin-top:var(--product-price-short-installments-margin-top);
    margin-bottom:var(--product-price-short-installments-margin-bottom);
    order:var(--product-price-short-installments-order);
}

#product-price-pix{
    margin-top:var(--product-price-pix-margin-top);
    margin-bottom:var(--product-price-pix-margin-bottom);
    order:var(--product-price-pix-order);
}

#product-price-pix h2{
    color:var(--product-price-pix-color, green);
    font-size:var(--product-price-pix-size);
    font-weight:var(--product-price-pix-weight);
}

#product-price-pix-text{
    color:var(--product-price-pix-text-color, var(--text));
    font-size:var(--product-price-pix-text-size);
    font-weight:var(--product-price-pix-text-weight);
    margin-top:var(--product-price-pix-text-margin-top);
    margin-bottom:var(--product-price-pix-text-margin-bottom);
    order:var(--product-price-pix-text-order);
}

#product-price-installments{
    margin-top:var(--product-price-installments-margin-top);
    margin-bottom:var(--product-price-installments-margin-bottom);
    order:4;
}

#product-price-installments h2 button{
    border: none; 
    background: none; 
    display: flex;
    padding: var(--product-price-installments-button-padding); 
    color: var(--product-price-installments-button-color, var(--text)) !important;
    font-size: var(--product-price-installments-button-size) !important;
    font-weight: var(--product-price-installments-button-weight);
}

#product-price-installments .installment{
    color:var(--product-price-installments-installment-color, var(--text));
    font-size:var(--product-price-installments-installment-size);
    font-weight:var(--product-price-installments-installment-weight);
    margin-top:var(--product-price-installments-installment-margin-top);
    margin-bottom:var(--product-price-installments-installment-margin-bottom);
}