/*
 * Desktop-specific styles for Vinkeln News Analysis
 */

/* Only apply these styles on desktop */
@media (min-width: 768px) {
    /* Hide the view toggle on desktop */
    .summary-column .vna-view-toggle {
        display: none !important;
    }
    
    /* Ensure the neutral summary is visible below the article - remove container styling */
    .content-column .vna-neutral-summary {
        display: inline !important;
        margin: 0 !important;
        padding: 0 !important;
        background-color: transparent !important;
        border-radius: 0 !important;
        border: none !important;
    }
    
    /* Style the desktop perspectives container */
    .vna-desktop-analysis-container {
        margin-bottom: 2rem;
    }
    
    .vna-desktop-perspectives-wrapper {
        margin-bottom: 2rem;
    }
    
    /* Hide the bias bar in the hero overlay on desktop */
    .hero-bias-bar-overlay {
        display: none !important;
    }
    
    /* Style the desktop bias bar container in the comments section */
    .desktop-bias-bar-container {
        margin-top: 1rem;
        margin-bottom: 2rem;
        width: 100%;
    }
    
    /* Hide the bias bar containers in the summary column on desktop since we show it in the comments section */
    /* AGGRESSIVE BIAS BAR HIDING - HIDE ALL POSSIBLE BIAS BAR ELEMENTS IN SUMMARY COLUMN */
    .summary-column .bbm-d-container,
    .summary-column .bbm-c-container,
    .summary-column .bbm-container,
    .summary-column [class*="bbm"],
    .summary-column [class*="bias"],
    .summary-column [class*="political"],
    .summary-column .bias-bar,
    .summary-column .political-bias-bar {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
    }
    
    /* Consistent styling for the neutral summary */
    .entry-content .vna-neutral-summary p {
        font-size: 1.1em !important;
        color: #333333 !important;
        line-height: 1.7 !important;
        margin-bottom: 12px !important;
        font-family: 'Libre Baskerville', serif !important;
    }
    
    .dark-mode .entry-content .vna-neutral-summary p {
        color: #d1d5db !important;
    }
    
    /* Hide the standard VNA analysis in the content column on desktop */
    .content-column .vna-analysis-container {
        display: none !important;
    }
    
    /* Hide the summary wrapper in the summary column */
    .summary-column .vna-summary-wrapper {
        display: none !important;
    }
}

/* Dark mode adaptations */
@media (min-width: 768px) {
    .dark-mode .content-column .vna-neutral-summary {
        background-color: transparent !important;
        border: none !important;
    }
}