/**
 * Shared page hero — gradient card used on WordPress pages and doctors directory.
 */

.drlistify-doctors-page,
.abdbd-page-hero-wrap {
	--dr-hero-accent: rgb(var(--color-primary-600, 79 70 229) / 0.08);
}

.drlistify-doctors-hero,
.abdbd-page-hero {
	background: linear-gradient(135deg, var(--dr-hero-accent) 0%, transparent 55%);
	border: 1px solid rgb(229 231 235 / 1);
}

.dark .drlistify-doctors-hero,
.dark .abdbd-page-hero {
	border-color: rgb(55 65 81 / 1);
	background: linear-gradient(135deg, rgb(var(--color-primary-500, 99 102 241) / 0.12) 0%, transparent 60%);
}

.drlistify-doctors-stat-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	padding: 0.25rem 0.75rem;
	border-radius: 9999px;
	font-size: 0.8125rem;
	font-weight: 600;
	background: rgb(var(--color-primary-600, 79 70 229) / 0.1);
	color: rgb(var(--color-primary-700, 67 56 202) / 1);
}

.dark .drlistify-doctors-stat-pill {
	background: rgb(var(--color-primary-400, 129 140 248) / 0.15);
	color: rgb(var(--color-primary-300, 165 180 252) / 1);
}

/* Reset legacy global form rules from medical-hero.css */
form.abdbd-doctor-search-form {
	display: block;
	width: 100%;
	margin: 0;
}

/* Doctor search form — stacked on mobile, 2-col tablet, single row on desktop */
.abdbd-doctor-search-form-wrap,
.abdbd-doctor-search-form,
.abdbd-doctor-search-form__layout {
	width: 100%;
	max-width: 100%;
}

.abdbd-doctor-search-form-wrap--hero {
	position: relative;
	z-index: 1;
}

.abdbd-doctor-search-form select,
.abdbd-doctor-search-form input[type="search"] {
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	font-size: 0.9375rem;
	line-height: 1.4;
}

.abdbd-doctor-search-form input[type="search"] {
	-webkit-appearance: none;
	appearance: none;
}

.abdbd-doctor-search-form select {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 1rem;
	padding-right: 2.25rem;
}

.abdbd-doctor-search-form select:disabled {
	cursor: not-allowed;
	opacity: 0.65;
}

.abdbd-doctor-search-form__submit {
	width: 100%;
	min-height: 2.75rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
	.abdbd-doctor-search-form__search,
	.abdbd-doctor-search-form__submit {
		grid-column: 1 / -1;
	}
}

@media (min-width: 1024px) {
	.abdbd-doctor-search-form__layout {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
		gap: 0.5rem;
	}

	.abdbd-doctor-search-form__cell {
		flex: 1 1 0;
		min-width: 0;
		display: flex;
		flex-direction: column;
	}

	.abdbd-doctor-search-form__search {
		flex: 1.4 1 0;
		min-width: 11rem;
	}

	.abdbd-doctor-search-form__cell select,
	.abdbd-doctor-search-form__search input[type="search"] {
		flex: 1 1 auto;
		height: 100%;
		min-height: 2.75rem;
	}

	.abdbd-doctor-search-form__submit {
		width: auto;
		flex: 0 0 auto;
		align-self: stretch;
		min-width: 7.5rem;
		white-space: nowrap;
	}

	.abdbd-doctor-search-form-wrap--hero .abdbd-doctor-search-form__submit {
		min-width: 8.5rem;
	}
}