/* WP Loyalty Rewards - Custom UI Improvements */

/* =====================================================
   FIXED POINTS REDEMPTION - Simplified UI
   Since min and max points are the same (20), hide the
   input field and show a simple redemption card
   ===================================================== */

/* Hide the entire point conversion section with input field */
.wlr-point-conversion-section {
	display: none !important;
}

/* Hide the close button div */
.wlr-point-conversion-section > div:first-child {
	display: none !important;
}

/* Hide the input section completely */
[id^="wlr-point-conversion-section-"],
.wlr-input-point-section,
.wlr-input-point-conversion,
.wlr-point-label-content {
	display: none !important;
}

/* Style the main "Nu inwisselen" button nicely */
.wlr-button-reward.wlr-button-action {
	display: block !important;
	width: 100%;
	padding: 14px 24px !important;
	font-size: 16px;
	font-weight: 600;
	border-radius: 6px;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease;
	text-align: center;
	margin-top: 16px;
}

.wlr-button-reward.wlr-button-action:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	opacity: 0.95;
}

/* Make the reward card look cleaner */
.wlr-reward-card.points_conversion {
	padding: 20px;
}

.wlr-reward-card.points_conversion .wlr-card-container {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.wlr-reward-card.points_conversion .wlr-card-icon-container {
	display: flex;
	justify-content: center;
	margin-bottom: 8px;
}

.wlr-reward-card.points_conversion .wlr-card-inner-container {
	text-align: center;
}

.wlr-reward-card.points_conversion .wlr-name {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 8px;
}

.wlr-reward-card.points_conversion .wlr-description {
	font-size: 15px;
	color: #555;
	margin-bottom: 16px;
}

/* Hide the reward type name badge for cleaner look */
.wlr-reward-card.points_conversion .wlr-reward-type-name {
	display: none;
}

/* Error message styling */
.wlr-error {
	display: block;
	color: #d32f2f;
	font-size: 13px;
	font-weight: 500;
	margin-top: 8px;
	padding: 8px 12px;
	background: #ffebee;
	border-left: 3px solid #d32f2f;
	border-radius: 4px;
}

/* Empty coupons list improvements */
.wlr-norecords-container {
	text-align: center;
	padding: 40px 20px;
	background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
	border-radius: 8px;
	min-height: 200px;
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.wlr-norecords-container > div {
	display: block !important;
}

.wlr-norecords-container i {
	font-size: 48px;
	margin-bottom: 16px;
	opacity: 0.7;
	display: block !important;
}

.wlr-norecords-container h4 {
	font-size: 18px;
	font-weight: 600;
	margin: 12px 0;
	color: #2c3e50 !important;
	display: block !important;
}

.wlr-norecords-container p {
	font-size: 14px;
	color: #555 !important;
	max-width: 400px;
	line-height: 1.6;
	margin: 12px 0 0 0;
	display: block !important;
}

/* Ensure coupons list message is visible */
.wlr-coupons-list .wlr-norecords-container,
.wlr-coupons-container .wlr-norecords-container {
	display: flex !important;
}

.wlr-coupons-expired-container .wlr-norecords-container {
	display: flex !important;
}