/*
 * OfferBot description formatting.
 * Keep this in a separate CSS file so page-level PHP is not overloaded with style rules.
 */
.rb-offer-description h2,
.rb-offer-description h3,
.rb-offer-description h4 {
    font-size: clamp(22px, 2vw, 28px) !important;
    line-height: 1.15 !important;
    font-weight: 1000 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    margin: 30px 0 16px !important;
    color: #061226 !important;
}

.rb-offer-description h2::after,
.rb-offer-description h3::after,
.rb-offer-description h4::after {
    content: ":" !important;
}

.rb-offer-description h2:has(+ ul),
.rb-offer-description h3:has(+ ul),
.rb-offer-description h4:has(+ ul) {
    margin-bottom: 14px !important;
}

.rb-offer-description p {
    font-size: clamp(18px, 1.45vw, 24px) !important;
    line-height: 1.55 !important;
    margin: 0 0 22px !important;
    color: #1f2f46 !important;
}

.rb-offer-description ul,
.rb-offer-description ol {
    margin: 0 0 28px 28px !important;
    padding-left: 24px !important;
}

.rb-offer-description li {
    font-size: clamp(18px, 1.45vw, 24px) !important;
    line-height: 1.55 !important;
    margin: 0 0 12px !important;
    color: #1f2f46 !important;
}

.rb-offer-momentum-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin: 8px 0 16px !important;
}

.rb-offer-momentum-badge span {
    color: #536783 !important;
    font-weight: 800 !important;
}

.rb-offer-momentum-badge strong {
    color: #061226 !important;
    font-weight: 1000 !important;
}