/* Models Cyprus — Talent Profile V8 share utility (draft preview only) */
.mcx-name-row {
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
	width: fit-content;
	max-width: 100%;
	margin: 18px 0 20px;
}
.mcx-name-row h1 {
	margin: 0 !important;
}
.mcx-share-profile {
	appearance: none;
	-webkit-appearance: none;
	width: 36px;
	height: 36px;
	min-width: 36px;
	padding: 0;
	border: 1px solid rgba(255,255,255,.28);
	border-radius: 50%;
	background: rgba(255,255,255,.025);
	color: #fff;
	display: inline-grid;
	place-items: center;
	cursor: pointer;
	transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.mcx-share-profile svg {
	width: 16px;
	height: 16px;
	display: block;
}
.mcx-share-profile:hover,
.mcx-share-profile.is-copied {
	background: #fff;
	color: #111;
	border-color: #fff;
}
.mcx-share-profile:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

/* Keep recommendation cards compact across all talent categories. */
.mcx-related-card img {
	aspect-ratio: 4 / 5 !important;
}
.mcx-share-status {
	position: absolute;
	left: calc(100% + 8px);
	top: 50%;
	transform: translateY(-50%);
	font-family: Quicksand,sans-serif;
	font-size: 10px;
	font-weight: 700;
	color: #aaa;
	white-space: nowrap;
}

/* Canonical Models Cyprus close / remove control. */
.mcx-list-close,
.mcx-list-remove,
.mcx-selection-remove,
.mcx .mcx-close {
	appearance: none !important;
	-webkit-appearance: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	width: 36px !important;
	height: 36px !important;
	min-width: 36px !important;
	min-height: 36px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 1px solid rgba(255,255,255,.22) !important;
	border-radius: 50% !important;
	background: #000 !important;
	color: #fff !important;
	font-family: Arial, sans-serif !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	text-align: center !important;
	box-shadow: none !important;
	cursor: pointer !important;
	transform: none !important;
}
.mcx-list-close:hover,
.mcx-list-close:focus-visible,
.mcx-list-remove:hover,
.mcx-list-remove:focus-visible,
.mcx-selection-remove:hover,
.mcx-selection-remove:focus-visible,
.mcx .mcx-close:hover,
.mcx .mcx-close:focus-visible {
	background: #000 !important;
	color: #fff !important;
	border-color: #fff !important;
	transform: none !important;
}

@media (max-width: 767px) {
	.mcx-name-row { margin: 16px 0 18px; gap: 8px; }
	.mcx-share-profile { width: 34px; height: 34px; min-width: 34px; }
	.mcx-share-status { font-size: 9px; }

	/* Booking List becomes a true edge-to-edge mobile panel. */
	.mcx-list-drawer {
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		bottom: 0 !important;
		width: 100vw !important;
		max-width: none !important;
		border-left: 0 !important;
		padding: calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom)) !important;
		box-sizing: border-box !important;
	}
	.mcx-list-close,
	.mcx-list-remove,
	.mcx-selection-remove,
	.mcx .mcx-close {
		width: 38px !important;
		height: 38px !important;
		min-width: 38px !important;
		min-height: 38px !important;
	}
}
