/* ══════════════════════════════════════════════════════
   WDC Custom CSS — migrado desde "CSS personalizado" del admin
   Fecha: 2026-03-09
   ══════════════════════════════════════════════════════ */

/* ── LABELS DE OFERTA ── */

.label-accent {
    background-color: #f7a0c1 !important;
    border-radius: 20px !important;
    padding: 4px 12px !important;
    border: none !important;
}

.label-accent .label-offer-percentage,
.label-accent .label-offer-percentage-text {
    color: #000 !important;
    font-weight: 700 !important;
    font-size: 13px !important;
}

/* ── PRECIOS EN LISTADOS ── */

.item-price-container .js-price-display {
    font-weight: 700 !important;
}

.item-price-container .js-compare-price-display {
    font-weight: 400 !important;
}

.js-payment-discount-price-product.payment-discount-price-product {
    color: #000 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
}

/* ── REORDEN DE PRECIOS EN HOME ── */

.item-description a.item-link {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}

.item-description .item-price-container {
    display: contents;
}

.item-description .js-item-name {
    width: 100%;
    order: 1 !important;
}

.item-description .js-compare-price-display {
    order: 2 !important;
    margin-right: 8px;
}

.item-description .js-price-display {
    order: 2 !important;
}

.item-description .js-max-installments-container {
    width: 100%;
    order: 3 !important;
}

.item-description .js-payment-discount-price-product-container {
    width: 100%;
    order: 4 !important;
}

.item-description [class*="js-color-variant"] {
    order: 5 !important;
}

.item-description .item-actions {
    width: 100%;
    order: 6 !important;
}

/* ── CUOTAS ── */

.js-max-installments-container .product-installments {
    font-size: 1.3em !important;
}

/* ── TRANSFERENCIA ── */

.item-description .js-payment-discount-name-product {
    display: none !important;
}

.item-description .js-payment-discount-price-product-container::after {
    content: "transferencia";
    font-size: 1em !important;
}

.js-payment-discount-price-product-container span:not(.js-payment-discount-price-product) {
    color: #000 !important;
    font-weight: 400 !important;
    font-size: 1em !important;
}

.template-home .js-payment-discount-price-product-container,
.template-product .item-description .js-payment-discount-price-product-container {
    font-size: 1.2em !important;
}

.item-installments .product-installments {
    color: #f00181;
    margin-top: 5px;
}

/* ── HOME: AJUSTES DE SECCIONES ── */

.template-home .section-informative-banners {
    padding-top: 0px;
    margin-top: -32px;
}

.template-home .section-featured-home {
    padding-left: 4px;
    padding-right: 4px;
}

/* ── BOTÓN GUÍA DE TALLES (mismo estilo que badge transferencia) ── */

.wdc-size-guide-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background-color: #fff0f6 !important;
    border: 1.5px solid #f7a0c1 !important;
    border-radius: 20px !important;
    padding: 6px 16px !important;
    color: #000 !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    width: auto !important;
}

.wdc-size-guide-btn svg {
    color: #f7a0c1 !important;
}

/* ── PRODUCTO: BADGE TRANSFERENCIA (solo producto principal via #single-product) ── */

#single-product .js-payment-discount-price-product-container.payment-discount-price-product-container {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background-color: #fff0f6 !important;
    border: 1.5px solid #f7a0c1 !important;
    border-radius: 20px !important;
    padding: 6px 16px !important;
    margin-top: 8px !important;
}

#single-product .js-payment-discount-price-product.payment-discount-price-product {
    color: #f7a0c1 !important;
    font-weight: 700 !important;
}

#single-product .js-payment-discount-price-product-container span:not(.js-payment-discount-price-product) {
    color: #000 !important;
    font-weight: 400 !important;
}

/* ── GUÍA DE TALLES: ANCHO EN DESKTOP ── */

@media (min-width: 769px) {
    .wdc-size-guide-btn {
        width: auto !important;
        max-width: fit-content !important;
    }
}

/* ── MOBILE: HOME + RELACIONADOS EN PRODUCTO ── */

@media (max-width: 768px) {
    .template-home .item-description,
    .template-product .item-description {
        width: 100% !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
        box-sizing: border-box !important;
    }

    .template-home .js-offer-label-private.label-accent {
        font-size: 11px !important;
        padding: 4px 10px !important;
    }

    .template-home .item-link-quickshop {
        width: 100% !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .template-home .item-description .js-compare-price-display,
    .template-product .item-description .js-compare-price-display {
        font-size: .8em !important;
    }

    .template-home .item-description .js-price-display,
    .template-product .item-description .js-price-display {
        font-size: .9em !important;
    }

    .template-home .item-description .product-installments,
    .template-product .item-description .product-installments {
        font-size: 0 !important;
    }

    .template-home .item-description .product-installments .js-installment-amount,
    .template-product .item-description .product-installments .js-installment-amount,
    .item-description .product-installments .js-installment-price {
        font-size: .7rem !important;
    }

    .template-home .item-description .product-installments .js-installment-amount::after,
    .template-product .item-description .product-installments .js-installment-amount::after {
        content: " x ";
        font-size: .7rem !important;
    }

    .template-home .item-description .product-installments .js-installment-price::after,
    .template-product .item-description .product-installments .js-installment-price::after {
        content: " sin interés";
        font-size: .7rem !important;
    }

    .template-home .item-description .js-payment-discount-price-product-container,
    .template-product .item-description .js-payment-discount-price-product-container {
        font-size: 1em !important;
    }

    .js-payment-discount-price-product-container span:not(.js-payment-discount-price-product) {
        font-size: 1em !important;
    }

    .template-home .js-payment-discount-price-product.payment-discount-price-product,
    .template-product .item-description .js-payment-discount-price-product.payment-discount-price-product {
        font-size: 1em !important;
    }
}

/* ── DESCRIPCIÓN DE PRODUCTO: IMÁGENES RESPONSIVE ── */

.product-description .img-mobile {
    display: block;
}

.product-description .img-desktop {
    display: none;
}

@media (min-width: 768px) {
    .product-description .img-mobile {
        display: none !important;
    }

    .product-description .img-desktop {
        display: block !important;
    }
}