/* Premium listing profile pages (/professionnel/slug/) */

.bf-profile {
	--bf-accent: #0f766e;
	--bf-accent2: #2dd4bf;
	--bf-glow: rgba(15, 118, 110, 0.25);
	--bf-gradient: linear-gradient(135deg, #115e59 0%, #14b8a6 100%);
}

.bf-profile__toolbar {
	position: sticky;
	top: 0;
	z-index: 40;
	background: rgba(255, 255, 255, 0.96);
	border-bottom: 1px solid rgba(15, 23, 42, 0.08);
	backdrop-filter: blur(8px);
	box-shadow: 0 4px 24px var(--bf-glow);
}

.bf-profile__toolbar-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0.65rem 1rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
}

.bf-profile__identity {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.75rem;
	font-size: 0.85rem;
	color: #475569;
}

.bf-profile__metier {
	font-weight: 700;
	color: var(--bf-accent);
}

.bf-profile__specialty {
	color: #64748b;
}

.bf-profile__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.bf-profile__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.45rem 0.9rem;
	border-radius: 999px;
	font-size: 0.82rem;
	font-weight: 600;
	text-decoration: none;
	color: #fff;
	background: var(--bf-gradient);
	box-shadow: 0 2px 10px var(--bf-glow);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.bf-profile__btn:hover,
.bf-profile__btn:focus {
	color: #fff;
	transform: translateY(-1px);
	box-shadow: 0 4px 16px var(--bf-glow);
}

.bf-profile__btn--whatsapp {
	background: linear-gradient(135deg, #128c7e 0%, #25d366 100%);
}

.bf-profile__body {
	max-width: none;
}

.bf-profile__body.entry-content {
	margin: 0;
}

/* Basic (free/pro) single */
.bf-listing-single--basic {
	max-width: 720px;
	margin: 2rem auto;
	padding: 0 1rem 3rem;
}

.bf-listing-single__title {
	margin-bottom: 1rem;
}

.bf-listing-single__address {
	line-height: 1.6;
}

.bf-listing-single__phone,
.bf-listing-single__map {
	font-weight: 600;
}

@media (max-width: 640px) {
	.bf-profile__toolbar-inner {
		flex-direction: column;
		align-items: stretch;
	}

	.bf-profile__actions {
		justify-content: center;
	}
}
