/* Corrections pour la section "Agence Galahad - La force d'un collectif" en version mobile */

@media (max-width: 768px) {
    /* 1. Correction des photos superposées en haut de la section */
    .avantages {
        position: relative;
        overflow: visible !important; /* Permet aux éléments de déborder si nécessaire */
    }
    
    /* Augmenter l'espace entre "Bien plus qu'un accompagnement individuel" et les icônes */
    .avantages-tagline {
        margin-bottom: 2.5rem !important; /* Augmente l'espace sous le tagline avant les icônes */
    }
    
    /* Solution complète pour les photos flottantes en version mobile */
    /* Masquer toutes les photos flottantes par défaut et les repositionner manuellement */
    .avantages .floating-elements .floating-photo {
        display: none !important; /* Masque toutes les photos par défaut */
    }
    
    /* Afficher et positionner uniquement deux photos stratégiquement placées */
    /* Photo en haut à gauche */
    .avantages .floating-elements .floating-photo:nth-child(1) {
        display: block !important;
        width: 80px !important; /* Taille réduite fixe */
        height: 80px !important;
        top: 5% !important;
        left: 5% !important;
        z-index: -2 !important; /* S'assure qu'elle reste en arrière-plan */
    }
    
    /* Photo en bas à droite */
    .avantages .floating-elements .floating-photo:nth-child(2) {
        display: block !important;
        width: 90px !important;
        height: 90px !important;
        top: auto !important;
        bottom: 15% !important; /* Position plus haute pour éviter de chevaucher le bouton */
        left: auto !important;
        right: 5% !important;
        z-index: -2 !important;
    }
    
    /* Masquer la photo qui se superpose en partie basse */
    .avantages .floating-elements .floating-photo:nth-child(3) {
        display: none !important; /* Masque la photo collaboration2.jpg */
    }
    
    /* Augmentation de l'espacement entre les hexagones */
    .hexagon-grid {
        gap: 1.5rem !important; /* Augmenté de 0.5rem à 1.5rem pour éviter la superposition */
        justify-content: space-evenly !important; /* Distribution équitable de l'espace */
        flex-wrap: wrap !important; /* Assure que les éléments peuvent passer à la ligne si nécessaire */
        margin-bottom: 2rem !important; /* Plus d'espace sous les hexagones */
    }
    
    /* Réduction et ajustement des hexagones */
    .hexagon-item {
        width: 90px !important; /* Réduit à 90px pour éviter la superposition */
        height: 90px !important;
        margin: 0 10px !important; /* Plus de marge horizontale */
    }
    
    /* Réduction de la taille des icônes */
    .avantage-icon {
        width: 40px !important;
        height: 40px !important;
    }
    
    /* Ajustement du numéro */
    .avantage-number {
        font-size: 1.2rem !important;
        margin-top: 5px !important; /* Ajoute un peu d'espace au-dessus du numéro */
    }
    
    /* 2. Correction de la ligne violette qui barre le chiffre */
    .hexagon-content::after {
        bottom: 5px !important; /* Descend davantage la ligne violette (était à 10px) */
        width: 50px !important; /* Ajuste la largeur de la ligne */
    }
    
    /* 3. Agrandissement des conteneurs blancs pour les textes */
    .avantages-detail {
        min-height: 250px !important; /* Augmenté de 220px à 250px */
        padding: 1.8rem !important; /* Augmenté de 1.5rem à 1.8rem */
        margin-top: 1rem !important; /* Ajoute de l'espace au-dessus du conteneur */
    }
    
    .avantage-detail-item {
        padding: 1.8rem !important; /* Augmenté de 1.5rem à 1.8rem */
    }
    
    /* Ajustement des textes dans les conteneurs */
    .avantage-title {
        font-size: 1.1rem !important;
        margin-bottom: 0.8rem !important; /* Légèrement plus d'espace sous le titre */
    }
    
    .avantage-description {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
        max-width: 95% !important; /* Légèrement réduit pour de meilleures marges */
    }
    
    /* Ajustement du conteneur principal */
    .avantages-hexagon-container {
        gap: 1.2rem !important; /* Ajusté pour un meilleur équilibre */
    }
}

/* Pour les très petits écrans mobiles */
@media (max-width: 480px) {
    .hexagon-item {
        width: 85px !important; /* Encore plus petit sur les très petits écrans */
        height: 85px !important;
    }
    
    .avantage-icon {
        width: 35px !important;
        height: 35px !important;
    }
    
    .avantage-number {
        font-size: 1rem !important;
    }
    
    .avantages-detail {
        padding: 1.2rem !important;
    }
    
    .avantage-detail-item {
        padding: 1.2rem !important;
    }
    
    .avantage-title {
        font-size: 1rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .avantage-description {
        font-size: 0.85rem !important;
        line-height: 1.4 !important;
    }
}