/* Assurez-vous que les styles sont appliqués correctement */


/* Début - Popup Cookie */
.wrapper {
    position: fixed; /* Utilisez fixed pour rester en haut */
    max-width: 365px;
    background: #fff;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, 0.15);
    text-align: center;
    top: 100px; /* Ajustez la position si nécessaire */
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999; /* Assurez-vous que le popup est au-dessus des autres éléments */
    display: none; /* Masqué par défaut, affiché par le JavaScript */
    flex-direction: column; /* Colonne pour que l'image soit au-dessus du texte */
}

.wrapper img {
    max-width: 50%; /* Ajuste l'image à la largeur du conteneur */
    height: auto; /* Maintient les proportions de l'image */
    display: block; /* Change l'image en élément de bloc */
    margin: 0 auto; /* Centre l'image horizontalement */
}

.wrapper .content {
    margin-top: 15px; /* Ajoute une marge entre l'image et le texte */
}

.wrapper .buttons {
    display: flex;
    justify-content: center; /* Centre les boutons horizontalement */
    gap: 10px; /* Espace entre les boutons */
}

/* Media query pour les écrans de tablette et plus petits */
@media (max-width: 768px) {
    .wrapper {
        max-width: 90%; /* Réduit la largeur maximale du popup sur les écrans plus petits */
        padding: 15px; /* Réduit le padding pour plus de compacité */
        top: 50px; /* Ajuste la position pour les écrans plus petits */
    }
}

/* Media query pour les écrans de mobile */
@media (max-width: 480px) {
    .wrapper {
        padding: 10px; /* Réduit davantage le padding pour s'adapter aux petits écrans */
        top: 110px; /* Réduit la distance du haut pour les très petits écrans */
        width: max-content;
    }

    .wrapper .buttons {
        flex-direction: column; /* Empile les boutons verticalement pour les petits écrans */
        gap: 10px; /* Ajoute un espace entre les boutons */
    }
}

/* Fin - Popup Cookie */


 /* Forcer le dropdown à prendre toute la largeur de son conteneur */
  .dropdown.is-fullwidth .dropdown-trigger .button {
    width: 100%;
  }

  .dropdown.is-fullwidth .dropdown-menu {
    width: 100%;
  }




/* Debut - Taille Logo Icon */
  .skill-logo {
    vertical-align: middle;
    width: 30px;
    margin-right: 10px;
}
/* Fin - Taille Logo Icon */

/* Debut - Couleur de la ligne */
.custom-hr {
    border: none; /* Supprime les bordures par défaut */
    height: 1px; /* Définir la hauteur */
    background-color: white; /* Définir la couleur de fond */
    margin: 0; /* Éliminer les marges */
}
/* Fin - Couleur de la ligne */

/* Debut - Reduire la taille br */
.small-space {
    margin: 0; /* Réduit les marges autour des <br> */
    padding: 0; /* Réduit les paddings autour des <br> */
    line-height: 0; /* Réduit l'espace vertical */
}
/* Fin - Reduire la taille br */