/* MyRyde: "Use this password anyway" confirmation button under the WooCommerce strength meter. */
.myryde-pw-override {
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
	box-sizing: border-box;
	margin: 10px 0 6px;
}

.myryde-pw-override__action {
	display: flex;
	align-items: center;
	position: relative;
}

.myryde-pw-override__btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 9px 18px;
	border-radius: 8px;
	border: 1.5px solid #d1d5db;
	background-color: #f9fafb;
	color: #1f2937;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1.3;
	cursor: pointer;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	transition: all 0.2s ease;
	user-select: none;
	touch-action: manipulation;
}

.myryde-pw-override__btn:hover:not(:disabled) {
	background-color: #f3f4f6;
	border-color: #9ca3af;
	color: #111827;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.myryde-pw-override__btn:focus-visible {
	outline: 2px solid #2563eb;
	outline-offset: 2px;
}

.myryde-pw-override__btn.is-confirmed {
	background-color: #16a34a !important;
	border-color: #15803d !important;
	color: #ffffff !important;
	box-shadow: 0 2px 6px rgba(22, 163, 74, 0.3);
}

.myryde-pw-override__btn.is-confirmed:hover:not(:disabled) {
	background-color: #15803d !important;
	border-color: #166534 !important;
}

.myryde-pw-override__icon {
	font-size: 14px;
	display: inline-flex;
	align-items: center;
}

.myryde-pw-override__btn:disabled {
	opacity: 0.55;
	cursor: not-allowed;
	background-color: #f3f4f6;
	border-color: #e5e7eb;
	color: #9ca3af;
	box-shadow: none;
}

.myryde-pw-override__note {
	font-size: 12.5px;
	line-height: 1.45;
	color: #6b7280;
}

.myryde-pw-override.is-too-short .myryde-pw-override__note {
	color: #dc2626;
	font-weight: 600;
}

/* Denylisted / own-email password: the server rejects it, so no override is offered. */
.myryde-pw-override.is-denied .myryde-pw-override__action {
	display: none !important;
}

.myryde-pw-override.is-denied .myryde-pw-override__note {
	color: #dc2626;
	font-weight: 600;
}

/* Attention pulse when submitting without clicking override */
@keyframes myryde-pulse-alert {
	0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
	50% { transform: scale(1.03); border-color: #ef4444; box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.25); }
}

.myryde-pw-override__btn.is-pulse-alert {
	animation: myryde-pulse-alert 0.5s ease-in-out;
}