/* =================================================================
   3. FICHE DÉTAILLÉE (SINGLE LISTING)
   ================================================================= */

/* =================================================================
   1. Style Amélioré pour Bannière Événement Expiré
   ================================================================= */

/* --- Style Amélioré pour Bannière Événement Expiré --- */

.single-job_listing .expired-notification {
    /* 1. Fond et couleurs */
    background-color: #fff8e1; /* Jaune très pâle pour le fond (plus lisible) */
    color: #8a6d3b; /* Texte brun/doré foncé pour le contraste */
    border: 1px solid #faebcc; /* Bordure subtile */
    border-left: 5px solid #fec42d; /* La touche AllezGo : barre latérale jaune vif */
    
    /* 2. Forme et Espacement */
    border-radius: 8px; /* Angles arrondis */
    padding: 15px 25px; /* De l'air autour du texte */
    margin: 20px auto; /* Espace au-dessus et en-dessous */
    max-width: 1200px; /* Pour ne pas qu'elle soit trop large sur grands écrans */
    width: 95%; /* Responsive mobile */
    
    /* 3. Ombre pour effet de profondeur "Carte" */
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    
    /* 4. Alignement */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 15px;
    line-height: 1.5;
}

/* Ajout d'une icône Horloge automatiquement via CSS */
.single-job_listing .expired-notification::before {
    content: "\f017"; /* Code de l'icône "Horloge" de FontAwesome */
    font-family: "Font Awesome 5 Free"; /* Assurez-vous que c'est la bonne famille chargée */
    font-weight: 900;
    margin-right: 12px;
    font-size: 18px;
    color: #fec42d; /* Couleur de l'icône */
}

/* Petit ajustement pour le gras */
.single-job_listing .expired-notification strong {
    color: #555;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-right: 5px;
}


/* correctif texte long sans espace qui déborde */
.single-job_listing .pf-body p {
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
  }

/* correctif ratio cover mobile */
@media only screen and (max-width: 768px) {
  /* 1. On cible UNIQUEMENT la grande image de fond (avec le signe > ) */
  /* Le ">" signifie "enfant direct", donc ça ne touchera pas l'image cachée dans la vignette */
  .single-job_listing section.featured-section.profile-cover > img,
  .single-job_listing section.featured-section.profile-cover.profile-cover-image {
    aspect-ratio: 50 / 25 !important;
    height: auto !important;
    width: 100% !important;
  }

  /* 2. On "blinde" la vignette pour qu'elle ignore le ratio du dessus */
  .single-job_listing .allezgo-poster-thumb img {
      aspect-ratio: unset !important; /* Annule le 50/25 */
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important; /* Remplissage carré parfait */
  }
}



/* --- STRUCTURE & HEADER --- */
/* Suppression barre menu grise */
.single-listing .profile-header { display: none !important; }
.single-listing .tab-content { margin-top: 30px !important; }
.single-listing .header.header-light-skin:not(.header-scroll) .header-skin { background: rgb(255,248,244) !important; }

/* on cache l'ancienne thumbnail */
.single-job_listing .profile-cover .monitor-icon {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: -9999 !important;
}

/* =================================================================
   DESIGN : VIGNETTE POSTER (Fusion Style LinkedIn + Pivot)
   ================================================================= */

/* 1. STYLE DE BASE (Grands écrans > 1440px) */
/* Positionné "à cheval" sur le bord du bas (Style LinkedIn) */
.single-job_listing .allezgo-poster-thumb {
    position: absolute;
    bottom: -30px; /* Dépasse légèrement en bas */
    left: 40px;
    width: 110px;
    height: 110px;
    z-index: 20; /* Suffisant pour être au-dessus de l'image, mais sous le menu sticky */
    
    border: 4px solid #ffffff;
    border-radius: 15px; /* Coins bien arrondis */
    background: #000; /* Fond noir si l'image charge mal */
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    overflow: hidden;
    cursor: zoom-in;
    
    /* ANIMATION FLUIDE (Rebond) */
    /* On prépare la transition pour le pivot */
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    transform-origin: center center; /* Elle pivote sur son centre */
}

/* L'image à l'intérieur */
.single-job_listing .allezgo-poster-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; /* Évite les petits espaces blancs fantômes */
}

/* 2. L'ANIMATION PIVOT (Au survol) */
.single-job_listing .allezgo-poster-thumb:hover {
    /* Le fameux pivot vers la droite + léger grossissement */
    transform: rotate(8deg) scale(1.1) translateY(-5px);
    
    /* On change la bordure en Rose AllezGo */
    border-color: #f04c58; 
    
    /* L'ombre devient plus intense */
    box-shadow: 0 15px 35px rgba(242, 66, 134, 0.3);
}

/* 3. RESPONSIVE : LAPTOPS & ÉCRANS MOYENS (Entre 769px et 1440px) */
/* C'est ICI qu'on règle ton problème de titre caché */
@media screen and (max-width: 1440px) and (min-width: 769px) {
 .single-job_listing   .allezgo-poster-thumb {
        /* On annule la position du bas */
        bottom: auto !important;
        
        /* On la force en HAUT à Gauche */
        top: 30px !important; 
        left: 30px !important;
        
        /* On ajuste légèrement la taille si besoin */
        width: 100px;
        height: 100px;
    }
}

/* 4. RESPONSIVE : MOBILE (Tablettes et Téléphones < 768px) */
@media screen and (max-width: 768px) {
 .single-job_listing   .allezgo-poster-thumb {
        /* On la remet en bas, mais à l'intérieur de l'image (pas de chevauchement) */
        top: auto !important;
        bottom: 15px !important;
        left: 15px !important;
        
        /* Plus petite */
        width: 70px;
        height: 70px;
        border-width: 2px; /* Bordure plus fine */
        border-radius: 10px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    }
    
    /* On désactive l'effet de pivot sur mobile (ça gêne le tactile parfois) */
 .single-job_listing   .allezgo-poster-thumb:hover {
        transform: none;
        border-color: #fff;
    }
}

/* --- BOUTONS COVER (Appeler, Site web...) --- */
.single-job_listing .listing-main-buttons ul li.lmb-calltoaction {
    background: transparent !important;
    background-color: rgba(0,0,0,0) !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0 0 10px !important;
    width: auto !important;
    display: inline-flex !important;
    height: auto !important;
}

.single-job_listing .listing-main-buttons ul li.lmb-calltoaction a {
    background: linear-gradient(135deg, #FFBC00 0%, #F24286 100%) !important;
    border-radius: 50px !important;
    padding: 12px 28px !important;
    height: auto !important;
    line-height: normal !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(242, 66, 134, 0.4) !important;
    position: relative !important;
    z-index: 10 !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    will-change: transform, box-shadow;
    transform-origin: center center !important;
}
.single-job_listing .listing-main-buttons ul li.lmb-calltoaction a::before,
.single-job_listing .listing-main-buttons ul li.lmb-calltoaction a::after { display: none !important; }

.single-job_listing .listing-main-buttons ul li.lmb-calltoaction a i,
.single-job_listing .listing-main-buttons ul li.lmb-calltoaction a span { color: #ffffff !important; background: none !important; }
.single-job_listing .listing-main-buttons ul li.lmb-calltoaction a i { margin-right: 8px !important; }

.single-job_listing .listing-main-buttons ul li.lmb-calltoaction a:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(255, 188, 0, 0.6) !important;
    background: linear-gradient(135deg, #F24286 0%, #FFBC00 100%) !important;
}

/* Exception Bouton Téléphone (Blanc) */
.single-job_listing .listing-main-buttons ul li.lmb-calltoaction a[href^="tel:"] {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    color: #F24286 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
}
.single-job_listing .listing-main-buttons ul li.lmb-calltoaction a[href^="tel:"] span,
.single-job_listing .listing-main-buttons ul li.lmb-calltoaction a[href^="tel:"] i { color: #F24286 !important; }
.single-job_listing .listing-main-buttons ul li.lmb-calltoaction a[href^="tel:"]:hover {
    background: #fff0f5 !important;
    border-color: #F24286 !important;
    transform: translateY(-3px) !important;
}

/* Correctif Coupure Overflow Boutons */
.single-job_listing .listing-main-buttons,
.single-job_listing .listing-main-buttons ul.no-list-style,
.single-job_listing .listing-main-buttons li.lmb-calltoaction {
    overflow: visible !important;
    clip-path: none !important;
    z-index: 50 !important;
    position: relative !important;
}
.single-job_listing .listing-main-buttons ul.no-list-style { padding-top: 15px !important; margin-top: -15px !important; }

/* Prix court badge */
.single-job_listing .short-price-badge {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: #fff;
    padding: 5px 12px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    cursor: help;
}
.single-job_listing .short-price-badge i { font-size: 16px; }

/* --- CONTENU DES ONGLETS (Tab Content) --- */
.single-listing .tab-content .element {
    background: #fff !important;
    border-radius: 20px !important;
    padding: 30px !important;
    margin-bottom: 30px !important;
    border: none !important;
    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.05) !important;
    transition: transform 0.3s ease;
}
.single-listing .tab-content .element:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 40px -10px rgba(0,0,0,0.08) !important;
}

/* Tags / Mots-clés */
.single-listing .outlined-list li a {
    border-radius: 50px !important;
    padding: 8px 20px !important;
    background-color: #f8f9fa !important;
    border: 1px solid #eee !important;
    color: #555 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}
.single-listing .outlined-list li a i { color: #F24286 !important; }
.single-listing .outlined-list li a:hover {
    background: linear-gradient(135deg, #FFC371 0%, #FF5F6D 100%) !important;
    color: white !important;
    border-color: transparent !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 95, 109, 0.4);
}
.single-listing .outlined-list li a:hover i { color: white !important; }

/* --- COMPTE À REBOURS (Countdown) - STYLE ALLEZGO --- */
.single-job_listing .element.countdown-box {
    /* Dégradé de marque : Rose (#F24286) vers Pêche (#FF8E53) */
    background: linear-gradient(135deg, #F24286 0%, #FF8E53 100%) !important;
    
    /* Ombre portée rosée (au lieu de bleue) */
    box-shadow: 0 15px 30px -10px rgba(242, 66, 134, 0.5) !important;
    
    /* Finitions */
    border: none !important;
    padding: 20px 30px !important;
    min-height: 140px;
    border-radius: 16px !important;
}

/* Force tous les textes et icônes en blanc - SÉLECTEUR RENFORCÉ */
.single-job_listing .countdown-box h5, 
.single-job_listing .countdown-box p, 
.single-job_listing .countdown-box span, 
.single-job_listing .countdown-box i,
.single-job_listing .countdown-box .mi,
.single-job_listing .countdown-box .title-style-1 i { 
    color: #ffffff !important; 
}

/* Nettoyage de l'icône du titre */
.single-job_listing .countdown-box .pf-head .title-style-1 i {
    background: transparent !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin-right: 10px !important;
}

/* Nettoyage des cases et chiffres */
.single-job_listing .countdown-box .countdown-list li,
.single-job_listing .countdown-box .countdown-list li p {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #ffffff !important; /* Force le blanc sur les chiffres */
}

/* Chiffres (Grand format) */
.single-job_listing .countdown-box .countdown-list li p {
    font-size: 48px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    margin-bottom: 5px !important;
    padding: 0 !important;
    text-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
}

/* Libellés (Jours, Heures...) */
.single-job_listing .countdown-box .countdown-list li span {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
}

/* Mobile Countdown - SÉLECTEUR RENFORCÉ */
@media screen and (max-width: 768px) {
    .single-job_listing .element.countdown-box { padding: 20px 5px !important; }
    .single-job_listing .element.countdown-box .countdown-list {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        width: 100% !important;
    }
    .single-job_listing .element.countdown-box .countdown-list li p {
        font-size: 32px !important;
    }
}

/* --- STYLE POUR LE MESSAGE INJECTÉ PAR LE SCRIPT (LIVE MODE) --- */

/* 1. On centre le nouveau message dans le bloc rose */
.single-job_listing .countdown-box.live-mode .pf-body {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100px !important; /* Donne de la consistance au bloc */
}

/* 2. Style du texte "Évènement en cours" ou "Live" */
.single-job_listing .event-ongoing-msg {
    color: #ffffff !important; /* On force le blanc */
    font-size: 22px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex !important;
    align-items: center;
    gap: 12px;
}

/* 3. Style de la pastille "Live" (le point blanc) */
.single-job_listing .live-dot {
    height: 12px !important;
    width: 12px !important;
    background-color: #ffffff !important;
    border-radius: 50% !important;
    display: inline-block !important;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    animation: pulse-white-allezgo 2s infinite;
}

/* Animation de pulsation pour la pastille */
@keyframes pulse-white-allezgo {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

/* --- STYLE ÉVÉNEMENT TERMINÉ --- */
.single-job_listing .event-finished-msg {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    display: flex !important;
    align-items: center;
    gap: 10px;
    opacity: 0.9; /* Un peu plus discret que le "Live" */
}

.single-job_listing .event-finished-msg i {
    font-size: 24px !important;
}

/* On peut changer légèrement le fond pour le mode terminé si on veut */
.single-job_listing .event-finished-mode {
    background: linear-gradient(135deg, #6c757d 0%, #495057 100%) !important; /* Gris sobre */
    box-shadow: 0 10px 20px -10px rgba(0,0,0,0.2) !important;
}

/* --- DIVERS SINGLE --- */
.single-job_listing .price-or-date .value { white-space: normal!important; max-width: 400px!important; }
#c27-single-listing .tab-type-comments .no-results-wrapper { padding-top: 40px; }
.single-job_listing img.avatar.avatar-80.photo { width: 80px!important; }
.single-job_listing .fpsm-display-value { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-top: 80px !important; text-align: center !important; }
.single-job_listing .fpsm-display-value iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

/* 1. CACHER "A VENIR" */
/* On cible le lien qui a la classe google-cal MAIS qui n'a pas de vrai lien URL */
.single-job_listing .upcoming-event-date a.add-to-google-cal[href^="javascript"] {
    display: none !important;
}

/* --- OPTIMISATION BOUTONS CALENDRIER (Version Loco Translate) --- */

/* 1. On cache toujours le bouton "A venir" inutile */
.single-job_listing .upcoming-event-date a.add-to-google-cal[href^="javascript"] {
    display: none !important;
}

/* 2. On cache les dates au-delà de 2 */
.single-job_listing li.upcoming-event-date:nth-of-type(n+3) {
    display: none !important;
}

/* 3. Mise en page Côte à Côte (Flexbox) - CORRIGÉ */
.single-job_listing li.upcoming-event-date {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center;
    
    /* On garde l'espacement mais SANS la ligne de bordure */
    padding-bottom: 15px !important;
    margin-bottom: 10px !important;
    border: none !important; /* Force la suppression de toute ligne rose horizontale */
    
    position: relative; /* Sécurité pour la ligne verticale du thème */
}

/* 4. STYLE DES BOUTONS (Google & iCal) */
li.upcoming-event-date a.add-to-google-cal,
li.upcoming-event-date a.add-to-i-cal {
    /* Côte à côte (50% chacun) */
    flex: 1 !important; 
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    
    /* Joli design bouton */
    height: 32px !important;
    border-radius: 6px !important;
    border: 1px solid #e0e0e0 !important;
    background-color: #f9f9f9 !important;
    text-decoration: none !important;
    font-size: 12px !important; /* Taille du texte */
    font-weight: 600 !important;
    color: #333 !important;
    transition: all 0.2s ease;
}

/* Petite marge entre les deux */
li.upcoming-event-date a.add-to-google-cal {
    margin-right: 8px !important;
}

/* 5. COULEURS AU SURVOL */
.single-job_listing li.upcoming-event-date a.add-to-google-cal:hover {
    background-color: #fff !important;
    border-color: #4285F4 !important;
    color: #4285F4 !important;
}

.single-job_listing li.upcoming-event-date a.add-to-i-cal:hover {
    background-color: #fff !important;
    border-color: #f04c58 !important; /* Rose */
    color: #f04c58 !important;
}

/* =================================================================
   1. CORRECTIF GÉNÉRAL ALIGNEMENT TITRES (H5 + ICONES)
   S'applique à toutes les sections de l'annonce
   ================================================================= */
.single-listing .pf-head .title-style-1 {
    display: flex !important;
    align-items: center !important; /* Centre verticalement icône et texte */
}

.single-listing .pf-head .title-style-1 h5 {
    font-size: 18px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #333;
    margin: 0 !important;     /* Enlève la marge bas qui créait le décalage */
    padding: 0 !important;
    line-height: 1 !important;
}

.single-listing .pf-head .title-style-1 i {
    color: #F24286 !important;
    font-size: 20px !important;
    margin-right: 15px !important;
    background: #fff0f5;
    padding: 10px;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 10px rgba(242, 66, 134, 0.1);
}

/* =================================================================
   2. BLOC NEWSLETTER (Exceptions et Design)
   ================================================================= */

/* --- LE CONTENEUR ROSE --- */
.single-job_listing .bloc-newsletter-centre {
    float: none !important;
    display: block !important;
    margin: 40px auto 20px auto !important;
    
    width: 100%;
    max-width: 600px;
    
    background: #fff5f6 !important;
    border: 1px solid #ffe0e3 !important;
    border-radius: 20px !important;
    padding: 30px !important;
    box-shadow: 0 10px 25px rgba(240, 76, 88, 0.08);
    
    position: relative;
    z-index: 9;
}

/* --- TITRE DE LA NEWSLETTER (OVERRIDE) --- */
/* On force le titre de la newsletter à se re-centrer malgré le correctif général */
.single-job_listing .bloc-newsletter-centre .pf-head .title-style-1 {
    justify-content: center !important; /* C'est la clé pour centrer en mode Flex */
    margin-bottom: 20px;
}

/* On change la couleur du titre spécifiquement pour la newsletter */
.single-job_listing .bloc-newsletter-centre h5 {
    color: #f04c58 !important;
    font-size: 20px !important;
}

/* On adapte l'icône email */
.single-job_listing .bloc-newsletter-centre .title-style-1 i {
    background: rgba(240, 76, 88, 0.1);
    color: #f04c58 !important;
    margin-right: 15px !important; /* Garde l'espace avec le texte */
}

/* --- NETTOYAGE INTERNE --- */
/* Important : On rend le fond du bloc interne transparent pour voir le rose */
.single-job_listing .bloc-newsletter-centre .element.content-block {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    border: none !important;
}

/* --- FORMULAIRE & BOUTON --- */
.single-job_listing .bloc-newsletter-centre .tnp-field-button {
    text-align: center !important;
    margin-top: 15px;
}

.single-job_listing .bloc-newsletter-centre input.tnp-submit {
    background-color: #f24286 !important;
    color: #fff !important;
    border-radius: 50px !important;
    padding: 12px 35px !important;
    font-weight: 700 !important;
    border: none !important;
    transition: transform 0.2s;
}

.single-job_listing .bloc-newsletter-centre input.tnp-submit:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 15px rgba(242, 66, 134, 0.4);
}

/* fix bloc newsletter single listing évite le flash */
.single-job_listing .bloc-newsletter-centre {
    visibility: hidden;
}

/* ============================================================
   CODE PROMO FRONTEND
/* --- SUPPRESSION RADICALE DE L'ICÔNE MYLISTING --- */
.allezgo-gated-code {
    background-color: #ffffff !important;
    border: 2.5px dashed #F24286 !important;
    border-radius: 20px !important;
    padding: 30px 20px !important;
    text-align: center !important;
    position: relative !important;
    min-height: 120px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.allezgo-code-blur {
    filter: blur(8px); /* Flou un peu plus fort pour le mystère */
    font-weight: 800;
    font-size: 24px;
    color: #F24286;
    transition: filter 0.4s ease;
    margin: 10px 0;
}

.is-revealed .allezgo-code-blur {
    filter: blur(0);
}134, 0.3) !important;
  }/* --- MISE À JOUR : MAJUSCULES ET STYLE PRO --- */

.allezgo-code-blur {
    text-transform: uppercase !important; /* Force les majuscules */
    letter-spacing: 3px !important;      /* Augmente un peu l'espace pour le style */
    filter: blur(8px);
    font-weight: 800;
    font-size: 24px;
    color: #F24286;
    transition: filter 0.4s ease;
    margin: 10px 0;
}

.btn-reveal-code {
    text-transform: uppercase !important; /* Bouton également en majuscules */
    background: #F24286 !important;
    color: #ffffff !important;
    padding: 12px 24px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    border: none !important;
    box-shadow: 0 5px 15px rgba(242, 66, 134, 0.3) !important;
    transition: all 0.3s ease !important;
}

.btn-reveal-code {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    /* ... tes autres styles (couleur, arrondi) ... */
}

.btn-reveal-code:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(242, 66, 134, 0.4) !important;
}

/* Force le titre et le code à s'empiler verticalement */
.allezgo-inner-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}

/* S'assure que le titre prend toute la largeur pour pousser le code en dessous */
.allezgo-custom-title {
    display: block !important;
    width: 100% !important;
    margin-bottom: 10px !important;
}

/* S'assure que le code flouté reste bien centré et seul sur sa ligne */
.allezgo-code-blur {
    display: block !important;
    margin: 5px 0 15px 0 !important;
}

/* Style du texte descriptif à l'intérieur de la boîte rose */
.allezgo-offer-text {
    font-size: 14px !important;
    color: #666 !important;
    margin: 0 0 15px 0 !important;
    line-height: 1.4 !important;
    font-style: italic;
}

/* On s'assure que le titre reste bien mis en avant */
.allezgo-custom-title {
    color: #F24286 !important; /* On met le titre en Rose pour l'unité */
    font-size: 15px !important;
}


/******************************************** MEILLEURE LISIBILITE DES ANNONCES   ************************************/
/* Lisibilité optimisée des descriptions d'événements AllezGo */
.single-listing .pf-body p, 
.single-listing .entry-content p {
    margin-bottom: 18px !important;
    line-height: 1.65 !important;
    font-size: 15px !important;
}

.single-listing .pf-body h2, 
.single-listing .pf-body h3, 
.single-listing .entry-content h2, 
.single-listing .entry-content h3 {
    margin-top: 25px !important;
    margin-bottom: 12px !important;
    font-weight: 700 !important;
    color: #333 !important;
}

/* Ajustement pour les listes à puces pour éviter qu'elles ne soient trop aérées */
.single-listing .pf-body ul, 
.single-listing .entry-content ul {
    margin-bottom: 18px !important;
}

.single-listing .pf-body li, 
.single-listing .entry-content li {
    margin-bottom: 6px !important;
    line-height: 1.5 !important;
}


/* =================================================================
   UX : CACHER LA RECHERCHE (Ajout Annonce + Mon Compte)
   Code combiné pour Desktop et Mobile
   ================================================================= */

/* CIBLAGE : Page single listing */
body.single-listing #c27-header-search-form,
body.single-listing .search-trigger,
body.single-listing #c27-header-search-form{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;             /* Écrase la largeur pour libérer l'espace */
    pointer-events: none !important; /* Empêche tout clic sur un élément invisible */
    z-index: -1 !important;          /* Le passe en arrière-plan par sécurité */
}