////
///
/// CMS Overrides
/// ===========================================================================
///
/// Overrides for CMS-generated content.
/// Should remain minimal.
///
/// @group Overrides
/// @author Scape Press
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

// ============================================================================
// CMS Content
// ============================================================================

// WordPress
// .wp-content {
//     // Override styles
// }

// WYSIWYG editors
// .wysiwyg-content {
//     // Override styles
// }

// Rich text editor output
@use "../01-core/external" as *;

@layer ss.overrides {
    .ss-u-prose {
        // Headings
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin-block-start: var(--ss-vspace-lg);
            margin-block-end: var(--ss-vspace-sm);
    
            &:first-child {
                margin-block-start: 0;
            }
        }
    
        // Paragraphs
        p {
            margin-block-end: var(--ss-vspace-md);
    
            &:last-child {
                margin-block-end: 0;
            }
        }
    
        // Lists
        ul,
        ol {
            margin-block-end: var(--ss-vspace-md);
            padding-inline-start: var(--ss-spacing-6);
        }
    
        li {
            margin-block-end: var(--ss-spacing-2);
        }
    
        // Links
        a {
            color: var(--ss-color-primary);
            text-decoration: underline;
    
            &:hover {
                text-decoration: none;
            }
        }
    
        // Images
        img {
            max-width: 100%;
            height: auto;
            margin-block: var(--ss-vspace-md);
        }
    
        // Blockquotes
        blockquote {
            margin-inline: 0;
            margin-block: var(--ss-vspace-md);
            padding-inline-start: var(--ss-spacing-4);
            border-inline-start: q(4) solid var(--ss-color-border);
            font-style: italic;
        }
    }
}