/*
Theme Name: Shoptimizer Child Theme
Theme URI: 
Description: Child theme of Shoptimizer for Peaker
Author: CommerceGurus
Author URI: 
Template: shoptimizer
Version: 1.3.0
License:         	GNU General Public License v2 or later
License URI:     	http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ==========================================================================
   PEAKER — REFINAMENTO TOTAL DA COLUNA DE DECISAO DA PDP (CHILD THEME OFICIAL)
   ========================================================================== */

/* 1. Botao de Compra 100% Largura e Ocultacao da Quantidade na PDP */
.single-product .summary form.cart .quantity {
    display: none !important;
}

.single-product .summary form.cart .single_add_to_cart_button {
    width: 100% !important;
    margin-left: 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    line-height: 46px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    border-radius: 6px !important;
    text-transform: uppercase !important;
    transition: background 160ms ease, transform 120ms ease !important;
}

.single-product .summary form.cart .single_add_to_cart_button:active {
    transform: scale(0.98) !important;
}

/* 2. Container de Preco e Badge — Perfeitamente Alinhados na Mesma Linha */
.single-product .summary .cgkit-as-variation-price {
    display: inline-block !important;
    vertical-align: middle !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.single-product .summary p.price {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 6px !important;
    vertical-align: middle !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

/* Preco 'De' (Riscado) — 13px, regular, cinza neutro #6E7280, alinhado na baseline com ins */
.single-product .summary p.price del,
.single-product .summary .cgkit-as-variation-price p.price del,
.single-product .summary .woocommerce-variation-price .price del {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #6E7280 !important;
    text-decoration: line-through !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline !important;
    vertical-align: baseline !important;
}

.single-product .summary p.price del .amount,
.single-product .summary p.price del bdi,
.single-product .summary .cgkit-as-variation-price p.price del .amount,
.single-product .summary .cgkit-as-variation-price p.price del bdi,
.single-product .summary .woocommerce-variation-price .price del .amount,
.single-product .summary .woocommerce-variation-price .price del bdi {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #6E7280 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Preco 'Por' (Promocional / Atual) — Preto Onix 20px, peso 500, alinhado na baseline */
.single-product .summary p.price ins,
.single-product .summary p.price ins .amount,
.single-product .summary p.price ins bdi,
.single-product .summary .cgkit-as-variation-price p.price ins,
.single-product .summary .cgkit-as-variation-price p.price ins .amount,
.single-product .summary .cgkit-as-variation-price p.price ins bdi,
.single-product .summary .woocommerce-variation-price .price ins,
.single-product .summary .woocommerce-variation-price .price ins .amount {
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    color: #1F232D !important;
    text-decoration: none !important;
    font-variant-numeric: tabular-nums !important;
    display: inline !important;
    vertical-align: baseline !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Caso o produto seja simples sem desconto */
.single-product .summary p.price > .amount:not(del .amount),
.single-product .summary .cgkit-as-variation-price p.price > .amount:not(del .amount) {
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #1F232D !important;
    vertical-align: baseline !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Garante que screen-reader-text nao gere espaco nem empurre elementos */
.single-product .summary p.price .screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* 3. Badge de Desconto em Verde Comercial na Mesma Linha do Preco */
.single-product .summary .sale-item.product-label,
.single-product .summary .sale-item.product-label.type-bubble,
.single-product .summary .onsale {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    float: none !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    letter-spacing: 0.02em !important;
    background-color: #3B6D11 !important;
    color: #FFFFFF !important;
    border-color: #3B6D11 !important;
    border-radius: 4px !important;
    padding: 3px 8px !important;
    margin: 0 0 0 10px !important;
    position: relative !important;
    top: 0 !important;
}

.summary .product-label:before,
.product-details-wrapper .product-label:before {
    border-right-color: #3B6D11 !important;
}

.content-area .summary .onsale,
.summary .onsale {
    color: #3B6D11 !important;
    background: transparent !important;
    font-weight: 500 !important;
}

/* 4. Bloco de Parcelamento e Pix — Alinhado a esquerda estritamente abaixo do preco */
.peaker-payment-info {
    clear: both !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 8px 0 20px 0 !important;
    padding: 0 !important;
    font-family: 'Figtree', sans-serif !important;
    text-align: left !important;
}

.peaker-payment-info .peaker-payment-line {
    font-size: 14px !important;
    line-height: 1.45 !important;
    color: #424652 !important;
    margin: 0 0 3px 0 !important;
    padding: 0 !important;
    font-variant-numeric: tabular-nums !important;
    font-weight: 400 !important;
    text-align: left !important;
}

.peaker-payment-info .peaker-card-val,
.peaker-payment-info .peaker-card-val .woocommerce-Price-amount,
.peaker-payment-info .peaker-card-val .amount,
.peaker-payment-info .peaker-card-val bdi {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #1F232D !important;
}

.peaker-payment-info .peaker-pix-val,
.peaker-payment-info .peaker-pix-val .woocommerce-Price-amount,
.peaker-payment-info .peaker-pix-val .amount,
.peaker-payment-info .peaker-pix-val bdi {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #3B6D11 !important;
}

.peaker-payment-info .peaker-pix-off {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #6E7280 !important;
}

/* 5. Alinhamento Rente a Esquerda e Peso 600 de COR: */
.single-product .summary table.variations,
.single-product .summary table.variations tbody,
.single-product .summary table.variations tr,
.single-product .summary table.variations th,
.single-product .summary table.variations td,
.single-product .summary .variations th.label,
.single-product .summary .variations td.value {
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    border: none !important;
    text-align: left !important;
}

.single-product .summary .variations th.label label {
    display: block !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    color: #1F232D !important;
}

.single-product .summary .variations th.label label strong {
    font-weight: 600 !important;
    color: #1F232D !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.single-product .summary .variations th.label label .ckit-chosen-attribute_semicolon {
    font-weight: 600 !important;
    color: #1F232D !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Apenas a cor do nome da variacao selecionada ('Branco') mais clara */
.single-product .summary .variations .cgkit-chosen-attribute,
.single-product .summary .variations th.label label span.cgkit-chosen-attribute {
    font-weight: 400 !important;
    color: #6E7280 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Zera qualquer margem ou padding da lista e fieldset de swatches para alinhamento identico */
.single-product .summary .cgkit-as-wrap,
.single-product .summary fieldset.cgkit-attribute-swatches-wrap,
.single-product .summary ul.cgkit-attribute-swatches {
    margin-left: 0 !important;
    padding-left: 0 !important;
    border: none !important;
}

/* 6. Borda da Variante Selecionada Mais Clara */
.cgkit-as-wrap .cgkit-attribute-swatches .cgkit-attribute-swatch.cgkit-image > button.cgkit-swatch-selected:before,
.cgkit-as-wrap .cgkit-attribute-swatches .cgkit-attribute-swatch.cgkit-image > a.cgkit-swatch-selected:before,
.cgkit-as-wrap .cgkit-attribute-swatches .cgkit-attribute-swatch.cgkit-color > button.cgkit-swatch-selected:before,
.summary .cgkit-attribute-swatches .cgkit-attribute-swatch.cgkit-image > button.cgkit-swatch-selected:before,
.summary .cgkit-attribute-swatches .cgkit-attribute-swatch.cgkit-color > button.cgkit-swatch-selected:before {
    border-color: #6E7280 !important;
}

/* 7. Responsivo Mobile (<= 768px) */
@media (max-width: 768px) {
    .single-product .summary h1,
    .single-product .summary h1.entry-title {
        font-size: 20px !important;
        line-height: 1.30 !important;
    }
    .single-product .summary p.price ins,
    .single-product .summary p.price ins .amount,
    .single-product .summary p.price ins bdi,
    .single-product .summary .cgkit-as-variation-price p.price ins,
    .single-product .summary .cgkit-as-variation-price p.price ins .amount,
    .single-product .summary .cgkit-as-variation-price p.price ins bdi {
        font-size: 18px !important;
    }
    .single-product .summary p.price del,
    .single-product .summary p.price del .amount {
        font-size: 12px !important;
    }
    .peaker-payment-info {
        margin: 6px 0 16px 0 !important;
    }
    .peaker-payment-info .peaker-payment-line {
        font-size: 13px !important;
    }
}


/* ==========================================================================
   PEAKER — REFINAMENTO DOS CARDS DE PRODUTO (VITRINES, CATÁLOGO E CROSS-SELL)
   ========================================================================== */

/* 8. Fotografia do Card: Raio de 6px e Badge Perfeitamente Fixado na Imagem */
ul.products li.product .woocommerce-image__wrapper {
    border-radius: 6px !important;
    overflow: hidden !important;
    position: relative !important;
}

ul.products li.product .woocommerce-image__wrapper img {
    border-radius: 6px !important;
    transition: transform 300ms ease !important;
}

ul.products li.product:hover .woocommerce-image__wrapper img {
    transform: scale(1.02) !important;
}

/* Badge de Desconto no Card — Posicionado dentro do canto superior esquerdo da foto */
ul.products li.product .sale-item.product-label,
ul.products li.product .sale-item.product-label.type-bubble,
ul.products li.product .product-label.type-bubble,
ul.products li.product .product-label,
ul.products li.product .onsale {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    bottom: auto !important;
    right: auto !important;
    z-index: 3 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #3B6D11 !important;
    color: #FFFFFF !important;
    border-color: #3B6D11 !important;
    border-radius: 4px !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    padding: 3px 7px !important;
    line-height: 1 !important;
    min-width: auto !important;
    min-height: auto !important;
    float: none !important;
}

/* 9. Ocultar Categoria nos Cards (elimina 'UNCATEGORIZED' e despolui a vitrine) */
ul.products li.product p.product__categories,
.woocommerce-card__header p.product__categories {
    display: none !important;
}

/* 10. Título do Produto no Card */
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .woocommerce-loop-product__title a {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #1F232D !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    margin-top: 10px !important;
    margin-bottom: 6px !important;
    padding: 0 !important;
    display: block !important;
    transition: color 150ms ease !important;
}

ul.products li.product .woocommerce-loop-product__title a:hover {
    color: #424652 !important;
    text-decoration: none !important;
}

/* 11. Preço no Card — Preto Ônix 500 para 'Por' e Cinza 400 para 'De' (sem laranja no preço) */
ul.products li.product .price {
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

ul.products li.product .price del,
ul.products li.product .price del .amount,
ul.products li.product .price del bdi {
    font-size: 12.5px !important;
    font-weight: 400 !important;
    color: #6E7280 !important;
    text-decoration: line-through !important;
    margin: 0 !important;
    padding: 0 !important;
}

ul.products li.product .price ins,
ul.products li.product .price ins .amount,
ul.products li.product .price ins bdi,
ul.products li.product .price > .amount:not(del .amount) {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #1F232D !important;
    text-decoration: none !important;
    font-variant-numeric: tabular-nums !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 12. Botão de Compra Rápida do Card — Laranja Funcional com Estilo Idêntico à PDP */
ul.products li.product .button.add_to_cart_button,
ul.products li.product a.button.add_to_cart_button,
ul.products li.product .button {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    line-height: 44px !important;
    padding: 0 16px !important;
    background-color: #F16334 !important;
    border-color: #F16334 !important;
    color: #FFFFFF !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    display: block !important;
    margin-top: auto !important;
    box-shadow: none !important;
    transition: background-color 160ms ease, transform 120ms ease !important;
}

ul.products li.product .button.add_to_cart_button:hover,
ul.products li.product a.button.add_to_cart_button:hover,
ul.products li.product .button:hover {
    background-color: #EE4710 !important;
    border-color: #EE4710 !important;
    color: #FFFFFF !important;
    transform: translateY(-1px) !important;
}

ul.products li.product .button.add_to_cart_button:active,
ul.products li.product .button:active {
    transform: scale(0.98) !important;
}