/* =================================================================
   SELECT2 : HOMEPAGE & PAGE EXPLORE
   ================================================================= */

/* Nettoyage lignes Select2 sur Home et Explore */
.home .select2-container--default .select2-selection--single .select2-selection__rendered,
.home .select2-container--accent .select2-selection--single .select2-selection__rendered,
.page-template-explore .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom: none !important;
    padding-left: 0 !important;
}

.home .select2-container--default .select2-selection--single,
.page-template-explore .select2-container--default .select2-selection--single {
    border-bottom: 1px solid #e5e5e5 !important;
    outline: none !important;
}

/* Ajustement texte Select */
.home .select2-selection__rendered,
.page-template-explore .select2-selection__rendered {
    line-height: normal !important;
    color: #444 !important;
}

/* Champ de recherche interne au Select */
.home .select2-search__field,
.page-template-explore .select2-search__field {
    border-radius: 8px !important;
    border: 1px solid #eee !important;
    padding: 8px !important;
}


/* =================================================================
 10.  DESIGN RECHERCHE INSTANTANÉE (Dropdown Header)
   ================================================================= */

/* 1. Le Conteneur Global (La "Carte") */
.c27-main-header .instant-results {
	display: none !important;
}

/* =================================================================
   CENTRAGE ET DESIGN DES ICONES (CARTES ELITE)
   ================================================================= */

/* 1. Force le centrage du bloc footer */
.ag-elite-item .ag-card-footer, 
.ag-elite-item .ag-footer-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
    float: none !important;
}

/* 2. Style du conteneur MyListing (Reset des floats) */
.ag-elite-item .listing-details.actions.c27-footer-section {
    display: inline-flex !important;
    justify-content: center !important;
    width: auto !important;
    margin: 15px auto 0 auto !important;
    float: none !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
}

/* 3. Alignement des icônes (Ronds gris -> Rose) */
.ag-elite-item .ld-info ul {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.ag-elite-item .ld-info ul li a {
    width: 40px !important;
    height: 40px !important;
    background-color: #f7f8fa !important;
    color: #94a3b8 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

/* 4. Effet de survol Signature AllezGo */
.ag-elite-item .ld-info ul li a:hover {
    background-color: #F24286 !important;
    color: #fff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 12px rgba(242, 66, 134, 0.2) !important;
}

.ag-elite-item .ld-info ul li {
    border: none !important;
    margin: 0 !important;
}

/* =================================================================
   RÉACTION VISUELLE AU CLIC (COEUR ENFONCÉ) - UNIVERSEL
   ================================================================= */

/* 1. État permanent pour l'icône dans un listing bookmarqué */
/* On cible le cœur (favorite) spécifiquement dans MyListing */
.c27-bookmark-button.bookmarked i,
.ag-elite-item .c27-bookmark-button.bookmarked i,
#lf-item-container .c27-bookmark-button.bookmarked i {
    color: #F24286 !important; /* Le Rose Signature */
}

/* 2. Style Optionnel : Fond du bouton très légèrement rosé pour renforcer l'effet */
.c27-bookmark-button.bookmarked {
    background-color: rgba(242, 66, 134, 0.05) !important; /* Rose très pâle, presque invisible */
}

/* 3. On sécurise le style au survol (hover) pour qu'il "colle" à cet état */
.c27-bookmark-button.bookmarked:hover i {
    color: #ffffff !important; /* Reste blanc sur rose au survol */
}

.c27-bookmark-button.bookmarked:hover {
    background-color: #F24286 !important; /* Reste rose au survol */
}




/* =================================================================
   FIX TYPEWRITER EFFECT RECHERCHER (Suppression ligne fantôme)
   ================================================================= */

/* 1. On rend le placeholder natif (celui du thème) totalement transparent */
.dark-forms.header-search.search-shortcode-light input::placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

/* 2. On prépare le conteneur pour recevoir notre faux texte */
.dark-forms.header-search.search-shortcode-light {
    position: relative !important; /* Indispensable pour positionner le texte */
}

/* 3. Le style du "Faux Placeholder" (Le texte animé) */
.ag-fake-placeholder {
    position: absolute;
    left: 50px; /* Ajusté pour tomber après la loupe (20px padding + 18px icone + 12px marge) */
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; /* Le clic passe au travers pour aller dans l'input */
    color: #6b7280; /* Gris moyen (ajustez selon votre goût) */
    font-size: 15px;
    font-weight: 500;
    font-family: inherit;
    z-index: 5;
    white-space: nowrap;
    overflow: hidden;
}

/* 4. Si l'utilisateur écrit, on cache le faux texte (via une classe JS) */
.ag-fake-placeholder.hidden {
    display: none !important;
}

/* =================================================================
   FIX RECHERCHE MOBILE (AVEC TYPEWRITER ACTIVÉ)
   ================================================================= */

/* 1. CONTENEUR GLOBAL */
#quicksearch-mobile .header-search {
    background-color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08) !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important; /* Centre tout verticalement */
    height: 55px !important;
    position: relative !important; /* Important pour les éléments absolus */
}

/* 2. L'INPUT (Invisible mais cliquable) */
#quicksearch-mobile input[type="search"] {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    height: 100% !important;
    width: 100% !important;
    padding: 0 20px 0 50px !important; /* Espace gauche pour la loupe */
    font-size: 16px !important; /* Anti-zoom */
    color: #333 !important;
    z-index: 2 !important; /* Doit être au-dessus du texte fantôme pour cliquer */
    position: relative !important;
}

/* 3. ON CACHE LE TEXTE NATIF ("Recherche loisirs") */
#quicksearch-mobile input::placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

/* 4. ON AFFICHE LE TEXTE ANIMÉ (Typewriter) */
#quicksearch-mobile .ag-fake-placeholder {
    display: block !important; /* On le réactive ! */
    position: absolute !important;
    
    left: 50px !important; /* Alignement après la loupe */
    top: 50% !important;
    transform: translateY(-50%) !important; /* Centrage vertical parfait */
    
    color: #9ca3af !important; /* Gris moyen élégant */
    font-size: 16px !important;
    pointer-events: none !important; /* Le clic passe au travers */
    z-index: 1 !important; /* Derrière l'input */
    white-space: nowrap !important;
}

/* 5. Positionnement de l'icône loupe (CORRECTIF DUPLICATA) */

/* A. La loupe principale (celle du champ de saisie) */
/* Le signe ">" est CRUCIAL : il dit de ne cibler QUE la loupe directe, pas celle des boutons en dessous */
#quicksearch-mobile .header-search > i.mi.search {
    position: absolute !important;
    left: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    color: #F24286 !important;
    font-size: 20px !important;
    margin: 0 !important;
    height: auto !important;
    width: auto !important;
}

/* B. SÉCURITÉ : On remet la loupe du bouton "Voir tous les résultats" à sa place */
/* Au cas où elle aurait été déplacée, on force son comportement normal */
#quicksearch-mobile button.view-all-results i.mi.search {
    position: static !important; /* Reste dans le flux du bouton */
    transform: none !important;
    margin-right: 10px !important; /* Petit espace avant le texte */
    color: #fff !important; /* Blanc sur le bouton rose */
    display: inline-block !important;
    font-size: 14px !important; /* Taille normale */
}