/**
 * Theme Compatibility Fixes
 * Handles specific issues with different themes
 */

/* ===== BLOCKSY THEME FIXES ===== */
body.blocksy .viposts-single-post,
body.blocksy .viposts-archive {
    background-color: #f5f4f5 !important;
}

body.blocksy .viposts-content-area {
    background-color: #ffffff !important;
}

/* Fix Blocksy padding/margin issues */
body.blocksy .site-main.viposts-single-post,
body.blocksy .site-main.viposts-archive {
    padding-top: 40px !important;
    margin-top: 0 !important;
}

/* Fix Blocksy header spacing */
body.blocksy .site-header + .site-main.viposts-single-post,
body.blocksy .site-header + .site-main.viposts-archive {
    margin-top: 0 !important;
}

/* ===== KADENCE THEME ENHANCEMENTS ===== */
body.kadence-theme .viposts-content-area {
    background-color: #ffffff;
}

/* ===== UNIVERSAL FIXES (All Themes) ===== */

/* Ensure single line breadcrumbs */
.viposts-breadcrumbs {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
}

.viposts-breadcrumbs-list {
    flex-wrap: nowrap !important;
}

/* Ensure single line social buttons */
.viposts-share-buttons,
.viposts-share-buttons-large {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

/* Archive page */
.viposts-archive {
    background-color: #f5f4f5;
}

.viposts-archive .viposts-container {
    background: transparent;
}

/* Single post page background */
.viposts-single-post {
    background-color: #f5f4f5;
}

/* Content area styling */
.viposts-spacing-default .viposts-entry-content {
    line-height: 1.8 !important;
}

.viposts-spacing-tight .viposts-entry-content {
    line-height: 1.6 !important;
}

.viposts-spacing-loose .viposts-entry-content {
    line-height: 2.0 !important;
}

/* Sidebar always visible when enabled */
.viposts-sidebar {
    display: block !important;
}

/* Hide sidebar widget "About Us" default if no widgets */
.viposts-sidebar:empty {
    display: none !important;
}

/* Ensure grid layout works on all themes */
.viposts-archive .viposts-container {
    display: block !important;
    max-width: 1290px;
    margin: 0 auto;
    padding: 0 20px;
}

.viposts-posts-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
    gap: 30px !important;
}

/* Force proper card layout */
.viposts-post-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.viposts-post-content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.viposts-post-excerpt {
    flex: 1 !important;
}

.viposts-read-more {
    margin-top: auto !important;
}

/* ===== CRITICAL: Ensure mobile stays vertical ===== */
@media (max-width: 1024px) {
    .viposts-container {
        display: block !important;
        grid-template-columns: 1fr !important;
    }
    
    .viposts-content-area {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .viposts-sidebar {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 30px;
    }
}

@media (max-width: 768px) {
    /* Force vertical stacking on mobile */
    .viposts-container {
        display: block !important;
        width: 100% !important;
        padding: 0 15px !important;
    }
    
    .viposts-content-area,
    .viposts-sidebar {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
    }
}