/* ===========================================
   PROJECTIVE METHODOLOGY - Page-specific styles
   
   Ce fichier contient UNIQUEMENT les effets qui ne
   peuvent PAS être faits dans l'éditeur Elementor.
   =========================================== */

/* ============================================================
   ÉLÉMENTS CONFIGURABLES DANS L'ÉDITEUR ELEMENTOR:
   
   Sur le conteneur .projective-method-number-container:
   - Onglet Avancé > Positionnement > Position: Absolute
   - Onglet Avancé > Positionnement > Horizontal: Center, Offset: 0
   - Onglet Avancé > Positionnement > Vertical: Top, Offset: -25px
   - Onglet Avancé > Mise en page > Largeur: 50px
   - Onglet Avancé > Mise en page > Hauteur: 50px
   - Onglet Style > Arrière-plan > Couleur: #F0F0F0
   - Onglet Style > Bordure > Rayon: 50% (ou 25px)
   
   Sur le texte à l'intérieur (p):
   - Onglet Style > Typographie > Alignement: Centre
   - Onglet Style > Marge: 0
   ============================================================ */

/* -----------------------------------------------------------
   HOVER EFFECT - Nécessite CSS car déclenché par le parent
   ----------------------------------------------------------- */

/* Au survol de la carte, le badge devient teal */
.projective-methodology-card:hover .projective-method-number-container {
    background: #006D77 !important;
}

/* Au survol de la carte, le texte devient blanc */
.projective-methodology-card:hover .projective-method-number-container p {
    color: #FFFFFF !important;
}