/* Fixes CSS pour la page carrieres.html */

/* Section Nos Avantages - Texte en noir */
.features .container p.section-subtitle {
    color: black !important;
    text-shadow: none !important;
}

/* Suppression COMPLÈTE de tous les effets blur dans les sections */
.features::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    background: transparent !important;
}

.testimonials::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    background: transparent !important;
}

/* Suppression de l'effet blur sur les cartes d'avantages */
.features .feature-card {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(255, 255, 255, 0.98) !important;
    filter: none !important;
}

/* Section Ce que dit notre équipe - Suppression de l'effet blur */
.testimonials .feature-card {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(255, 255, 255, 0.98) !important;
    filter: none !important;
}

/* Styles généraux pour les cartes sans blur */
.feature-card, 
.feature-card *,
.features .feature-card,
.features .feature-card *,
.testimonials .feature-card,
.testimonials .feature-card * {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
}

.feature-card {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

/* Ciblage spécifique des sections avec pseudo-éléments */
section.features,
section.features::before,
section.features::after,
section.testimonials,
section.testimonials::before,
section.testimonials::after,
.careers-page .features,
.careers-page .features::before,
.careers-page .features::after,
.careers-page .testimonials,
.careers-page .testimonials::before,
.careers-page .testimonials::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
}

.feature-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}

/* Assurer la lisibilité du contenu des cartes */
.feature-card h3 {
    color: #1f2937 !important;
}

.feature-card p {
    color: #6b7280 !important;
}

.feature-card small {
    color: #9ca3af !important;
}

/* Amélioration des icônes dans les cartes */
.feature-card .feature-icon {
    background: var(--primary-light, rgba(59, 130, 246, 0.1)) !important;
    border-radius: 12px !important;
    width: 60px !important;
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 1rem auto !important;
}

.feature-card .feature-icon i {
    color: var(--primary-color, #2563eb) !important;
    font-size: 1.5rem !important;
}

/* Styles spécifiques pour la section testimonials */
.testimonials .feature-card .feature-icon i {
    color: var(--primary-color, #2563eb) !important;
}

.testimonials .feature-card h3 {
    margin-bottom: 0.5rem !important;
    font-weight: 600 !important;
}

.testimonials .feature-card small {
    font-weight: 500 !important;
    font-style: italic !important;
    margin-top: 1rem !important;
    display: block !important;
}

/* Règle globale pour supprimer TOUS les effets blur sur la page carrières */
.careers-page *,
.careers-page *::before,
.careers-page *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
}

/* Styles de surcharge pour être absolument sûr */
body.careers-page .features::after,
body.careers-page .testimonials::after,
body.careers-page .feature-card,
body.careers-page section.features,
body.careers-page section.testimonials {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    background-image: none !important;
}

/* Force l'opacité complète sur les cartes */
body.careers-page .feature-card {
    background: #ffffff !important;
    opacity: 1 !important;
}

/* Responsive design */
@media (max-width: 968px) {
    .features .container .features {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .testimonials .container .features {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 640px) {
    .features .container .features {
        grid-template-columns: 1fr !important;
    }
    
    .testimonials .container .features {
        grid-template-columns: 1fr !important;
    }
    
    .features .container p.section-subtitle {
        font-size: 1.1rem !important;
        line-height: 1.6 !important;
    }
}