/* mobile-fixes.css - اصلاحات اختصاصی برای دستگاه‌های موبایل */

/* حل مشکل پنهان شدن و نامرئی بودن متن‌ها در موبایل */
@media (max-width: 768px) {
    /* مشکل AOS در مورد متون - لغو همه انیمیشن‌ها و اطمینان از نمایش متن */
    [data-aos], 
    [data-aos^=fade][data-aos^=fade],
    [data-aos^=zoom][data-aos^=zoom] {
        opacity: 1 !important;
        transform: none !important;
        visibility: visible !important;
        animation: none !important;
        transition: none !important;
    }
    
    /* رفع مشکل پوشانده شدن متن در زمان لود اولیه */
    body, body * {
        opacity: 1 !important;
        visibility: visible !important;
    }    /* استثنا برای منوی همبرگری - اجازه تغییر حالت */
    .hamburger,
    .hamburger .bar,
    .nav-menu,
    .preserve-mobile-behavior {
        opacity: inherit !important;
        visibility: inherit !important;
        transform: inherit !important; 
        animation: inherit !important;
        transition: all 0.3s ease !important;
    }
    
    /* اطمینان از عدم نمایش منوی همبرگری در دسکتاپ */
    @media (min-width: 901px) {
        .hamburger {
            display: none !important;
            visibility: hidden !important;
            opacity: 0 !important;
        }
    }
    
    /* اطمینان از نمایش منوی همبرگری در دستگاه‌های کوچک */
    @media (max-width: 900px) {
        .hamburger {
            display: block !important;
            opacity: 1 !important;
            visibility: visible !important;
            position: relative !important;
            z-index: 9999 !important;
        }
        
        .hamburger .bar {
            display: block !important;
            opacity: 1 !important;
            visibility: visible !important;
            background-color: var(--font-color-light) !important;
        }
    }
    
    /* ترمیم وضعیت نمایش منو */
    #main-nav ul.nav-menu {
        display: none !important;
    }
    
    #main-nav ul.nav-menu.active {
        display: flex !important;
    }
    
    /* متن‌های هدر و قسمت‌های مختلف */
    .hero h1, 
    .hero p, 
    .hero .cta-button,
    h1, h2, h3, h4, h5, h6, p, span, a, li {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        animation: none !important;
    }
    
    /* رفع مشکلات نمایش در گالری */
    .gallery-grid,
    .gallery-item,
    .gallery-item img {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }
    
    /* اصلاح مسئله نمایش محتوا */
    section, .container, .content {
        overflow-x: hidden !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* رفع بقیه مشکلات انیمیشنی */
    * {
        animation-delay: 0s !important;
        animation-duration: 0s !important;
    }
    
    /* اصلاح مشکل تاخیر در انیمیشن‌ها */
    @keyframes none {
        0% { opacity: 1; }
        100% { opacity: 1; }
    }
    
    /* غیرفعالسازی انیمیشن‌های فیدین */
    .fadeInUp, .fadeInDown, .zoomIn, .fadeIn {
        animation: none !important;
        opacity: 1 !important;
    }
    
    /* اطمینان از قابل دیدن بودن کامل مقالات */
    .article-list-item,
    .article-list-item a,
    .article-list-title {
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* اصلاح پوشش متن توسط انیمیشن و محرک‌های مشابه */
    body * {
        z-index: auto !important;
    }
}

/* بهبود خوانایی متن در دستگاه‌های کوچک‌تر */
@media (max-width: 480px) {
    body {
        font-size: 15px !important;
    }
    
    .hero h1 {
        font-size: 1.6rem !important;
    }
    
    .hero p {
        font-size: 1rem !important;
    }
    
    section h2 {
        font-size: 1.4rem !important;
    }
}