/**
 * Mobile Customization for col1.net
 * Phone (Mobile) single column layout
 */

/* Mobile devices - single column layout */
@media (max-width: 768px) {
    /* Override theme's 2-column layout to 1 column */
    .news-grid.layout-grid,
    .news-grid.layout-compact,
    .news-grid.layout-featured,
    .news-grid.layout-bento {
        grid-template-columns: 1fr !important;
    }

    /* Waterfall layout - single column */
    .layout-waterfall {
        column-count: 1 !important;
    }

    /* Hide summary on mobile - use higher specificity with body class */
    body.theme-orange .layout-waterfall .news-summary,
    body.theme-orange .layout-grid .news-summary,
    body.theme-orange .layout-compact .news-summary,
    body.theme-orange .layout-featured .news-summary,
    body.theme-orange .layout-bento .news-summary,
    body.theme-orange .layout-list .news-summary,
    body.theme-orange .layout-magazine .news-summary,
    body.theme-orange .layout-zigzag .news-summary,
    body.theme-orange .layout-focus .news-summary,

    body.theme-orange .news-card .news-summary,
    body.theme-orange .card-style-neon .news-summary,
    body.theme-orange .card-style-strip .news-summary,
    body.theme-orange .card-style-ocean .news-summary,
    body.theme-orange .card-style-confetti .news-summary,
    body.theme-orange .card-style-crystal .news-summary,
    body.theme-orange .card-style-glass .news-summary,
    body.theme-orange .card-style-gradient .news-summary,
    body.theme-orange .card-style-orbit .news-summary,
    body.theme-orange .card-style-comic .news-summary,
    body.theme-orange .card-style-star .news-summary,
    body.theme-orange .card-style-cartoon .news-summary,
    body.theme-orange .card-style-diagonal .news-summary,
    body.theme-orange .card-style-gallery .news-summary,
    body.theme-orange .card-style-polaroid .news-summary,
    body.theme-orange .card-style-minimal .news-summary,
    body.theme-orange .card-style-brutal .news-summary,
    body.theme-orange .card-style-soft .news-summary,
    body.theme-orange .card-style-glitch .news-summary,
    body.theme-orange .card-style-holographic .news-summary {
        display: none !important;
    }

    /* Hide sidebar on mobile if exists */
    .sidebar {
        display: none;
    }
}

/* Small mobile phones - ensure single column */
@media (max-width: 480px) {
    .news-grid.layout-grid,
    .news-grid.layout-compact,
    .news-grid.layout-featured,
    .news-grid.layout-bento {
        grid-template-columns: 1fr !important;
    }

    .layout-waterfall {
        column-count: 1 !important;
    }

    /* Hide summary on mobile - use higher specificity with body class */
    body.theme-orange .layout-waterfall .news-summary,
    body.theme-orange .layout-grid .news-summary,
    body.theme-orange .layout-compact .news-summary,
    body.theme-orange .layout-featured .news-summary,
    body.theme-orange .layout-bento .news-summary,
    body.theme-orange .layout-list .news-summary,
    body.theme-orange .layout-magazine .news-summary,
    body.theme-orange .layout-zigzag .news-summary,
    body.theme-orange .layout-focus .news-summary,

    body.theme-orange .news-card .news-summary,
    body.theme-orange .card-style-neon .news-summary,
    body.theme-orange .card-style-strip .news-summary,
    body.theme-orange .card-style-ocean .news-summary,
    body.theme-orange .card-style-confetti .news-summary,
    body.theme-orange .card-style-crystal .news-summary,
    body.theme-orange .card-style-glass .news-summary,
    body.theme-orange .card-style-gradient .news-summary,
    body.theme-orange .card-style-orbit .news-summary,
    body.theme-orange .card-style-comic .news-summary,
    body.theme-orange .card-style-star .news-summary,
    body.theme-orange .card-style-cartoon .news-summary,
    body.theme-orange .card-style-diagonal .news-summary,
    body.theme-orange .card-style-gallery .news-summary,
    body.theme-orange .card-style-polaroid .news-summary,
    body.theme-orange .card-style-minimal .news-summary,
    body.theme-orange .card-style-brutal .news-summary,
    body.theme-orange .card-style-soft .news-summary,
    body.theme-orange .card-style-glitch .news-summary,
    body.theme-orange .card-style-holographic .news-summary {
        display: none !important;
    }
}