/*
 * PJD-17704 / v153
 * Final-load repair for comparator disclosure placement, WCAG AA contrast,
 * and the adjacent Getwid product carousel.
 */

.pj-affiliate-disclosure--before-products {
    box-sizing: border-box !important;
    width: min(100%, 1280px) !important;
    margin: 0 auto clamp(1rem, 2.5vw, 2rem) !important;
    padding: clamp(0.85rem, 2vw, 1.25rem) !important;
    color: #24211d !important;
    background: #f4e7d5 !important;
    border: 1px solid #a86243 !important;
    border-left: 5px solid #7a240e !important;
    border-radius: 8px !important;
}

.pj-affiliate-disclosure--before-products :is(p, strong) {
    color: #24211d !important;
}

.pj-affiliate-disclosure--before-products a,
.pj-affiliate-disclosure--before-products a:visited {
    color: #7a240e !important;
    text-decoration: underline !important;
    text-underline-offset: 0.16em !important;
}

.pj-affiliate-disclosure--before-products a:hover,
.pj-affiliate-disclosure--before-products a:focus-visible {
    color: #55170a !important;
}

.comparador-productos-activo {
    box-sizing: border-box !important;
    width: min(100%, 1280px) !important;
    margin-inline: auto !important;
    color: #24211d !important;
}

.comparador-productos-activo .comparador-tabla {
    color: #24211d !important;
    background: #fffdf8 !important;
    border: 1px solid #bda98f !important;
}

.comparador-productos-activo .comparador-tabla :is(th, td) {
    color: #24211d !important;
    background: #fffdf8 !important;
    border-color: #cdbda9 !important;
}

.comparador-productos-activo .comparador-tabla th,
.comparador-productos-activo .comparador-tabla thead tr,
.comparador-productos-activo .comparador-tabla thead th {
    color: #24211d !important;
    background: #efe4d6 !important;
}

.comparador-productos-activo .comparador-tabla tbody tr:hover,
.comparador-productos-activo .comparador-tabla tbody tr:hover :is(th, td) {
    color: #24211d !important;
    background: #f4e7d5 !important;
}

.comparador-productos-activo .comparador-tabla a:not(.button),
.comparador-productos-activo .comparador-tabla a:not(.button):visited {
    color: #7a240e !important;
    background: transparent !important;
    text-decoration: underline !important;
    text-underline-offset: 0.16em !important;
}

.comparador-productos-activo .comparador-tabla a:not(.button):hover,
.comparador-productos-activo .comparador-tabla a:not(.button):focus-visible {
    color: #55170a !important;
}

.comparador-productos-activo .comparador-tabla .price,
.comparador-productos-activo .comparador-tabla .price :is(span, bdi, ins, del) {
    color: #24211d !important;
    background: #f4e7d5 !important;
}

.comparador-productos-activo .comparador-tabla :is(.star-rating, .star-rating::before, .star-rating span::before) {
    color: #7a3d00 !important;
}

.comparador-productos-activo .comparador-tabla a.button,
.comparador-productos-activo .comparador-tabla a.button:visited {
    color: #fffdf8 !important;
    background: #7a240e !important;
    border: 2px solid #7a240e !important;
    box-shadow: none !important;
}

.comparador-productos-activo .comparador-tabla a.button:hover,
.comparador-productos-activo .comparador-tabla a.button:focus-visible {
    color: #fffdf8 !important;
    background: #55170a !important;
    border-color: #55170a !important;
}

.comparador-productos-activo :is(a, button):focus-visible {
    outline: 3px solid #c4511d !important;
    outline-offset: 3px !important;
}

.comparador-productos-activo .comparador-tabla img {
    box-sizing: border-box !important;
    width: min(100%, 240px) !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    padding: clamp(0.5rem, 1.5vw, 1rem) !important;
    border: 0 !important;
    background: #fffdf8 !important;
    object-fit: contain !important;
}

.comparador-productos-activo .comparador-grid {
    gap: clamp(1rem, 2.5vw, 1.5rem) !important;
}

.comparador-productos-activo .comparador-card {
    color: #fffdf8 !important;
    background: #24211d !important;
    border: 1px solid #8f8170 !important;
}

.comparador-productos-activo .comparador-card :is(h3, h3 a, h3 a:visited, strong) {
    color: #fffdf8 !important;
}

.comparador-productos-activo .comparador-card h3 a:hover,
.comparador-productos-activo .comparador-card h3 a:focus-visible {
    color: #ffd19c !important;
}

.comparador-productos-activo .comparador-card .price,
.comparador-productos-activo .comparador-card .price :is(span, bdi, ins, del) {
    color: #ffd19c !important;
    background: transparent !important;
}

.comparador-productos-activo .comparador-card :is(.star-rating, .star-rating::before, .star-rating span::before) {
    color: #ffd19c !important;
}

.comparador-productos-activo .comparador-card .extra-attrs,
.comparador-productos-activo .comparador-card .extra-attrs div {
    color: #f2e8db !important;
}

.comparador-productos-activo .comparador-card .button,
.comparador-productos-activo .comparador-card .button:visited {
    color: #24211d !important;
    background: #fffdf8 !important;
    border: 2px solid #fffdf8 !important;
}

.comparador-productos-activo .comparador-card .button:hover,
.comparador-productos-activo .comparador-card .button:focus-visible {
    color: #24211d !important;
    background: #ffd19c !important;
    border-color: #ffd19c !important;
}

[data-pj153-product-carousel] {
    box-sizing: border-box !important;
    width: min(100%, 1280px) !important;
    max-width: 1280px !important;
    margin-inline: auto !important;
    padding-inline: clamp(1rem, 4vw, 4rem) !important;
    overflow: clip !important;
}

[data-pj153-product-carousel] :is(.wp-block-getwid-post-carousel__wrapper, .slick-list) {
    box-sizing: border-box !important;
    width: 100% !important;
    margin-inline: auto !important;
}

[data-pj153-product-carousel] .slick-track {
    display: flex !important;
    align-items: stretch !important;
    margin-inline: auto !important;
}

[data-pj153-product-carousel] .slick-slide {
    box-sizing: border-box !important;
    height: auto !important;
    padding-inline: clamp(0.35rem, 1vw, 0.75rem) !important;
}

[data-pj153-product-carousel] .wp-block-getwid-template-post-featured-image,
[data-pj153-product-carousel] .pj135-product-media {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    min-height: 220px !important;
    padding: clamp(0.75rem, 2vw, 1.25rem) !important;
    overflow: hidden !important;
    background: #f4e7d5 !important;
}

[data-pj153-product-carousel] img {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: #f4e7d5 !important;
    object-fit: contain !important;
    filter: none !important;
    transform: none !important;
}

[data-pj153-product-carousel] img.pj153-product-image--fallback {
    outline: 2px dashed #7a240e !important;
    outline-offset: -10px !important;
}

[data-pj153-product-carousel] :is(
    .wp-block-getwid-template-post-title,
    .wp-block-getwid-template-post-title a,
    .wp-block-getwid-template-post-title a:visited
) {
    color: #24211d !important;
    background: #fffdf8 !important;
    text-shadow: none !important;
}

@media (max-width: 900px) {
    .pj-affiliate-disclosure--before-products,
    .comparador-productos-activo,
    [data-pj153-product-carousel] {
        width: calc(100% - 2rem) !important;
    }

    [data-pj153-product-carousel] {
        padding-inline: clamp(0.75rem, 3vw, 1.5rem) !important;
    }
}

@media (max-width: 540px) {
    .pj-affiliate-disclosure--before-products,
    .comparador-productos-activo,
    [data-pj153-product-carousel] {
        width: calc(100% - 1rem) !important;
    }

    .comparador-productos-activo .comparador-card {
        padding: 1rem !important;
    }

    [data-pj153-product-carousel] {
        padding-inline: 0.5rem !important;
    }
}
