/**
 * Physician widget styling (Elementor): independent from theme `style.css`.
 *
 * The widget markup root is:
 * `.pulsetcm-elementor-physician-card.pulse-members-wrap`
 *
 * This file scopes all “Pulse member cards” styles so backend editor and
 * front-end look identical (when the widget is placed).
 */

.pulsetcm-elementor-physician-card.pulse-members-wrap .member-box {
	max-width: 100%;
	box-sizing: border-box;
	padding: 0 !important;
}

.pulsetcm-elementor-physician-card.pulse-members-wrap .pulse-member-photo {
	border-radius: 18px;
	overflow: hidden;
	margin: 0;
}

.pulsetcm-elementor-physician-card.pulse-members-wrap .pulse-member-photo.card {
	display: flex;
	flex-direction: row;
	align-items: stretch;
}

.pulsetcm-elementor-physician-card.pulse-members-wrap .pulse-member-photo > a {
	display: block;
	flex-shrink: 0;
	/* Match the wide portrait column from your reference. */
	flex: 0 0 38%;
	max-width: 38%;
	width: auto;
}

.pulsetcm-elementor-physician-card.pulse-members-wrap .pulse-member-photo > a > picture,
.pulsetcm-elementor-physician-card.pulse-members-wrap .pulse-member-photo > a > img,
.pulsetcm-elementor-physician-card.pulse-members-wrap .pulse-member-photo > a > video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.pulsetcm-elementor-physician-card.pulse-members-wrap .pulse-member-photo > a > picture > img {
	border-radius: 0;
}

/* Extra shell polish similar to the original physician cards. */
.pulsetcm-elementor-physician-card.pulse-members-wrap .pulse-member-photo.card {
	min-height: 220px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.pulsetcm-elementor-physician-card.pulse-members-wrap .pulse-member-description {
	flex: 1;
	min-width: 0;
	padding: 1.5rem 1.75rem !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Remove accent border quirks for the widget. */
.pulsetcm-elementor-physician-card.pulse-members-wrap .pulse-member-description .eael-entry-meta {
	border-left: 0 !important;
	padding-left: 0 !important;
	margin-bottom: 0.25rem;
}

.pulsetcm-elementor-physician-card.pulse-members-wrap .pulse-member-description .eael-entry-meta a {
	color: #121212;
	font-weight: 700;
	font-style: normal;
	font-size: 1.15rem;
	text-decoration: none;
}

.pulsetcm-elementor-physician-card.pulse-members-wrap .pulse-member-description .member-role {
	font-size: 0.8rem;
	color: #555;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 0.4rem;
	font-style: italic;
}

.pulsetcm-elementor-physician-card.pulse-members-wrap .pulse-member-description .member-regno {
	font-size: 0.8em;
	font-style: italic;
}

.pulsetcm-elementor-physician-card.pulse-members-wrap .pulse-member-description .member-expertise {
	border-top: 1px solid #eaeaea;
	padding-top: 0.8rem;
	margin-top: 0.5rem;
	font-size: 0.85rem;
	color: #444;
	line-height: 1.5;
	font-style: italic;
}

.pulsetcm-elementor-physician-card.pulse-members-wrap .pulse-member-details {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: flex-end;
	width: 30px;
	height: 30px;
	margin-top: auto;
	background-color: #f3f4f6;
	border-radius: 50%;
	color: #d97f3a;
	transition: background-color 0.2s ease, color 0.2s ease;
	text-decoration: none;
}

.pulsetcm-elementor-physician-card.pulse-members-wrap .pulse-member-details:hover {
	background-color: #e5e7eb;
	color: #121212;
}

.pulsetcm-elementor-physician-card.pulse-members-wrap .pulse-member-details i {
	font-size: 1.1rem;
	margin: 0;
	color: #d97f3a;
}

@media only screen and (max-width: 575px) {
	.pulsetcm-elementor-physician-card.pulse-members-wrap .pulse-member-photo.card {
		/* Keep the horizontal look on mobile (photo-left, text-right). */
		flex-direction: row;
	}

	.pulsetcm-elementor-physician-card.pulse-members-wrap .pulse-member-photo > a {
		/* Use the same portrait column width as desktop. */
		flex: 0 0 38%;
		max-width: 38%;
		width: auto;
		min-height: 0;
	}

	/* Slightly tighten padding on small screens while keeping layout identical. */
	.pulsetcm-elementor-physician-card.pulse-members-wrap .pulse-member-description {
		padding: 1.1rem 1.25rem !important;
	}
}

/*
 * Equal width/height when multiple widget instances are placed inside a
 * "wrapping container" that uses `display:flex` (Elementor Container).
 *
 * Elementor wraps each widget with `.elementor-widget-<name>`. We target that
 * wrapper so the flex item itself stretches evenly, then force internal blocks
 * to fill the stretched height.
 */
.elementor-widget-pulsetcm-physician-card {
	flex: 1 1 0;
	min-width: 0;
	align-self: stretch;
}

.elementor-widget-pulsetcm-physician-card .elementor-widget-container {
	height: 100%;
}

.pulsetcm-elementor-physician-card.pulse-members-wrap.member-wrap {
	height: 100%;
}

.pulsetcm-elementor-physician-card.pulse-members-wrap .member-box {
	height: 100%;
}

.pulsetcm-elementor-physician-card.pulse-members-wrap .mp-holder.d-flex {
	height: 100%;
}

.pulsetcm-elementor-physician-card.pulse-members-wrap .pulse-member-photo.card {
	height: 100%;
}

.pulsetcm-elementor-physician-card.pulse-members-wrap .pulse-member-photo > a {
	height: 100%;
}

.pulsetcm-elementor-physician-card.pulse-members-wrap .pulse-member-description {
	height: 100%;
}

/* On small screens the theme applies negative margins to `.member-wrap`. */
@media only screen and (max-width: 767px) {
	.pulsetcm-elementor-physician-card.member-wrap {
		margin-left: 0;
		margin-right: 0;
	}
}