/* ────────────────────────────────────────────────────────────
   AB Sale Promo – Front-end Styles
   ──────────────────────────────────────────────────────────── */

/* Two-column layout */
.ab-sale-promo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    gap: 40px;
    box-sizing: border-box;
}

/* Spacing between multiple sales */
.ab-sale-promo + .ab-sale-promo {
    margin-top: 4em;
}

/* Left column: Image */
.ab-sale-promo__image {
    flex: 0 0 50%;
    max-width: 50%;
    line-height: 0;
    box-sizing: border-box;
}

.ab-sale-promo__image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}

/* Right column: Text */
.ab-sale-promo__text {
    flex: 1 1 0%;
    min-width: 0;
}

/* Sale Title */
.ab-sale-promo__title {
    margin: 0 0 12px;
    line-height: 1.2;
}

/* Date Range */
.ab-sale-promo__dates {
    margin-bottom: 20px;
    font-weight: 500;
    opacity: 0.75;
}

/* Promo Content */
.ab-sale-promo__content {
    margin-bottom: 24px;
    line-height: 1.7;
}

.ab-sale-promo__content p:last-child {
    margin-bottom: 0;
}

.ab-sale-promo__content ul,
.ab-sale-promo__content ol {
    margin-left: 1.5em;
    margin-bottom: 1em;
}

.ab-sale-promo__content img {
    max-width: 100%;
    height: auto;
}

/* No Sale Message */
.ab-sale-promo__empty {
    padding: 24px;
    text-align: center;
    border-radius: 8px;
}

/* ── Responsive: Stack on small screens ─────────────────────── */
@media ( max-width: 767px ) {
    .ab-sale-promo {
        flex-direction: column;
    }

    .ab-sale-promo__image {
        flex: 0 0 100%;
        max-width: 100%;
    }
}