/* ***************************************************************************
 * Encart "Contactez l'agent immobilier" de la fiche bien (bien.php)
 *
 * Fichier separe de main.css, qui est compile depuis des sources SCSS
 * absentes du depot : une recompilation ecraserait ces regles.
 * Charge apres main.css via /css/css_urls.
 * *************************************************************************** */

.produit .contact_agent
	{
	width:65%;
	padding:20px;
	margin:5% 0;
	border:1px solid rgba(0,0,0,.2);
	border-radius:18px;
	}

.produit .contact_agent h2
	{
	font-size:1.7rem;
	margin:0 0 14px;
	}

/* Photo + identite */

.produit .contact_agent .ca_fiche
	{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:14px;
	margin:0 0 16px;
	}

.produit .contact_agent .ca_photo
	{
	width:52px;
	height:52px;
	min-width:52px;
	border-radius:50%;
	margin:0;
	overflow:hidden;
	}

/* Les photos Apimo n'ont pas toutes le meme cadrage : on recadre sur le haut du buste */
.produit .contact_agent img.ca_photo
	{
	-o-object-fit:cover;
	object-fit:cover;
	-o-object-position:center 20%;
	object-position:center 20%;
	}

/* Repli quand l'agent n'a pas de photo cote Apimo */
.produit .contact_agent .ca_initiales
	{
	display:flex;
	align-items:center;
	justify-content:center;
	background:#d8252c;
	color:#fff;
	font-size:1.8rem;
	font-weight:300;
	line-height:1;
	letter-spacing:1px;
	}

.produit .contact_agent .ca_ident
	{
	flex:1 1 120px;
	min-width:0;
	}

.produit .contact_agent .ca_nom
	{
	font-size:1.5rem;
	font-weight:500;
	margin:0;
	line-height:1.2;
	}

.produit .contact_agent .ca_fct
	{
	font-size:1.2rem;
	color:#666;
	margin:2px 0 0;
	}

/* Boutons d'appel et de discussion WhatsApp */

.produit .contact_agent .ca_actions
	{
	display:flex;
	flex-direction:column;
	gap:8px;
	}

.produit .contact_agent .ca_actions a
	{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	padding:10px 12px;
	/* le libelle est petit mais l'appel reste l'action principale : on garde une
	   hauteur de cible tactile confortable au doigt */
	min-height:42px;
	border-radius:50vh;
	font-size:1.35rem;
	color:#fff;
	text-align:center;
	/* col_2 tombe a ~190px de large entre 481 et 810px : le libelle doit pouvoir se replier */
	word-break:break-word;
	}

.produit .contact_agent .ca_actions a i
	{
	font-size:1.5rem;
	}

.produit .contact_agent .ca_actions .ca_tel
	{
	background:#000;
	}

.produit .contact_agent .ca_actions .ca_tel:hover
	{
	background:#d8252c;
	}

/* Vert de marque WhatsApp : le bouton doit rester identifiable au premier coup d'oeil */
.produit .contact_agent .ca_actions .ca_whatsapp
	{
	background:#25d366;
	}

.produit .contact_agent .ca_actions .ca_whatsapp:hover
	{
	background:#128c7e;
	}

/* La fiche bien ne repasse sur une colonne qu'a 480px : d'ici la, col_2 reste a 38% */
@media all and (max-width: 810px)
	{
	.produit .contact_agent
		{
		padding:16px;
		}

	.produit .contact_agent h2
		{
		font-size:1.6rem;
		margin:0 0 12px;
		}

	.produit .contact_agent .ca_photo
		{
		width:46px;
		height:46px;
		min-width:46px;
		}

	.produit .contact_agent .ca_actions a
		{
		padding:9px 8px;
		font-size:1.3rem;
		}
	}

/* ***************************************************************************
 * Coordonnees de l'agent dans la modale "Contacter l'agent"
 * (bloc_modal_contactagence.php, hors du conteneur .produit)
 * *************************************************************************** */

.modal_contactagence .ma_agent
	{
	font-size:1.8rem;
	font-weight:500;
	margin:0 0 6px;
	}

.modal_contactagence .ma_agent .ma_fct
	{
	font-size:1.4rem;
	font-weight:normal;
	color:#666;
	}

.modal_contactagence .btn_whatsapp
	{
	display:inline-flex;
	align-items:center;
	gap:8px;
	margin-left:8px;
	padding:4px 14px;
	border-radius:50vh;
	background:#25d366;
	color:#fff;
	font-size:1.6rem;
	}

.modal_contactagence .btn_whatsapp:hover
	{
	background:#128c7e;
	}

.modal_contactagence .btn_whatsapp i
	{
	font-size:1.8rem;
	}