/* ============================================
   USER FIXES (PATCH V2)
   Mobile Optimization, Accessibility & Visibility
   ============================================ */

/* 1. FORCE VISIBILITY (FAIL-SAFE) */
/* Override dangerous opacity:0 from animations.css */
.scroll-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

.animate-fade-in,
.animate-fade-in-up,
.animate-fade-in-down,
.animate-fade-in-left,
.animate-fade-in-right {
    opacity: 1 !important;
    animation: none !important;
}

/* 2. FOCUS VISIBILITY */
/* Remove default orange outline */
*:focus {
    outline: none !important;
}

/* Add custom accessible focus */
*:focus-visible {
    outline: 2px solid var(--primary-blue);
    outline-offset: 2px;
}

/* 3. TEXT READABILITY & SPACING */
/* Fix spacing for headings - Moins serré, plus aéré */
h1,
h2,
h3,
.hero-title,
.section-title {
    letter-spacing: 0.02em !important;
    /* Espacement lettres positif */
    line-height: 1.3 !important;
}

.hero-title {
    letter-spacing: 0.03em !important;
    word-spacing: 0.1em !important;
    /* Espacement mots */
    line-height: 1.2 !important;
}

p.hero-subtitle {
    letter-spacing: 0.01em;
    line-height: 1.6;
}

/* 4. HERO BUTTON COLOR */
.hero .btn-white {
    color: var(--primary-blue) !important;
}

/* Green alternate (commented out) */
/* .hero .btn-white { color: var(--secondary-green) !important; } */

/* 5. WHITE BACKGROUNDS */
/* Force white background on specific sections */
.contact-hero,
.about-hero {
    /* Keep gradients for heroes */
}

/* Contact form section background */
.contact-section,
.contact-form-container {
    background-color: #FFFFFF !important;
}

/* Cabinet values section */
.cabinet-values,
.mission-section {
    background-color: #FFFFFF !important;
}

/* 6. MOBILE OPTIMIZATIONS (CRITICAL) */
@media (max-width: 768px) {

    /* Disable heavy effects */
    .parallax {
        transform: none !important;
    }

    .hero::before {
        animation: none !important;
    }

    /* Improve touch targets */
    button,
    a.btn,
    input,
    select {
        min-height: 48px;
    }

    /* Fix text sizes */
    html {
        font-size: 16px;
        /* Reset base size */
    }

    p {
        font-size: 1rem !important;
        line-height: 1.6;
    }

    /* Ensure nothing overflows */
    body {
        overflow-x: hidden;
        width: 100%;
    }
}