/*
 * Content Spacing Fix
 * Reduces excessive spacing between paragraphs in admin-created content
 */

/* Article content paragraph spacing fix */
.article-content p {
    margin-bottom: 0.8rem !important;
    margin-top: 0 !important;
}

/* Blog content paragraph spacing fix */
.article-excerpt p,
.blog-content p,
.content p {
    margin-bottom: 0.8rem !important;
    margin-top: 0 !important;
}

/* General paragraph spacing for all content areas */
.content-area p,
.post-content p,
.entry-content p {
    margin-bottom: 0.8rem !important;
    margin-top: 0 !important;
}

/* WYSIWYG editor content - common classes used by editors */
.ql-editor p,
.editor-content p,
.rich-text p {
    margin-bottom: 0.8rem !important;
    margin-top: 0 !important;
}

/* Remove double spacing from consecutive paragraphs */
p + p {
    margin-top: 0 !important;
}

/* Special handling for empty paragraphs (common in WYSIWYG editors) */
p:empty {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    height: 0 !important;
    display: none !important;
}

/* Remove extra spacing from BR tags that might be added by editors */
br + br {
    display: none !important;
}

/* Ensure consistent spacing for headings in content */
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
    margin-top: 1.5rem !important;
    margin-bottom: 0.8rem !important;
}

/* First paragraph after heading should have no extra top margin */
.article-content h1 + p,
.article-content h2 + p,
.article-content h3 + p,
.article-content h4 + p,
.article-content h5 + p,
.article-content h6 + p {
    margin-top: 0 !important;
}

/* List spacing fixes */
.article-content ul,
.article-content ol {
    margin-bottom: 0.8rem !important;
    margin-top: 0 !important;
}

.article-content li {
    margin-bottom: 0.3rem !important;
}

/* Blockquote spacing fix */
.article-content blockquote {
    margin: 1rem 0 0.8rem 0 !important;
}

/* Image spacing in content */
.article-content img {
    margin: 1rem 0 0.8rem 0 !important;
}

/* Mobile specific fixes - ULTRA AGGRESSIVE */
@media (max-width: 768px) {
    /* Target all possible paragraph containers on mobile */
    .article-content p,
    .blog-content p,
    .content p,
    p,
    .entry-content p,
    .post-content p,
    .article-body p,
    .content-area p {
        margin-bottom: 0.5rem !important;
        margin-top: 0 !important;
        line-height: 1.6 !important;
        padding: 0 !important;
    }
    
    /* Ultra specific targeting for the main article content */
    .article-container .article-body .article-content p,
    .article-container .article-content p,
    article .article-content p {
        margin-bottom: 0.5rem !important;
        margin-top: 0 !important;
        line-height: 1.6 !important;
        padding: 0 !important;
    }
    
    /* Remove any spacing from consecutive paragraphs */
    p + p,
    .article-content p + p {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* Header spacing on mobile */
    .article-content h1,
    .article-content h2,
    .article-content h3,
    .article-content h4,
    .article-content h5,
    .article-content h6 {
        margin-top: 1rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    /* Ultra aggressive empty paragraph removal */
    .article-content p:empty,
    .content p:empty,
    p:empty {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 0 !important;
        line-height: 0 !important;
    }
}

/* Extra small mobile - even tighter spacing */
@media (max-width: 480px) {
    .article-content p,
    .blog-content p,
    .content p,
    p {
        margin-bottom: 0.4rem !important;
        margin-top: 0 !important;
        line-height: 1.5 !important;
    }
    
    .article-content h1,
    .article-content h2,
    .article-content h3,
    .article-content h4,
    .article-content h5,
    .article-content h6 {
        margin-top: 0.8rem !important;
        margin-bottom: 0.4rem !important;
    }
}