/*
 * Spliced Blog Typography
 * Target: .elementor-widget-theme-post-content (Elementor single post template)
 *         .entry-content (Gutenberg / classic fallback)
 *
 * Google readability rules applied:
 *   - Body text >= 16 px (we use 17 px)
 *   - Line-height >= 1.5 (we use 1.75)
 *   - Measure (line length) <= 75 ch
 *   - High contrast: #000 on #fff
 *   - Clear heading hierarchy with distinct weight + size steps
 */

/* ── Shared content wrapper ──────────────────────────────────────────────── */
.elementor-widget-theme-post-content,
.entry-content {
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    font-size: 17px;
    line-height: 1.75;
    color: #000;
}

/* ── Paragraphs ──────────────────────────────────────────────────────────── */
.elementor-widget-theme-post-content p,
.entry-content p {
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    font-size: 17px;
    line-height: 1.75;
    color: #000;
    margin-bottom: 1.35em;
}

/* ── Headings ────────────────────────────────────────────────────────────── */
.elementor-widget-theme-post-content h1,
.entry-content h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 2.25rem;       /* ~36px */
    line-height: 1.2;
    color: #000;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

.elementor-widget-theme-post-content h2,
.entry-content h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 1.75rem;       /* ~28px */
    line-height: 1.25;
    color: #000;
    margin-top: 1.75em;
    margin-bottom: 0.5em;
}

.elementor-widget-theme-post-content h3,
.entry-content h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 1.375rem;      /* ~22px */
    line-height: 1.3;
    color: #000;
    margin-top: 1.5em;
    margin-bottom: 0.4em;
}

.elementor-widget-theme-post-content h4,
.entry-content h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 1.125rem;      /* ~18px */
    line-height: 1.35;
    color: #000;
    margin-top: 1.25em;
    margin-bottom: 0.35em;
}

.elementor-widget-theme-post-content h5,
.elementor-widget-theme-post-content h6,
.entry-content h5,
.entry-content h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4;
    color: #000;
    margin-top: 1em;
    margin-bottom: 0.3em;
}

/* ── Lists ───────────────────────────────────────────────────────────────── */
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol,
.entry-content ul,
.entry-content ol {
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    font-size: 17px;
    line-height: 1.75;
    color: #000;
    margin-bottom: 1.25em;
    padding-left: 1.5em;
}

.elementor-widget-theme-post-content li,
.entry-content li {
    margin-bottom: 0.4em;
}

/* ── Strong / bold inside content ───────────────────────────────────────── */
.elementor-widget-theme-post-content strong,
.entry-content strong {
    font-weight: 600;
    color: #000;
}

/* ── Links inside content ────────────────────────────────────────────────── */
.elementor-widget-theme-post-content a,
.entry-content a {
    color: #1a56db;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.elementor-widget-theme-post-content a:hover,
.entry-content a:hover {
    color: #1e40af;
}

/* ── Inline images inside content ────────────────────────────────────────── */
.elementor-widget-theme-post-content figure,
.entry-content figure {
    margin: 2em 0;
}

.elementor-widget-theme-post-content figure img,
.entry-content figure img,
.elementor-widget-theme-post-content img,
.entry-content img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    display: block;
}

/* ── Mobile ──────────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
    .elementor-widget-theme-post-content,
    .entry-content {
        font-size: 16px;
        max-width: 100%;
    }

    .elementor-widget-theme-post-content p,
    .entry-content p {
        font-size: 16px;
    }

    .elementor-widget-theme-post-content h1,
    .entry-content h1 {
        font-size: 1.75rem;
    }

    .elementor-widget-theme-post-content h2,
    .entry-content h2 {
        font-size: 1.4rem;
    }

    .elementor-widget-theme-post-content h3,
    .entry-content h3 {
        font-size: 1.2rem;
    }
}