/* Typography normalization for raw HTML descriptions */
/* This file ensures consistent, professional typography for dynamically-rendered HTML content */
/* Uses !important to override inline styles from database content */
/* Using .offer-component .description specificity to match and override site.css rules */

.offer-component .description {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #333333 !important;
    letter-spacing: normal !important;
    margin-bottom: 30px !important;
    margin-top: 0px !important;
}

/* Override ALL inline styles - be VERY aggressive on all descendants */
.offer-component .description *, 
.offer-component .description *[style],
.offer-component .description *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #333333 !important;
    letter-spacing: normal !important;
    background: transparent !important;
    text-decoration: none !important;
}

/* Preserve semantic meaning - headers only */
.offer-component .description h1, .offer-component .description h2, .offer-component .description h3, .offer-component .description h4, .offer-component .description h5, .offer-component .description h6,
.offer-component .description h1[style], .offer-component .description h2[style], .offer-component .description h3[style], .offer-component .description h4[style], .offer-component .description h5[style], .offer-component .description h6[style] {
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-top: 20px !important;
    margin-bottom: 12px !important;
    line-height: 1.4 !important;
    color: #333333 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Paragraph spacing */
.offer-component .description p, .offer-component .description p[style] {
    margin-bottom: 12px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #333333 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    line-height: 1.6 !important;
}

.offer-component .description p:last-child, .offer-component .description p[style]:last-child {
    margin-bottom: 0 !important;
}

/* Lists */
.offer-component .description ul, .offer-component .description ol, .offer-component .description ul[style], .offer-component .description ol[style] {
    margin-left: 20px !important;
    margin-bottom: 12px !important;
    font-size: 14px !important;
    color: #333333 !important;
}

.offer-component .description li, .offer-component .description li[style] {
    margin-bottom: 8px !important;
    font-size: 14px !important;
    color: #333333 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    line-height: 1.6 !important;
}

/* Remove any span/font/b/i/strong/em overrides - AGGRESSIVE OVERRIDE */
.offer-component .description span, .offer-component .description span[style], 
.offer-component .description font, .offer-component .description font[style],
.offer-component .description b, .offer-component .description b[style],
.offer-component .description i, .offer-component .description i[style],
.offer-component .description strong, .offer-component .description strong[style],
.offer-component .description em, .offer-component .description em[style] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #333333 !important;
    font-style: normal !important;
}

/* Override Georgia, Palatino, and other serif fonts from database */
.offer-component .description, .offer-component .description * {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* ===== OFFERS LISTING VIEWS (simple-view, filters-view) ===== */

/* Target ALL elements with inline styles in offers components */
.offers-component span[style],
.offers-component *[style],
.job span[style],
.job *[style],
.simple-view span[style],
.simple-view *[style],
.filters-view span[style],
.filters-view *[style],
.offers-component .job span[style],
.offers-component .job *[style] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #333333 !important;
    letter-spacing: normal !important;
    background: transparent !important;
    font-style: normal !important;
}

/* Fallback for generic .description class if used elsewhere */
.description {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #333333 !important;
    letter-spacing: normal !important;
}

.description *,
.description *[style] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #333333 !important;
    letter-spacing: normal !important;
}

/* Universal catch-all: ANY element with problematic inline styles */
span[style*="font-size: 0.875"],
span[style*="color: rgb(0, 0, 0)"],
span[style*="georgia"],
span[style*="palatino"],
*[style*="0.875rem"],
*[style*="georgia"],
*[style*="palatino"] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #333333 !important;
    font-style: normal !important;
}

/* Nuclear option: every text node in these contexts */
[style] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    color: #333333 !important;
}