/**
 * AI Enhanced Search - Theme Compatibility CSS
 * Ensures related content sections display correctly across different themes
 */

/* WordPress Block Editor Compatibility */
/* Ensure block CSS variables are always defined */
.wp-site-blocks,
body {
    --wp--preset--spacing--20: 10px;
    --wp--preset--spacing--30: 30px;
    --wp--preset--spacing--40: 30px;
    --wp--preset--spacing--50: clamp(30px, 5vw, 50px);
    --wp--preset--spacing--60: clamp(30px, 7vw, 70px);
    --wp--preset--spacing--70: clamp(50px, 7vw, 90px);
    --wp--preset--spacing--80: clamp(70px, 10vw, 140px);
    --wp--preset--color--accent-6: rgba(0, 0, 0, 0.2);
}

/* Related Posts / More Posts Section Fixes */
.wp-block-group.alignwide,
.more-posts-section,
[class*="related-posts"],
[class*="more-posts"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Query Block Fixes */
.wp-block-query,
.wp-block-query.alignwide {
    display: block !important;
    visibility: visible !important;
}

.wp-block-query .wp-block-post-template {
    display: block !important;
}

/* Post Item Layout Fixes */
.wp-block-query .wp-block-group,
.wp-block-post-template .wp-block-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Border and Spacing Fixes */
.wp-block-group[style*="border-bottom"] {
    border-bottom: 1px solid var(--wp--preset--color--accent-6, #e0e0e0) !important;
}

/* Title and Date Layout */
.wp-block-post-title {
    flex-grow: 1 !important;
    margin-right: 20px !important;
}

.wp-block-post-date {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}

/* Prevent CSS from being stripped */
.wp-block-heading.alignwide,
h2.wp-block-heading {
    display: block !important;
    visibility: visible !important;
}

/* Twenty Twenty-Five Theme Specific Fixes */
.wp-block-heading.has-small-font-size[style*="text-transform"] {
    font-style: normal !important;
    font-weight: 700 !important;
    letter-spacing: 1.4px !important;
    text-transform: uppercase !important;
}

/* Generic Related Content Fixes */
.related-posts,
.yarpp-related,
.jp-relatedposts,
.crp_related,
[id*="related-posts"],
[class*="related-posts"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Prevent display: none from inline styles */
[style*="display: none"]:is(.wp-block-query, .wp-block-group, [class*="related"], [class*="more-posts"]) {
    display: block !important;
}

/* Prevent visibility: hidden from inline styles */
[style*="visibility: hidden"]:is(.wp-block-query, .wp-block-group, [class*="related"], [class*="more-posts"]) {
    visibility: visible !important;
}

/* Force show hidden elements */
.wp-block-query:not(.is-hidden),
.wp-block-group:not(.is-hidden) {
    display: block !important;
}

/* AI Enhanced Search - Related Content Persistence */
.aies-sources, 
.aies-menu-suggestions {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.aies-sources ul,
.aies-menu-suggestions-grid {
    display: block !important;
    list-style: none !important;
}

.aies-sources li,
.aies-menu-suggestion-item {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.aies-sources a,
.aies-menu-suggestion-item a {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Only force visibility, not other styling properties */
.aies-sources h4,
.aies-menu-suggestions h4 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Prevent any inline styles from hiding related content */
[style*="display: none"]:is(.aies-sources, .aies-menu-suggestions, .aies-sources *, .aies-menu-suggestions *) {
    display: block !important;
}

[style*="visibility: hidden"]:is(.aies-sources, .aies-menu-suggestions, .aies-sources *, .aies-menu-suggestions *) {
    visibility: visible !important;
}

[style*="opacity: 0"]:is(.aies-sources, .aies-menu-suggestions, .aies-sources *, .aies-menu-suggestions *) {
    opacity: 1 !important;
}

/* Cache-busting for dynamic styles */
@media all {
    .wp-site-blocks {
        /* Force repaint */
        transform: translateZ(0);
        will-change: transform;
    }
    
    /* Ensure related content sections are always visible */
    .aies-sources,
    .aies-menu-suggestions {
        transform: translateZ(0) !important;
        will-change: transform !important;
        backface-visibility: hidden !important;
    }
}