/* ImoRank front-end styles — references design tokens from imorank-tokens.css.
   Layout/structure lives here; colors, fonts, spacing come from the tokens
   file so they can be overridden without touching this file. */

.imorank-agent-list,
.imorank-agent-list * {
	font-family: var(--imorank-font-body);
	color: var(--imorank-color-text);
	box-sizing: border-box;
}

.imorank-agent-list {
	display: flex;
	flex-direction: column;
	gap: var(--imorank-gap);
	margin: 20px 0;
}

.imorank-agent-row {
	display: flex;
	align-items: center;
	gap: 20px;
	border: 1px solid var(--imorank-color-border);
	border-radius: var(--imorank-radius);
	padding: 16px 20px;
	background: #fff;
}

.imorank-agent-rank {
	flex: 0 0 auto;
	width: 48px;
	font-family: var(--imorank-font-heading);
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--imorank-color-primary);
	text-align: center;
}

.imorank-agent-photo img {
	border-radius: 50%;
	width: 80px;
	height: 80px;
	object-fit: cover;
	flex: 0 0 auto;
}

.imorank-agent-info {
	flex: 1 1 auto;
	text-align: left;
}

.imorank-agent-info h3 {
	font-family: var(--imorank-font-heading);
	margin: 0 0 4px;
	font-size: 1.2rem;
	font-weight: 600;
}

.imorank-badge.verified {
	font-size: 0.85rem;
	color: var(--imorank-color-verified);
}

.imorank-agency {
	color: var(--imorank-color-text-light);
	font-size: 0.9rem;
	margin: 0 0 6px;
}

.imorank-bio {
	font-size: 0.9rem;
	color: var(--imorank-color-text-light);
	margin: 0;
}

.imorank-agent-action {
	flex: 0 0 auto;
}

.imorank-contact-btn {
	display: inline-block;
	padding: 8px 20px;
	border-radius: 6px;
	background: var(--imorank-color-primary);
	color: #fff !important;
	text-decoration: none;
	font-size: 0.9rem;
	font-weight: 600;
	white-space: nowrap;
	transition: background 0.15s ease;
}

.imorank-contact-btn:hover {
	background: var(--imorank-color-primary-dark);
}

@media (max-width: 600px) {
	.imorank-agent-row {
		flex-wrap: wrap;
	}
	.imorank-agent-action {
		width: 100%;
	}
	.imorank-contact-btn {
		display: block;
		text-align: center;
	}
}
