/*
 * scraped-styles.css
 *
 * Recreates the visual look of the original injurylawyer4you.com article body
 * for posts that were migrated from scraped HTML to Gutenberg blocks.
 *
 * Scoped under `body.fass-original-style` (added via body_class filter when a
 * post has the `_fassonaki_migrated_to_blocks` meta). Only those posts get
 * these rules; the rest of the site keeps the Fassonaki theme styling.
 *
 * Source: extracted from the live injurylawyer4you.com inline <style> block
 * (Wayback snapshot 2025-01-13). Key rules:
 *   body, p { color: #555; font-family: "Source Serif Pro", serif; line-height: 1.5 }
 *   .wysiwyg_container p *, ol li { font-family: "Source Serif Pro", serif }
 *   .blog_posts article h1 { font-size: 2em; margin-bottom: .5em }
 *   .blog_posts h2 { margin-bottom: 12px; text-align: left }
 *   blockquote { border-left: 2px solid #cc2222; color: #555; font-size: .9em;
 *                margin: 0 0 24px; padding: .5em 0 .5em 1em }
 *
 * Brand color #cc2222 (the source-site blue) is used on h2 and blockquote borders.
 */

body.fass-original-style .fss-prose {
    color: #555;
    font-family: 'Source Serif Pro', serif;
    line-height: 1.5;
    font-size: 1rem;
    overflow-x: hidden;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Paragraphs */
body.fass-original-style .fss-prose p {
    color: #555;
    font-family: 'Source Serif Pro', serif;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0 0 1em;
}

body.fass-original-style .fss-prose p small {
    font-size: .85em;
}

/* Headings — original site style */
body.fass-original-style .fss-prose h1 {
    color: #0c1b3a;
    font-family: 'Source Serif Pro', serif;
    font-size: 2em;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 .5em;
    text-align: left;
    text-transform: none;
    background: none;
    padding: 0;
}

body.fass-original-style .fss-prose h2 {
    color: #0c1b3a;
    font-family: 'Source Serif Pro', serif;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.25;
    margin: 1.25em 0 12px;
    text-align: left;
    text-transform: none;
    background: none;
    padding: 0;
}

body.fass-original-style .fss-prose h3 {
    color: #0c1b3a;
    font-family: 'Source Serif Pro', serif;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.25;
    margin: 1.25em 0 .25em;
    text-align: left;
    text-transform: none;
    text-decoration: none;
}

body.fass-original-style .fss-prose h4 {
    color: #0c1b3a;
    font-family: 'Source Serif Pro', serif;
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1.3;
    margin: 1.25em 0 .5em;
    text-align: left;
    background: none;
    padding: 0;
    border: none;
}

body.fass-original-style .fss-prose h5,
body.fass-original-style .fss-prose h6 {
    color: #0c1b3a;
    font-family: 'Source Serif Pro', serif;
    font-weight: 700;
    line-height: 1.3;
    margin: 1em 0 .25em;
}

body.fass-original-style .fss-prose h5 { font-size: 1em; }
body.fass-original-style .fss-prose h6 { font-size: .9em; }

/* Links — using source site's brand blue */
body.fass-original-style .fss-prose a {
    color: #000;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
}

body.fass-original-style .fss-prose a:hover,
body.fass-original-style .fss-prose a:focus {
    color: #000;
    text-decoration: underline;
}

body.fass-original-style .fss-prose h1 a,
body.fass-original-style .fss-prose h2 a,
body.fass-original-style .fss-prose h3 a,
body.fass-original-style .fss-prose h4 a {
    color: inherit;
    text-decoration: none;
}

body.fass-original-style .fss-prose h1 a:hover,
body.fass-original-style .fss-prose h2 a:hover,
body.fass-original-style .fss-prose h3 a:hover {
    color: #154e7a;
}

/* Lists — source site uses browser default disc/decimal with 40px padding */
body.fass-original-style .fss-prose ul,
body.fass-original-style .fss-prose ol {
    color: #555;
    font-family: 'Source Serif Pro', serif;
    font-size: 1rem;
    line-height: 1.5;
    margin: 1em 0;
    padding: 0 0 0 40px;
    list-style-position: outside;
}

body.fass-original-style .fss-prose ul { list-style-type: disc; }
body.fass-original-style .fss-prose ol { list-style-type: decimal; }

body.fass-original-style .fss-prose ul li,
body.fass-original-style .fss-prose ol li {
    color: #555;
    font-family: 'Source Serif Pro', serif;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: .25em;
    border: none;
    padding: 0;
}

body.fass-original-style .fss-prose li > p {
    margin: 0 0 .5em;
}

/* Nested lists */
body.fass-original-style .fss-prose ul ul,
body.fass-original-style .fss-prose ol ol,
body.fass-original-style .fss-prose ul ol,
body.fass-original-style .fss-prose ol ul {
    margin: .25em 0 .25em 0;
}

/* Blockquote — source site style */
body.fass-original-style .fss-prose blockquote {
    border-left: 2px solid #cc2222;
    color: #555;
    font-family: 'Source Serif Pro', serif;
    font-size: .9em;
    font-style: normal;
    line-height: 1.5;
    margin: 0 0 24px;
    padding: .5em 0 .5em 1em;
    background: none;
    border-radius: 0;
}

body.fass-original-style .fss-prose blockquote p {
    color: #555;
    font-style: normal;
    margin: 0 0 .5em;
}

body.fass-original-style .fss-prose blockquote p:last-child {
    margin-bottom: 0;
}

/* Images */
body.fass-original-style .fss-prose img {
    max-width: 100%;
    height: auto;
    margin: 1em 0;
    border-radius: 0;
    display: block;
}

body.fass-original-style .fss-prose figure {
    margin: 1em 0;
}

body.fass-original-style .fss-prose figure.wp-block-image img {
    border-radius: 0;
    margin: 0;
}

/* Tables */
body.fass-original-style .fss-prose table {
    table-layout: auto;
    font-family: 'Source Serif Pro', serif;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #dddddd;
    margin: .75em 0;
    font-size: 1rem;
    vertical-align: middle;
}

body.fass-original-style .fss-prose table td,
body.fass-original-style .fss-prose table th {
    border: 1px solid #dddddd;
    padding: 8px;
    text-align: left;
    background: transparent;
    color: #555;
    font-weight: 400;
}

body.fass-original-style .fss-prose table thead td,
body.fass-original-style .fss-prose table thead th {
    background-color: #f4f4f4;
    font-weight: 600;
}

body.fass-original-style .fss-prose table tr:nth-child(even) {
    background: transparent;
}

/* Separator */
body.fass-original-style .fss-prose hr {
    border: none;
    border-top: 1px solid #e5e5e5;
    margin: 2em 0;
}

/* Preformatted */
body.fass-original-style .fss-prose pre {
    background: #f4f4f4;
    border: 1px solid #dddddd;
    padding: 12px;
    overflow-x: auto;
    font-family: monospace;
    font-size: .9em;
    line-height: 1.5;
}