/* Geistlich Rep Lookup — block form + Regenerative Specialist profile card (mu-plugin) */

.tm-rep-card {
	--tm-card-blue: var(--blue, #0050c8);
	--tm-card-lt-blue: var(--lt-blue, #009bfa);
	--tm-card-ink: var(--grey, #003355);
	--tm-card-muted: #4d6b80;
	--tm-card-tint: var(--bg-grey-blue, #ebeff1);
	--tm-card-bg: #ffffff;

	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1.75rem;
	align-items: center;
	max-width: 40rem;
	margin: 2rem auto 0;
	padding: 2rem;
	background: var(--tm-card-bg);
	color: var(--tm-card-ink);
	border-radius: 1rem;
	box-shadow: 0 .2rem .5rem rgba(0, 51, 85, .12), 0 1rem 2.5rem rgba(0, 51, 85, .08);
	text-align: left;
	position: relative;
	overflow: hidden;
}


/* Headshot */
.tm-rep-card__media {
	width: 9rem;
	height: 9rem;
	border-radius: 50%;
	padding: 3px;
	background: linear-gradient(135deg, var(--tm-card-blue), var(--tm-card-lt-blue));
	flex-shrink: 0;
}

.tm-rep-card__photo,
.tm-rep-card__initials {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	box-sizing: border-box;
}

.tm-rep-card__photo {
	object-fit: cover;
	object-position: center 20%;
}

.tm-rep-card__initials {
	display: grid;
	place-items: center;
	background: var(--tm-card-tint);
	color: var(--tm-card-blue);
	font-size: 2.5rem;
	font-weight: 600;
	letter-spacing: .02em;
}

/* Text */
.tm-rep-card__body > * {
	margin: 0;
}

.tm-rep-card__eyebrow {
	font-size: .75rem;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--tm-card-lt-blue);
	margin-bottom: .35rem;
}

.tm-rep-card .tm-rep-card__name {
	font-size: 1.6rem;
	line-height: 1.2;
	font-weight: 600;
	color: var(--tm-card-ink);
	margin: 0;
}

.tm-rep-card__title {
	margin-top: .2rem;
	color: var(--tm-card-muted);
	font-size: 1rem;
}

/* Contact actions */
.tm-rep-card__contact,
.tm-rep-card__social {
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}

.tm-rep-card__contact {
	margin-top: 1.25rem;
}

.tm-rep-card__social {
	margin-top: .75rem;
}

.tm-rep-card__contact li,
.tm-rep-card__social li {
	margin: 0;
	padding: 0;
}

.tm-rep-card__contact li::before,
.tm-rep-card__social li::before {
	content: none !important; /* neutralize theme list styles (e.g. arrow-list) */
}

.tm-rep-card__action,
.tm-rep-card__social-link {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	text-decoration: none;
	border-radius: 999px;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
	max-width: 100%;
}

.tm-rep-card__action span,
.tm-rep-card__social-link span {
	overflow-wrap: anywhere;
}

.tm-rep-card__action {
	padding: .55rem 1rem;
	background: var(--tm-card-blue);
	color: #fff;
	font-weight: 600;
	font-size: .9rem;
}

.tm-rep-card__action:hover,
.tm-rep-card__action:focus-visible {
	background: var(--tm-card-ink);
	color: #fff;
}

.tm-rep-card__social-link {
	padding: .4rem .85rem;
	border: 1px solid var(--tm-card-tint);
	color: var(--tm-card-ink);
	font-size: .85rem;
}

.tm-rep-card__social-link:hover,
.tm-rep-card__social-link:focus-visible {
	border-color: var(--tm-card-blue);
	color: var(--tm-card-blue);
}

.tm-rep-card__action:focus-visible,
.tm-rep-card__social-link:focus-visible {
	outline: 2px solid var(--tm-card-lt-blue);
	outline-offset: 2px;
}

.tm-rep-card__icon {
	width: 1.05em;
	height: 1.05em;
	fill: currentColor;
	flex-shrink: 0;
}

/* Lookup block: form + messages */
.gpna-rep-lookup {
	--rl-blue: var(--blue, #0050c8);
	--rl-ink: var(--grey, #003355);
	--rl-line: var(--lt-grey, #bfccd4);
}

.gpna-rep-lookup__form {
	max-width: 34rem;
}

.gpna-rep-lookup--align-center {
	text-align: center;
}

.gpna-rep-lookup--align-center .gpna-rep-lookup__form,
.gpna-rep-lookup--align-center .gpna-rep-lookup__message {
	margin-left: auto;
	margin-right: auto;
}

.gpna-rep-lookup__label {
	display: block;
	margin-bottom: .5rem;
	font-weight: 600;
}

/*
 * The pill is the visible "field"; the input inside it is reset to bare text. Theme form
 * styles (borders, radius, padding, height, fonts, focus rings) are strong enough to leak in,
 * so the resets below use high-specificity selectors and !important on purpose.
 */
.gpna-rep-lookup .gpna-rep-lookup__controls {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin: 0;
	padding: .3rem;
	background: #fff;
	border: 1px solid var(--rl-line);
	border-radius: 999px;
	box-shadow: 0 .25rem 1rem rgba(0, 51, 85, .12);
	transition: box-shadow .15s ease, border-color .15s ease;
}

.gpna-rep-lookup .gpna-rep-lookup__controls:focus-within {
	border-color: var(--rl-blue);
	box-shadow: 0 0 0 3px rgba(0, 155, 250, .3), 0 .25rem 1rem rgba(0, 51, 85, .12);
}

.gpna-rep-lookup .gpna-rep-lookup__controls input.gpna-rep-lookup__input,
.gpna-rep-lookup .gpna-rep-lookup__controls input.gpna-rep-lookup__input:hover,
.gpna-rep-lookup .gpna-rep-lookup__controls input.gpna-rep-lookup__input:focus,
.gpna-rep-lookup .gpna-rep-lookup__controls input.gpna-rep-lookup__input:focus-visible {
	-webkit-appearance: none !important;
	appearance: none !important;
	flex: 1 1 auto;
	width: auto !important;
	min-width: 0;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: .55rem 1.1rem !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: transparent !important;
	box-shadow: none !important;
	outline: none !important;
	color: var(--rl-ink) !important;
	font-family: inherit !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	letter-spacing: .03em;
}

.gpna-rep-lookup .gpna-rep-lookup__controls input.gpna-rep-lookup__input::placeholder {
	color: #7a8fa0;
	opacity: 1;
}

.gpna-rep-lookup .gpna-rep-lookup__controls button.gpna-rep-lookup__button {
	-webkit-appearance: none;
	appearance: none;
	flex: 0 0 auto;
	width: auto;
	height: auto;
	margin: 0 !important;
	padding: .6rem 1.35rem !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--rl-blue) !important;
	box-shadow: none !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: 1rem !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color .15s ease;
}

.gpna-rep-lookup .gpna-rep-lookup__controls button.gpna-rep-lookup__button:hover,
.gpna-rep-lookup .gpna-rep-lookup__controls button.gpna-rep-lookup__button:focus-visible {
	background: var(--rl-ink) !important;
}

.gpna-rep-lookup .gpna-rep-lookup__controls button.gpna-rep-lookup__button:focus-visible {
	outline: 2px solid var(--rl-blue) !important;
	outline-offset: 2px;
}

.gpna-rep-lookup__hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.gpna-rep-lookup__message {
	max-width: 34rem;
	margin-top: 1.5rem;
}

.gpna-rep-lookup--align-left .tm-rep-card {
	margin-left: 0;
}

.gpna-rep-lookup__preview-note {
	margin: 1.5rem 0 -1rem;
	font-size: .75rem;
	opacity: .6;
}

/* Mobile: stack and center */
@media (max-width: 600px) {
	.gpna-rep-lookup .gpna-rep-lookup__controls {
		flex-direction: column;
		align-items: stretch;
		border-radius: 1.25rem;
	}

	.gpna-rep-lookup .gpna-rep-lookup__controls input.gpna-rep-lookup__input {
		text-align: center;
	}

	.tm-rep-card {
		grid-template-columns: 1fr;
		justify-items: center;
		text-align: center;
		gap: 1.25rem;
		padding: 2rem 1.25rem 1.5rem;
	}

	.tm-rep-card__media {
		width: 7.5rem;
		height: 7.5rem;
	}

	.tm-rep-card__contact,
	.tm-rep-card__social {
		justify-content: center;
	}

	.tm-rep-card__contact {
		flex-direction: column;
		align-items: stretch;
	}

	.tm-rep-card__action {
		justify-content: center;
	}
}