/* ═══════════════════════════════════════════════════════════
   Playtix Price Layout — Product page pricing section
   v1.0.1 — Restored from pre-session backup, damaging rules removed
   ═══════════════════════════════════════════════════════════ */

/* ── Hide default WooCommerce / Elementor price + PagSeguro installments ── */
.single-product .summary .price:not(.ptx-price-current),
.single-product .summary p.price,
.single-product .summary span.price,
.single-product .elementor-widget-wd_single_product_price,
.pagseguro-installments,
.virtuaria-installments,
.virt-pagseguro-installment,
.virt-pagseguro-installments {
    display: none !important;
}

/* ── Container ─────────────────────────────────────────── */
.ptx-price-section {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 8px 0 12px;
    line-height: 1.5;
}

/* ── Line 1: Strikethrough original price ──────────────── */
.ptx-price-original {
    margin-bottom: 2px;
}
.ptx-price-original del {
    font-size: 15px;
    font-weight: 400;
    color: #636366;
    text-decoration: line-through;
    letter-spacing: -0.08px;
}

/* ── Line 2: Main price + store installment ────────────── */
.ptx-price-main {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 6px;
}

.ptx-price-current {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #2e6bc6;
    letter-spacing: -0.374px;
    line-height: 1.15;
}

.ptx-price-installment {
    font-size: 14px;
    font-weight: 400;
    color: #6E6E73;
    letter-spacing: -0.08px;
    white-space: nowrap;
}

/* ── Line 3: PIX price ─────────────────────────────────── */
.ptx-price-pix {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 6px;
}

.ptx-pix-value {
    font-size: 15px;
    font-weight: 700;
    color: #1D1D1F;
    letter-spacing: -0.08px;
}

.ptx-pix-label {
    font-size: 14px;
    font-weight: 400;
    color: #6E6E73;
    letter-spacing: -0.08px;
}
.ptx-pix-label strong {
    font-weight: 700;
    color: #1D1D1F;
}

/* ── Line 4: Gateway info ──────────────────────────────── */
.ptx-price-gateway-info {
    font-size: 14px;
    font-weight: 400;
    color: #6E6E73;
    letter-spacing: -0.08px;
    margin-bottom: 4px;
}

/* ── Line 5: "Ver parcelas" link ───────────────────────── */
.ptx-price-parcelas {
    margin-top: 2px;
}
.ptx-price-parcelas a {
    font-size: 14px;
    font-weight: 400;
    color: #2e6bc6;
    text-decoration: underline !important;
    letter-spacing: -0.08px;
    transition: color 0.2s ease;
}
.ptx-price-parcelas a:hover {
    color: #1d4f91;
    text-decoration: underline !important;
}

/* ═══════════════════════════════════════════════════════════
   Apple HIG Spacing — Product summary column
   Reference order:  Title → Desc → Price → Cart → Shipping
                     → Divider → Actions → Divider → Payment
   ═══════════════════════════════════════════════════════════ */

/* Reset the uniform Elementor gap → control spacing per-section */
.single-product .wd-sticky-container-lg {
    gap: 0 !important;
}

/* Collapse truly empty elements (no children at all) */
.single-product .wd-sticky-container-lg > .elementor-element:empty,
.single-product .wd-sticky-container-lg > .elementor-element .elementor-widget-container:empty {
    display: none !important;
}

/* Ensure remaining Elementor spacers don't add phantom height */
.single-product .wd-sticky-container-lg > .elementor-element {
    min-height: 0;
}

/* ── 0 · Title ──────────────────────────────────────── */
.single-product .wd-sticky-container-lg > .elementor-element:first-child {
    margin-bottom: 8px !important;
}

/* ── 1 · Description → Price ────────────────────────── */
.single-product .wd-sticky-container-lg .wd-single-short-desc {
    margin-bottom: 20px !important;
}

/* ── 3 · Price section → Cart ───────────────────────── */
.single-product .wd-sticky-container-lg .wd-el-hook:has(.ptx-price-section) {
    margin-bottom: 20px !important;
}

/* ── 4 · Add-to-cart + CTA buttons ──────────────────── */
.single-product .wd-sticky-container-lg .wd-single-add-cart {
    margin-bottom: 0 !important;
}

/* ── 5 · Shipping simulator (moved after cart via JS) ── */
.ptx-shipping-wrapper {
    margin-top: 14px;
    margin-bottom: 0;
}
.ptx-shipping-wrapper #shipping-simulator {
    padding-top: 0;
}

/* ── 6 · Actions row (compare / wishlist / share) ──── */
.single-product .wd-sticky-container-lg > .elementor-element:has(.wd-action-btn) {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}

/* ── 7/9 · Dividers between sections ────────────────── */
.single-product .wd-sticky-container-lg > .elementor-widget-divider--view-line,
.single-product .wd-sticky-container-lg > [class*="elementor-widget-divider"] {
    margin: 0 !important;
}

/* ── 10 · Old Elementor payment text + badges — HIDDEN by specific IDs
       (replaced by PHP trust badges in functions.php)
       Using specific element IDs to avoid hiding other text/image widgets ── */
/* Old Elementor payment widgets - hidden by server-side trust badges */
.elementor-element-8881f24,
.elementor-element-cf9f6fc {
    display: none !important;
}

/* ── Responsive ────────────────────────────────────────── */
@media (max-width: 768px) {
    .ptx-price-current {
        font-size: 26px;
    }
    .ptx-price-main {
        gap: 8px;
    }
}
