/* CSS | Text Link - Yellow-Green-Red-Blue ------------------------------------------------------ */
/* Styles de base pour les liens textuels uniquement (évite les modules boutons) */
.text-link-fff p a,
.text-link-fff span a,
.text-link-fff div a,
.text-link-fff li a,
.text-link-fff-red p a,
.text-link-fff-yellow p a,
.text-link-fff-grey p a,
.text-link-fff-green p a,
.text-link-fff-blue p a,
.text-link-fff-blue-header p a {
    position: relative;
    font-weight: 400 !important; /* Poids normal pour le texte */
    transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
    color: #4267b2 !important; /* Couleur par défaut des liens */
    text-decoration: none;
    z-index: 1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); /* Ombre légère */
}

/* Effets au survol */
.text-link-fff p a:hover,
.text-link-fff span a:hover,
.text-link-fff div a:hover,
.text-link-fff li a:hover,
.text-link-fff-red p a:hover,
.text-link-fff-yellow p a:hover,
.text-link-fff-grey p a:hover,
.text-link-fff-green p a:hover,
.text-link-fff-blue p a:hover,
.text-link-fff-blue-header p a:hover{
  color:#fff !important;
  background-color:#ae2012;
  text-shadow:2px 2px 5px rgba(0,0,0,.5);
  transform:scale(1.05);
  transition:transform .3s ease-in-out, color .5s ease-in-out, background-color .5s ease-in-out;
}

/* Styles spécifiques de fond pour chaque type de lien */
.text-link-fff-red p a:hover { background-color: #ae2012; }
.text-link-fff-yellow p a:hover { background-color: #ee9b00 !important; }
.text-link-fff-grey p a:hover { background-color: #545454 !important; }
.text-link-fff-green p a:hover { background-color: #27a59a !important; }
.text-link-fff-blue p a:hover { background-color: #4267b2 !important; }
.text-link-fff-blue-header p a:hover { background-color: #4267b2 !important; }

/* Pseudo-élément avant (soulignement) */
.text-link-fff p a::before,
.text-link-fff span a::before,
.text-link-fff div a::before,
.text-link-fff li a::before,
.text-link-fff-red p a::before,
.text-link-fff-yellow p a::before,
.text-link-fff-grey p a::before,
.text-link-fff-green p a::before,
.text-link-fff-blue p a::before,
.text-link-fff-blue-header p a::before{
  content:'';
  position:absolute;
  bottom:-1px; left:0;
  width:0; height:2px;
  background-color:currentColor;
  transition:width .4s ease-in-out;
  z-index:-1;
}

/* Soulignement au survol */
.text-link-fff p a:hover::before,
.text-link-fff span a:hover::before,
.text-link-fff div a:hover::before,
.text-link-fff li a:hover::before,
.text-link-fff-red p a:hover::before,
.text-link-fff-yellow p a:hover::before,
.text-link-fff-grey p a:hover::before,
.text-link-fff-green p a:hover::before,
.text-link-fff-blue p a:hover::before,
.text-link-fff-blue-header p a:hover::before{
  width:100%;
  background-color:currentColor;
}

/* Couleurs spécifiques du soulignement */
.text-link-fff-red p a::before { background-color: #ae2012; }
.text-link-fff-yellow p a::before { background-color: #ee9b00 !important; }
.text-link-fff-grey p a::before { background-color: #545454 !important; }
.text-link-fff-green p a::before { background-color: #27a59a !important; }
.text-link-fff-blue p a::before { background-color: #4267b2 !important; }

/* 13) HOVER LINK-COLORS — CATEGORY IN FULLWIDTH HEADER */
/* Base */
.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead a{
  position: relative;
  display: inline-block;           /* évite les glitches avec scale */
  font-weight: 400;
  color: #4267b2;
  text-decoration: none;
  text-shadow: 1px 1px 2px rgba(0,0,0,.1);
  /* color instantané, background et transform lissés */
  transition:
    color 0s linear,
    background-color .3s ease,
    transform .2s ease;
  padding: .05em .2em;             /* (optionnel) fond moins “collé” au texte */
  border-radius: 3px;              /* (optionnel) coins doux pour le fond */
}

/* Souligné animé */
.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead a::before{
  content:"";
  position:absolute;
  left:0; bottom:-2px;
  width:0; height:2px;
  background-color: currentColor;
  transition: width .4s ease;
}
.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead a:hover::before{
  width:100%;
}

/* Hover */
.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead a:hover{
  color:#fff;                    /* instantané */
  background-color:#4267b2;      /* fade → pas de flash */
  transform: scale(1.05);
  text-shadow: 2px 2px 5px rgba(0,0,0,.5);
}

/* Focus clavier */
.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead a:focus-visible{
  outline: 2px solid #4267b2;
  outline-offset: 2px;
  transform: scale(1.05);
}

/* Variantes couleurs (même principe) */
.text-link-fff-red   { --hover-bg:#ae2012; }
.text-link-fff-grey  { --hover-bg:#545454; }
.text-link-fff-green { --hover-bg:#27a59a; }
.text-link-fff-yellow{ --hover-bg:#ee9b00; }
.text-link-fff-blue  { --hover-bg:#4267b2; }

.text-link-fff-red p a,
.text-link-fff-grey p a,
.text-link-fff-green p a,
.text-link-fff-yellow p a,
.text-link-fff-blue p a{
  display:inline-block;
  transition:
    color 0s linear,             /* instantané */
    background-color .3s ease,
    transform .2s ease;
  text-decoration:none;
  padding: .05em .2em;           /* optionnel */
  border-radius: 3px;            /* optionnel */
}

/* Hover des variantes */
.text-link-fff-red p a:hover,
.text-link-fff-grey p a:hover,
.text-link-fff-green p a:hover,
.text-link-fff-yellow p a:hover,
.text-link-fff-blue p a:hover{
  background-color: var(--hover-bg);
  color:#fff !important;         /* si Divi écrase la couleur */
  transform: scale(1.05);
  text-shadow: 2px 2px 5px rgba(0,0,0,.5);
}

/* Focus clavier variantes */
.text-link-fff-red p a:focus-visible,
.text-link-fff-grey p a:focus-visible,
.text-link-fff-green p a:focus-visible,
.text-link-fff-yellow p a:focus-visible,
.text-link-fff-blue p a:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 2px;
  transform: scale(1.05);
}

/* Respect des préférences utilisateur (optionnel) */
@media (prefers-reduced-motion: reduce){
  .et_pb_fullwidth_header .et_pb_fullwidth_header_subhead a,
  .text-link-fff-red p a,
  .text-link-fff-grey p a,
  .text-link-fff-green p a,
  .text-link-fff-yellow p a,
  .text-link-fff-blue p a{
    transition: none !important;
  }
}