/*
 * ARTICLE VISIBILITY FIX CSS
 * Ce fichier corrige les problèmes de visibilité des articles causés par style-new-design.css
 * À inclure APRÈS style-new-design.css et blog-style.css
 */

/* 1. KILL ALL ANIMATIONS that might hide content */
*, *::before, *::after {
    animation: none !important;
    animation-delay: 0s !important;
    animation-duration: 0s !important;
    animation-fill-mode: none !important;
    transition: none !important;
    transition-delay: 0s !important;
}

/* 2. OVERRIDE ANY POSSIBLE HIDING RULES with maximum specificity */
html body main {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    position: relative !important;
    transform: none !important;
    filter: none !important;
    clip-path: none !important;
    mask: none !important;
    overflow: visible !important;
    background: white !important;
    min-height: 60vh !important;
}

html body main article,
html body main .article-content,
html body main article.article-content {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    position: relative !important;
    transform: none !important;
    translate: none !important;
    rotate: none !important;
    scale: none !important;
    filter: none !important;
    clip-path: none !important;
    mask: none !important;
    overflow: visible !important;
    height: auto !important;
    width: auto !important;
    color: #333 !important;
}

/* 3. FORCE ALL CONTENT TO BE VISIBLE */
html body main article *,
html body main article *::before,
html body main article *::after,
html body main .article-content *,
html body main .article-content *::before,
html body main .article-content *::after {
    opacity: inherit !important;
    visibility: inherit !important;
    transform: none !important;
    filter: none !important;
}

/* 4. ENSURE TEXT IS VISIBLE */
html body main article h1,
html body main article h2,
html body main article h3,
html body main article h4,
html body main article h5,
html body main article h6,
html body main article p,
html body main article li,
html body main article span,
html body main article a,
html body main article blockquote,
html body main article div {
    opacity: 1 !important;
    visibility: visible !important;
    color: inherit !important;
    background: transparent !important;
    text-shadow: none !important;
}

/* 5. FIX SPECIFIC ARTICLE ELEMENTS */
html body .article-header,
html body header.article-header {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    position: relative !important;
    transform: none !important;
}

/* FIX ARTICLE HEADER CONTENT - Must target elements inside header */
html body header.article-header *,
html body .article-header * {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

html body .article-title,
html body h1.article-title,
html body header .article-title,
html body header h1.article-title {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    color: #1a1a1a !important;
    font-size: 48px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 32px 0 24px !important;
    transform: none !important;
    position: relative !important;
}

html body .article-category {
    opacity: 1 !important;
    visibility: visible !important;
}

html body .article-meta {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 6. FIX COLOR ISSUES - Force text to be dark on light background */
html body main article h1,
html body main article h2,
html body main article h3,
html body main article h4 {
    color: #1a1a1a !important;
}

html body main article p,
html body main article li {
    color: #374151 !important;
}

html body main article a {
    color: #E64100 !important;
}

/* 7. OVERRIDE POTENTIAL JAVASCRIPT ADDED CLASSES */
.hidden,
.invisible,
.fade-out,
.slide-out {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    transform: none !important;
}

/* 8. NUCLEAR OPTION - Use even higher specificity if needed */
body#body main#main article#article,
body.body main.main article.article {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* 9. DISABLE SCROLL ANIMATIONS */
[data-aos],
[data-scroll],
[data-animate] {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* 10. ENSURE ARTICLE RECOMMENDED SECTION WORKS */
.article-content div[style*="grid"] {
    display: grid !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.article-content a[href*=".html"] {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 11. FIX CTA BUTTONS VISIBILITY */
html body article a[href*="wa.me"],
html body .article-content a[href*="wa.me"] {
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-flex !important;
    transform: none !important;
    background-color: #E64100 !important;
    background: #E64100 !important;
}

html body article a[href*="calendly"],
html body .article-content a[href*="calendly"] {
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-flex !important;
    transform: none !important;
}

html body article a[href*="wa.me"] span,
html body .article-content a[href*="wa.me"] span {
    opacity: 1 !important;
    visibility: visible !important;
    color: white !important;
}

html body article a[href*="calendly"] span,
html body .article-content a[href*="calendly"] span {
    opacity: 1 !important;
    visibility: visible !important;
    color: inherit !important;
}