/* Conteneur global du carrousel */
.events-carousel-wrapper {
    background-color: #f8f5f6; /* Couleur de fond bleu clair */
    padding: 20px; /* Réduction de l'espace pour les flèches et le contenu */
    border-radius: 30px; /* Bordures très arrondies */
    margin-bottom: 20px;
    position: relative;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

/* Conteneur pour chaque événement */
.event {
    background: #ffffff;
    padding: 15px; /* Réduction du padding */
    border-radius: 20px;
    min-width: 250px;
    text-align: left;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Effet de survol pour chaque événement */
.event:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Style pour la date de l'événement */
.event-date {
    font-size: 14px;
    color: #666;
    margin-bottom: 5px; /* Réduction de la marge */
    font-family: 'Arial', sans-serif;
    text-align: left;
}

/* Conteneur pour la localisation et le prix */
.event-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Arial', sans-serif;
}

/* Style pour la localisation */
.event-location {
    font-size: 16px;
    color: #4c4c4c; /* Couleur pour la localisation */
    font-weight: bold;
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* Icône de localisation avant le texte */
.event-location::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-image: url('https://haiz-formations.fr/wp-content/uploads/2024/08/Frame-220.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Style pour le prix */
.event-price {
    font-size: 20px;
    color: #ce6161; /* Couleur pour le prix */
    font-weight: bold;
    text-align: right;
}

/* Style pour les places disponibles */
.event-seats {
    font-size: 14px;
    color: #999;
    margin-top: 5px; /* Ajout de la marge en haut */
    text-align: left;
}

/* Fond pour l'événement avec une image en arrière-plan */
.event::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url('https://haiz-formations.fr/wp-content/uploads/2024/08/your-watermark.png');
    background-size: 120px;
    background-repeat: no-repeat;
    opacity: 0.08;
    width: 120px;
    height: 120px;
    transform: translate(-50%, -50%);
}

/* Boutons de navigation du carrousel */
.slick-prev, .slick-next {
    background-color: transparent !important; /* Suppression du fond des flèches */
    border: none;
    cursor: pointer;
    padding: 20px; /* Augmentation de la taille du padding */
    font-size: 30px; /* Augmentation de la taille de la flèche */
    position: absolute;
    top: 50%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px; /* Augmentation de la largeur */
    height: 80px; /* Augmentation de la hauteur */
    transform: translateY(-50%); /* Centrer verticalement */
    color: #ce6161; /* Couleur des flèches */
}

.slick-prev {
    left: -50px; /* Écarter la flèche à gauche */
}

.slick-next {
    right: -50px; /* Écarter la flèche à droite */
}

.slick-prev:before, .slick-next:before {
    content: ''; /* Supprime le contenu par défaut */
    display: inline-block;
    width: 30px; /* Augmentation de la largeur de l'icône */
    height: 30px; /* Augmentation de la hauteur de l'icône */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.slick-prev:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ce6161" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left"><polyline points="15 18 9 12 15 6"></polyline></svg>');
}

.slick-next:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ce6161" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>');
}

/* Effet de survol pour les boutons de navigation */
.slick-prev:hover, .slick-next:hover {
    /* Retirer la transformation pour enlever l'effet de descente */
}

/* Adaptation du design pour les petits écrans */
@media (max-width: 768px) {
    .slick-prev, .slick-next {
        display: none; /* Masquer les flèches sur les écrans moyens */
    }
}

@media (max-width: 480px) {
    .slick-prev, .slick-next {
        display: none; /* Masquer les flèches sur les petits écrans */
    }
}

.full {
    color: #ce6161;
    font-weight: bold;
}