/**
 * Centralized Filter Content Styles
 * 
 * Universal styles for content filtered by crombie_filter_content() and
 * crombie_format_paragraph_content() functions
 * 
 * These styles apply to all widgets using the filter functions:
 * - paragraph
 * - table
 * - lead-text-block
 * - features-blocks
 * 
 * Uses .filtered-style class to scope all styles without affecting the entire site
 * 
 * @package Crombie_Plugin
 */

/* ========================================
   TEXT FORMATTING STYLES
   ======================================== */

/* Bold text: **text** */
.filtered-style span.strong {
    font-weight: 900;
}

/* Italic text: _text_ */
.filtered-style span.italic {
    font-style: italic;
    font-weight: 200;
}

/* Underlined text: -text- */
.filtered-style span.underline {
    text-decoration: underline;
}

/* Cross-out/strikethrough text: [text] */
.filtered-style span.cross-out {
    text-decoration: line-through;
}

/* ========================================
   LINK STYLES
   ======================================== */

/* Links: {link text, url} */
.filtered-style p a,
.filtered-style li a,
.filtered-style a {
    color: var(--Color-Palette-Yellow-Yellow-500, #FFC432);
    text-decoration: underline;
    transition: color 0.3s ease;
}

.filtered-style p a:hover,
.filtered-style li a:hover,
.filtered-style a:hover {
    color: var(--Color-Palette-Blue-Blue-500, #25B1E1);
    transition: color 0.3s ease;
}

/* ========================================
   LIST STYLES
   ======================================== */

/* Unordered lists: +, ++, +++ */
.filtered-style ul,
.filtered-style p + ul {
    margin: 0 0 8px 0;
    padding-left: 24px;
    list-style-type: disc;
}

.filtered-style ul:last-child,
.filtered-style p + ul:last-child {
    margin-bottom: 0;
}

/* Second level nested lists */
.filtered-style ul ul {
    padding-left: 24px;
    list-style-type: circle;
}

/* Third level nested lists */
.filtered-style ul ul ul {
    padding-left: 24px;
    list-style-type: square;
}

/* List items */
.filtered-style ul li {
    margin: 0 0 4px 0;
    line-height: 150%;
}

.filtered-style ul li:last-child {
    margin-bottom: 0;
}

/* ========================================
   PARAGRAPH STYLES
   ======================================== */

.filtered-style > p,
.filtered-style li > p {
    margin: 0 0 8px 0;
}

.filtered-style > p:last-child,
.filtered-style li > p:last-child {
    margin-bottom: 0;
}