/* ── Amazon Block – style front-end ─────────────────────────────────────────── */

.amazon-block {
    display: flex;
    align-items: center;
    gap: 24px;
    background: #fff;
    border: 1px solid #fa3931;
    border-radius: 12px;
    padding: 20px 24px;
    max-width: 800px;
    margin: 24px auto;
    font-family: inherit;
}

/* Image */
.amazon-block__image-wrap {
    flex: 0 0 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.amazon-block__image {
    max-width: 250px;
    max-height: 250px;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 6px;
}

/* Contenu */
.amazon-block__content {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.amazon-block__title {
    margin: 0 !important;
    font-size: 1.1rem !important;
    font-weight: 600;
    line-height: 1.4 !important;
    color: #111 !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Prix */
.amazon-block__pricing {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.amazon-block__old-price {
    font-size: .875rem;
    color: #999;
    text-decoration: line-through;
}

.amazon-block__price {
    font-size: 1.375rem;
    font-weight: 700;
    color: #fa3931; /* rouge Amazon */
}

.amazon-block__price--unavailable {
    font-size: .875rem;
    color: #999;
    font-weight: 400;
}

/* Bouton */
.amazon-block__btn {
    display: inline-block;
    background: #fa3931;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 700;
    font-size: .875rem;
    padding: 10px 20px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: background .15s ease, transform .1s ease;
    align-self: flex-start;
    letter-spacing: .01em;
}

.amazon-block__btn:hover {
    background: #b21c16;
    transform: translateY(-1px);
}

.amazon-block__btn:active {
    transform: translateY(0);
}

/* Disclaimer légal */
.amazon-block__disclaimer {
    margin: 0 !important;
    font-size: .7rem !important;
    color: #aaa !important;
    line-height: 1.4 !important;
}

/* Date du prix */
.amazon-block__price-date {
    margin: 0 !important;
    font-size: .7rem !important;
    color: #bbb !important;
    font-style: italic !important;
    line-height: 1.4 !important;
}

/* ── Responsive carte Amazon ───────────────────────────────────────────────── */
@media ( max-width: 520px ) {
    .amazon-block {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 16px;
    }

    .amazon-block__main {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        width: 100%;
    }

    .amazon-block__image-wrap {
        flex: 0 0 auto;
        width: 100%;
    }

    .amazon-block__image {
        max-width: 200px;
        max-height: 200px;
        margin: 0 auto;
        display: block;
    }
}


/* ── Variante « carte + comparateur dans le même contour » ──────────────────── */

.amazon-block--with-compare {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
}

.amazon-block__main {
    display: flex;
    align-items: center;
    gap: 24px;
}

/* Le comparateur intégré occupe toute la largeur, sans marges propres */
.amazon-block .ab-compare {
    max-width: none;
    margin: 0;
}

/* ── Comparateur « Autres revendeurs » ──────────────────────────────────────── */

.ab-compare {
    max-width: 800px;
    margin: 12px auto 24px;
    font-family: inherit;
}

.ab-compare__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
    margin: 0;
}

.ab-compare__th {
    text-align: left;
    font-size: .72rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #999;
    font-weight: 600;
    padding: 0 14px 4px;
    border: none !important;
    background: transparent !important;
}

.ab-compare__th--price {
    text-align: right;
}

.ab-compare__row {
    background: #fff5f5;
}

.ab-compare__cell {
    padding: 14px 14px;
    vertical-align: middle;
    border: none !important;
    background: transparent;
}

.ab-compare__cell--merchant {
    border-radius: 10px 0 0 10px;
}

.ab-compare__cell--price {
    text-align: right;
    font-weight: 700;
    font-size: 1.05rem;
    color: #222;
    white-space: nowrap;
}

.ab-compare__cell--action {
    border-radius: 0 10px 10px 0;
    text-align: right;
    width: 1%;
    white-space: nowrap;
}

/* Enseigne : pastille + nom */
.ab-compare__merchant {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ab-compare__badge {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1rem;
    line-height: 1;
    color: #fff;
}

.ab-compare__name {
    font-weight: 600;
    color: #111;
    font-size: 1rem;
}

/* Prix */
.ab-compare__price--na {
    color: #bbb;
    font-weight: 500;
}

/* Bouton « Voir l'offre » */
.ab-compare__btn {
    display: inline-block;
    background: #fa3931;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 700;
    font-size: .82rem;
    padding: 9px 16px;
    border-radius: 8px;
    transition: background .15s ease, transform .1s ease;
}

.ab-compare__btn:hover {
    background: #b21c16;
    transform: translateY(-1px);
}

.ab-compare__btn-arrow {
    font-weight: 700;
    margin-left: 2px;
}

.ab-compare__disclaimer {
    margin: 10px 4px 0 !important;
    font-size: .7rem !important;
    color: #aaa !important;
    line-height: 1.4 !important;
}

/* Couleurs de marque (pastilles) */
.ab-compare__badge--cultura    { background: #E2001A; }
.ab-compare__badge--micromania { background: #111111; }
.ab-compare__badge--carrefour  { background: #0050AA; }
.ab-compare__badge--cdiscount  { background: #2D2A86; }
.ab-compare__badge--leclerc    { background: #0061AF; }
.ab-compare__badge--fnac       { background: #1A1A1A; color: #FFE000; }
.ab-compare__badge--joybuy     { background: #FF6A00; }
.ab-compare__badge--amazon     { background: #FF9900; }

/* ── Responsive comparateur (< 520px : lignes empilées) ────────────────────── */
@media ( max-width: 520px ) {
    .ab-compare__table { border-spacing: 0 8px; }
    .ab-compare thead { display: none; }

    .ab-compare__row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        border-radius: 10px;
        padding: 6px 10px;
    }

    .ab-compare__cell {
        padding: 6px;
        border-radius: 0 !important;
    }

    .ab-compare__cell--merchant { flex: 1 1 60%; }
    .ab-compare__cell--price    { flex: 0 0 auto; }
    .ab-compare__cell--action   { flex: 1 1 100%; text-align: left; }

    .ab-compare__btn { display: block; text-align: center; }
}