/* Mobile Table - Met zichtbare headers */
@media screen and (max-width: 767px) {
    .wp-block-table,
    figure.wp-block-table,
    .entry-content .wp-block-table {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        display: block !important;
    }
    
    .wp-block-table table,
    .entry-content table {
        width: 100% !important;
        min-width: 500px !important;
        font-size: 12px !important;
    }
    
    .wp-block-table table th,
    .wp-block-table table td,
    .entry-content table th,
    .entry-content table td {
        padding: 8px 6px !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
    }
    
    .wp-block-table table th {
        background: #2B6CB0 !important;
        color: white !important;
        white-space: nowrap !important;
    }
}

/* Category/Archive Cards Mobile Fix */
@media screen and (max-width: 767px) {
    /* Archive grid layout */
    .wp-block-post-template,
    .posts-layout {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    
    /* Loop entries (cards) */
    .loop-entry,
    article.loop-entry {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        margin-bottom: 1rem !important;
    }
    
    /* Featured image */
    .loop-entry .post-thumbnail,
    .loop-entry .entry-thumb {
        width: 100% !important;
        height: 180px !important;
        overflow: hidden !important;
    }
    
    .loop-entry .post-thumbnail img,
    .loop-entry .entry-thumb img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    
    /* Card content */
    .loop-entry .entry-content-wrap,
    .loop-entry .post-content-wrap {
        width: 100% !important;
        padding: 1rem !important;
    }
    
    /* Entry title */
    .loop-entry .entry-title {
        font-size: 1rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    /* Entry summary */
    .loop-entry .entry-summary {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-height: none !important;
    }
    
    .loop-entry .entry-summary p {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }
}