/**
 * WooCommerce Members Price Gate — Front-end styles.
 *
 * @package WooMembersPriceGate
 */

/* Registration / login message shown instead of the price. */
.wmpg-login-msg {
	display: inline-block;
	padding: 10px 16px;
	background: #fff3cd;
	border-left: 4px solid #ffc107;
	color: #856404;
	font-size: 14px;
	line-height: 1.6;
	margin: 12px 0;
	border-radius: 3px;
}

.wmpg-login-msg a {
	color: #0056b3;
	font-weight: 600;
	text-decoration: underline;
}

.wmpg-login-msg a:hover {
	color: #003d80;
}

/* "View Details" button on shop / archive pages. */
.wmpg-view-details {
	display: inline-block;
	text-align: center;
	position: relative;
}

/* Hide Woodmart cart icon overlay on the View Details button. */
.wmpg-view-details .woodmart-add-btn,
.wmpg-view-details .add_to_cart_icon,
.wmpg-view-details::after,
.wmpg-view-details .loading-icon,
.wmpg-view-details i {
	display: none !important;
}

/* Notice on the My Account page for pending / disabled users. */
.wmpg-account-notice {
	margin-bottom: 20px;
}

/* Registration notice wrapper on single product page. */
.wmpg-register-notice {
	margin: 16px 0;
}

/* Pending / disabled variant of the login message. */
.wmpg-login-msg--pending {
	background: #fff3cd;
	border-left-color: #ffc107;
	color: #856404;
}

.wmpg-login-msg--disabled {
	background: #f8d7da;
	border-left-color: #dc3545;
	color: #721c24;
}

/* Site-wide top banner for pending / disabled users. */
.wmpg-topbar {
	width: 100%;
	padding: 12px 20px;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.6;
	z-index: 99999;
	position: relative;
}

.wmpg-topbar--pending {
	background: #fff3cd;
	color: #856404;
	border-bottom: 2px solid #ffc107;
}

.wmpg-topbar--disabled {
	background: #f8d7da;
	color: #721c24;
	border-bottom: 2px solid #dc3545;
}