/**
 * Mobile Final Override - HIGHEST PRIORITY
 * Version: 1.0
 * هذا الملف يتحمل آخر حاجة ويلغي أي تعارضات
 */

/* ═══════════════════════════════════════════════════════════
   1. إخفاء الوسوم - أقوى CSS ممكن
   ═══════════════════════════════════════════════════════════ */

/* إخفاء كامل للوسوم */
.single .post-tags-section,
.single-post .post-tags-section,
article.post .post-tags-section,
.post-tags,
.tags-section,
.entry-tags,
.tags-wrapper,
div[class*="tags-style"],
div[class*="post-tags"],
.post-tags-section,
section.post-tags-section {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -99999px !important;
    clip: rect(0,0,0,0) !important;
    clip-path: inset(100%) !important;
}

/* ═══════════════════════════════════════════════════════════
   2. عمودين في الأقسام على الموبايل - إلغاء الشريط الأفقي
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    
    /* إلغاء كل CSS بيخلي الأقسام شريط أفقي */
    body.category .category-posts,
    body.archive .category-posts,
    body.search .category-posts,
    body.tax .category-posts,
    .category-posts,
    .archive-posts {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        flex-direction: unset !important;
        flex-wrap: unset !important;
    }
    
    /* تنسيق المقالات - عمودي */
    body.category .category-post-item,
    body.archive .category-post-item,
    body.search .category-post-item,
    body.tax .category-post-item,
    .category-posts .category-post-item {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        margin: 0 !important;
        background: #fff !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        border: 2px solid #e0e0e0 !important;
    }
    
    /* الصورة - فوق */
    body.category .category-post-item .post-thumb,
    body.archive .category-post-item .post-thumb,
    .category-posts .category-post-item .post-thumb {
        width: 100% !important;
        height: 140px !important;
        min-height: 140px !important;
        max-height: 140px !important;
        flex-shrink: unset !important;
        border-radius: 0 !important;
    }
    
    /* العنوان - تحت */
    body.category .category-post-item .post-content-wrap,
    body.archive .category-post-item .post-content-wrap,
    .category-posts .category-post-item .post-content-wrap {
        padding: 12px !important;
        width: 100% !important;
        flex: unset !important;
    }
    
    body.category .category-post-item .post-title,
    body.archive .category-post-item .post-title,
    .category-posts .category-post-item .post-title {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
    
    /* ═══════════════════════════════════════════════════════════
       3. عمودين في "أحدث الأخبار" - إلغاء 3 أعمدة
       ═══════════════════════════════════════════════════════════ */
    
    /* الشكل الأول - كان 3 أعمدة */
    .grid-three-cols,
    .news-section-wrapper .grid-three-cols,
    .section-style1 .grid-three-cols {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }
    
    /* الشكل الثاني - عمودين */
    .grid-two-cols,
    .news-section-wrapper .grid-two-cols,
    .section-style2 .grid-two-cols {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }
    
    /* الشكل الثالث - الصف السفلي */
    .small-horizontal-strip,
    .news-section-wrapper .small-horizontal-strip {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }
    
    /* الجزء العلوي */
    .big-featured-box {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
    
}