/* --- CODE POUR POPUP IMMERSIF --- */

/* Règle générale pour le popup sur les grands écrans (PC, tablettes larges) */
/* On utilise les unités "vw" et "vh" qui signifient "pourcentage de la largeur/hauteur de la fenêtre" */
.mfp-iframe-holder .mfp-content {
    max-width: 95vw;  /* Le popup prendra au maximum 95% de la largeur de l'écran */
    width: 100%;      /* S'assure qu'il remplit l'espace donné */
    height: 90vh;     /* Le popup prendra 90% de la hauteur de l'écran */
}

/* S'assure que la visite virtuelle remplit bien son conteneur */
.mfp-iframe-holder iframe {
    width: 100%;
    height: 100%;
}


/* --- Règle spécifique pour les TÉLÉPHONES --- */
/* Ce code ne s'appliquera que si la largeur de l'écran est de 768px ou moins */
@media (max-width: 768px) {
    /* On force le conteneur principal à ne pas avoir de marges */
    .mfp-iframe-holder {
        padding: 0;
    }

    /* On force le contenu du popup à prendre 100% de l'écran */
    .mfp-iframe-holder .mfp-content {
        max-width: 100vw; /* Pleine largeur (100% de la largeur de la fenêtre) */
        height: 100vh;    /* Pleine hauteur (100% de la hauteur de la fenêtre) */
    }

    /* On s'assure que le bouton pour fermer le popup reste visible */
    .mfp-iframe-holder .mfp-close {
        color: #FFFFFF; /* Met le bouton en blanc */
        opacity: 0.8;
        right: 5px;
        top: 5px;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
}

/* Change la couleur de l'icône "Visite 360" en rouge */
.boxsliderdetail .slidebot .control .popup-youtube .icon i.fas.fa-cube {
    color: red !important; /* Force la couleur rouge */
}


/* --- FIN DU CODE --- */



/*
 Style pour le nouveau bloc d'agent (SANS AVATAR)
*/
.property-agent-item-card {
  /* Style de votre surlignage vert */
  background-color: #e8f5e9; 
  margin: 15px 0 5px 0;
  padding: 10px;
  border-radius: 4px;
  border-top: 1px solid #c8e6c9;
}

/* 
  Conteneur pour le nom et le compteur sur la MÊME LIGNE.
  L'espace entre les éléments est géré par 'gap'.
*/
.property-agent-item-card.agent-info-no-avatar {
  display: flex;
  flex-wrap: wrap; 
  align-items: center; 
  justify-content: flex-start;
  gap: 8px; /* C'est ici que votre espace est créé */
}

/* 
  STYLE FINAL (POUR LE NOM) 
*/
.property-agent-item-card.agent-name {
  font-weight: 700!important; 
  color: #674ea7!important; /* Votre couleur */
  text-decoration: none;
  font-size: 0.95em;
  /* Aligne le nom et le badge à l'intérieur */
  display: inline-flex;
  align-items: center;
  gap: 4px; /* Espace entre le nom et le badge */
}

.property-agent-item-card.agent-name:hover {
  text-decoration: underline;
}

/* 
  NOUVEAU - STYLE POUR LE BADGE DE VÉRIFICATION
  Pour l'empêcher de devenir violet et gras
*/
.property-agent-item-card.agent-name.badge {
  color: #0d6efd!important; /* Force la couleur bleue par défaut */
  font-weight: 400!important; /* Force le poids normal */
  font-size: 0.8em; /* Ajuste la taille si nécessaire */
  background-color: transparent!important; /* Au cas où */
}

/* 
  STYLE FINAL (POUR LE COMPTEUR) 
*/
.property-agent-item-card.agent-property-count {
  font-size: 0.95em; 
  color: #674ea7!important; /* Votre couleur */
  font-weight: 700!important; /* Gras */
  display: flex;
  align-items: center;
  gap: 5px; 
}