.levelup-pd-price {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.25;
    gap: 1px;
}

.levelup-pd-pix,
.levelup-pd-total-pix {
    color: var(--wd-primary-color, #f26a00);
    font-weight: 700;
}

.levelup-pd-pix span,
.levelup-pd-card span,
.levelup-pd-total-note {
    font-size: .86em;
    font-weight: 600;
}

.levelup-pd-or,
.levelup-pd-total-or {
    font-size: .78em;
    opacity: .68;
    font-weight: 500;
    text-transform: lowercase;
}

.levelup-pd-card {
    font-weight: 600;
}

.levelup-pd-total-row th,
.levelup-pd-total-row td {
    padding-bottom: 2px !important;
}

.levelup-pd-total-or-row th,
.levelup-pd-total-or-row td {
    padding-top: 0 !important;
    padding-bottom: 3px !important;
    border: 0 !important;
}

.levelup-pd-total-row td,
.levelup-pd-total-or-row td {
    text-align: right;
}

@media (max-width: 768px) {
    .levelup-pd-price {
        font-size: .95em;
    }
}


/* v1.0.1 — refinamento do resumo de totais */
.levelup-pd-total-note {
    color: inherit;
    opacity: .9;
}

.levelup-pd-total-or-inline {
    margin-left: 4px;
    color: inherit;
    opacity: .72;
    font-weight: 500;
}

.levelup-pd-card-total small {
    color: inherit;
    font-size: .72em;
    font-weight: 600;
    margin-left: 3px;
}

/* Remove qualquer espaçamento residual da linha "ou" da v1.0.0, caso o tema a tenha cacheado. */
.levelup-pd-total-or-row {
    display: none !important;
}


/* v1.0.2 — refinamento visual de preço/subtotal dos produtos */
.levelup-pd-price .levelup-pd-pix span {
    color: var(--wd-text-color, #fff);
    opacity: .95;
}

/* "OU" centralizado entre Pix e cartão */
.levelup-pd-price .levelup-pd-or {
    align-self: stretch;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: .78em;
    line-height: 1.1;
    opacity: .72;
    font-weight: 600;
    margin: 1px 0;
}


/* v1.0.3 — alinhamento final de preço/subtotal */
.levelup-pd-price {
    width: 100%;
    align-items: center;
    text-align: center;
}

/* Somente o valor do Pix permanece na cor de destaque.
   O texto "no Pix" usa a cor normal do tema. */
.levelup-pd-price .levelup-pd-pix {
    color: var(--wd-primary-color, #f26a00);
}

.levelup-pd-price .levelup-pd-pix span {
    color: var(--wd-text-color, #fff);
    opacity: 1;
}

/* Garante que todas as linhas do bloco fiquem centralizadas. */
.levelup-pd-price .levelup-pd-pix,
.levelup-pd-price .levelup-pd-or,
.levelup-pd-price .levelup-pd-card {
    width: 100%;
    text-align: center;
}


/* v1.0.4 — corrige cor do valor Pix e centralização no checkout */

/* O WoodMart aplica cor diretamente em .amount; forçamos o valor Pix a usar
   a cor primária do tema, mantendo "no Pix" na cor normal. */
.levelup-pd-price .levelup-pd-pix,
.levelup-pd-price .levelup-pd-pix .amount,
.levelup-pd-price .levelup-pd-pix .woocommerce-Price-amount,
.levelup-pd-price .levelup-pd-pix .woocommerce-Price-currencySymbol {
    color: var(--wd-primary-color, #e66a00) !important;
}

.levelup-pd-price .levelup-pd-pix > span:last-child {
    color: var(--wd-text-color, #fff) !important;
}

/* Checkout clássico / WoodMart: centraliza integralmente a área comercial
   exibida na coluna de subtotal do produto. */
.woocommerce-checkout-review-order-table .product-total .levelup-pd-price,
.woocommerce-checkout-review-order-table td.product-total .levelup-pd-price,
.woocommerce-checkout-review-order-table .levelup-pd-price {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.woocommerce-checkout-review-order-table .levelup-pd-price > div,
.woocommerce-checkout-review-order-table .levelup-pd-price .levelup-pd-pix,
.woocommerce-checkout-review-order-table .levelup-pd-price .levelup-pd-or,
.woocommerce-checkout-review-order-table .levelup-pd-price .levelup-pd-card {
    width: 100% !important;
    text-align: center !important;
    align-self: center !important;
}

/* Reforço para o Cart Layout do WoodMart, sem alterar os totais. */
.woocommerce-cart-form .levelup-pd-price,
.cart-content-wrapper .levelup-pd-price {
    text-align: center !important;
    align-items: center !important;
}


/* v1.0.5 — correção final da cor Pix especificamente no carrinho.
   WoodMart usa seletores mais específicos no cart table, então reforçamos
   somente o valor monetário, sem afetar "no Pix". */
body.woocommerce-cart .woocommerce-cart-form .levelup-pd-price .levelup-pd-pix > .amount,
body.woocommerce-cart .woocommerce-cart-form .levelup-pd-price .levelup-pd-pix > .woocommerce-Price-amount,
body.woocommerce-cart .cart-content-wrapper .levelup-pd-price .levelup-pd-pix > .amount,
body.woocommerce-cart .cart-content-wrapper .levelup-pd-price .levelup-pd-pix > .woocommerce-Price-amount,
body.woocommerce-cart .shop_table.cart .levelup-pd-price .levelup-pd-pix > .amount,
body.woocommerce-cart .shop_table.cart .levelup-pd-price .levelup-pd-pix > .woocommerce-Price-amount {
    color: var(--wd-primary-color, #e66a00) !important;
}

/* O símbolo R$ herda a mesma cor do valor. */
body.woocommerce-cart .levelup-pd-price .levelup-pd-pix > .amount .woocommerce-Price-currencySymbol,
body.woocommerce-cart .levelup-pd-price .levelup-pd-pix > .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
    color: inherit !important;
}

/* O texto comercial permanece na cor normal do tema. */
body.woocommerce-cart .levelup-pd-price .levelup-pd-pix > span:not(.amount):not(.woocommerce-Price-amount) {
    color: var(--wd-text-color, #fff) !important;
}
