/**
 * PatientVault — Backorder Requests styles.
 *
 * Front-end Notify Me button + admin Backorder Requests screen.
 *
 * Palette:
 *   Primary  #0E2F4F
 *   Accent   #EC1C31
 *   Success  #077F3F
 */

/* =====================================================================
 * Front-end: Notify Me block
 * ================================================================== */
.patientvault-backorder {
	margin: 1.25rem 0;
}

/* On Backorder notice box */
.patientvault-backorder-notice {
	background: #f5f7fa;
	border-left: 4px solid #0e2f4f;
	border-radius: 8px;
	padding: 18px 20px;
	margin-bottom: 18px;
	color: #333333;
}

.patientvault-backorder-notice-title {
	margin: 0 0 6px;
	color: #0e2f4f;
	font-weight: 700;
	font-size: 1.05rem;
	line-height: 1.4;
}

.patientvault-backorder-notice-message {
	color: #333333;
	line-height: 1.6;
}

.patientvault-backorder-notice-message p {
	margin: 0 0 0.5em;
}

.patientvault-backorder-notice-message p:last-child {
	margin-bottom: 0;
}

.patientvault-backorder__notice {
	margin: 0 0 0.75rem;
	color: #0e2f4f;
	font-size: 0.97rem;
	line-height: 1.5;
}

.patientvault-backorder__btn {
	display: inline-block;
	padding: 0.75em 1.6em;
	border: 1px solid #ec1c31;
	border-radius: 6px;
	background: #ec1c31;
	color: #fff;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: background 0.2s ease, opacity 0.2s ease;
}

.patientvault-backorder__btn:hover,
.patientvault-backorder__btn:focus {
	background: #c8121f;
	border-color: #c8121f;
	color: #fff;
}

.patientvault-backorder__btn:disabled,
.patientvault-backorder__btn.is-loading {
	opacity: 0.65;
	cursor: default;
}

.patientvault-backorder__btn--login {
	background: #0e2f4f;
	border-color: #0e2f4f;
}

.patientvault-backorder__btn--login:hover,
.patientvault-backorder__btn--login:focus {
	background: #0a2138;
	border-color: #0a2138;
	color: #fff;
}

.patientvault-backorder__message {
	margin-top: 0.75rem;
	font-size: 0.95rem;
	line-height: 1.5;
}

.patientvault-backorder__message:empty {
	margin-top: 0;
}

.patientvault-backorder__message--success {
	color: #077f3f;
	font-weight: 600;
}

.patientvault-backorder__message--error {
	color: #ec1c31;
	font-weight: 600;
}

.patientvault-backorder__message--info {
	color: #0e2f4f;
}

/* Safety net for on-backorder single product pages: hide only a stray
 * Add to Cart *button* if a theme/element renders one through a path that
 * bypasses the standard WooCommerce add-to-cart template (which the module
 * already replaces with the Notify Me block). The variation selector and the
 * rest of the summary are intentionally left intact so the page is never
 * blanked. */
body.patientvault-backorder-single .single_add_to_cart_button {
	display: none !important;
}

/* =====================================================================
 * Admin: Backorder Requests screen
 * ================================================================== */
.patientvault-backorder-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.patientvault-backorder-status {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.6;
	white-space: nowrap;
}

.patientvault-backorder-status--new {
	background: #e4eefa;
	color: #0e2f4f;
}

.patientvault-backorder-status--contacted {
	background: #fff3cd;
	color: #8a6d00;
}

.patientvault-backorder-status--ordered {
	background: #e3e0fb;
	color: #4327a8;
}

.patientvault-backorder-status--completed {
	background: #e1f5e8;
	color: #077f3f;
}

.patientvault-backorder-status--cancelled {
	background: #fde2e1;
	color: #b32d23;
}

.patientvault-backorder-count {
	display: inline-block;
	min-width: 1.6em;
	padding: 1px 8px;
	border-radius: 999px;
	background: #ec1c31;
	color: #fff;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}

.patientvault-backorder-count:hover {
	color: #fff;
	opacity: 0.9;
}

.patientvault-backorder-count--zero {
	background: transparent;
	color: #8c8f94;
	font-weight: 400;
}

/* Edit screen layout */
.patientvault-backorder-edit {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	margin-top: 1rem;
}

.patientvault-backorder-edit__details {
	flex: 1 1 360px;
}

.patientvault-backorder-edit__form {
	flex: 1 1 360px;
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 6px;
	padding: 0.5rem 1.25rem 1.25rem;
}

.patientvault-backorder-edit__details th {
	width: 120px;
	text-align: left;
}

.patientvault-backorder-admin .button-link-delete {
	color: #b32d23;
}