/**
 * Profession Badge Styles
 * Distinct colors for each profession type
 */

.profession-badge {
	display: inline-block;
	padding: 6px 12px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Chiropractors - Teal */
.profession-badge.chiropractors {
	background-color: #16a085;
	color: #ffffff;
	border: 2px solid #138d75;
}

/* Dentists - Indigo */
.profession-badge.dentists {
	background-color: #5b2c6f;
	color: #ffffff;
	border: 2px solid #4a235a;
}

/* Nurse Practitioners - Purple/Lavender */
.profession-badge.nurse-practitioners {
	background-color: #9b59b6;
	color: #ffffff;
	border: 2px solid #8e44ad;
}

/* Nurses - Blue */
.profession-badge.nurses {
	background-color: #3498db;
	color: #ffffff;
	border: 2px solid #2980b9;
}

/* Nutritionists - Lime */
.profession-badge.nutritionists {
	background-color: #7daf3e;
	color: #ffffff;
	border: 2px solid #6b9635;
}

/* Optometrists - Cyan */
.profession-badge.optometrists {
	background-color: #2e86c1;
	color: #ffffff;
	border: 2px solid #2471a3;
}

/* Pharmacists - Green */
.profession-badge.pharmacists {
	background-color: #27ae60;
	color: #ffffff;
	border: 2px solid #229954;
}

/* Physician Associates - Orange */
.profession-badge.physician-associates {
	background-color: #e67e22;
	color: #ffffff;
	border: 2px solid #d35400;
}

/* Physicians - Red/Burgundy */
.profession-badge.physicians {
	background-color: #c0392b;
	color: #ffffff;
	border: 2px solid #a93226;
}

/* Psychologists - Rose */
.profession-badge.psychologists {
	background-color: #c0547a;
	color: #ffffff;
	border: 2px solid #a84868;
}

/* Other - Gray */
.profession-badge.other {
	background-color: #7f8c8d;
	color: #ffffff;
	border: 2px solid #6c7a7b;
}

/* Container styling for frontend order details */
.profession-field-wrapper {
	margin: 15px 0 10px 0;
	padding: 0;
}

/* ── Diagonal banner on admin order page ── */

#order_data {
	position: relative;
	overflow: hidden;
}

.profession-banner-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	width: 120px;
	height: 120px;
	overflow: hidden;
	pointer-events: none;
	z-index: 1;
}

.profession-banner {
	position: absolute;
	/* Offset so the strip's midpoint lands on the corner's symmetry line
	   (x + y = wrapper size), which centers the label in the visible band. */
	top: 29px;
	right: -45px;
	width: 170px;
	text-align: center;
	transform: rotate(45deg);
	padding: 5px 0;
	font-size: 9px;
	/* Fixed line-height keeps the strip's height (and so its centering) stable
	   even where a longer label drops to a smaller font-size below. */
	line-height: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	white-space: nowrap;
	color: #ffffff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

/* The two longest labels overrun the ribbon's ~100px of usable width at 9px. */
.profession-banner.nurse-practitioners,
.profession-banner.physician-associates {
	font-size: 7.5px;
	letter-spacing: 0;
}

/* Banner colors per profession */
.profession-banner.chiropractors       { background-color: #16a085; }
.profession-banner.dentists            { background-color: #5b2c6f; }
.profession-banner.nurse-practitioners { background-color: #9b59b6; }
.profession-banner.nurses              { background-color: #3498db; }
.profession-banner.nutritionists       { background-color: #7daf3e; }
.profession-banner.optometrists        { background-color: #2e86c1; }
.profession-banner.pharmacists         { background-color: #27ae60; }
.profession-banner.physician-associates { background-color: #e67e22; }
.profession-banner.physicians          { background-color: #c0392b; }
.profession-banner.psychologists       { background-color: #c0547a; }
.profession-banner.other               { background-color: #7f8c8d; }