/**
 * Sample Products Notice Styles
 *
 * @package WoodMart Child
 */

.sample-promo-notice {
	margin: 0 0 15px 0;
	padding: 12px 15px;
	border-left: 4px solid #2c6ecb;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	background-color: #e8f4fd !important;
}

.sample-notice-text {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.sample-promo-notice strong {
	font-size: 1.05em;
	color: #333;
}

.sample-notice-text span {
	color: #333;
}

.sample-eligible-notice {
	border-left-color: #46b450 !important;
	background-color: #f0fdf4 !important;
}

.sample-notice-buttons {
	flex-shrink: 0;
}

.sample-promo-notice .sample-notice-btn {
	margin-left: 8px;
	margin-right: 0;
	display: inline-flex;
	vertical-align: middle;
	line-height: 1;
	border-radius: 35px;
	padding: 8px 20px;
	flex-shrink: 0;
	background-color: #2c6ecb !important;
	border-color: #2c6ecb !important;
	color: #fff !important;
}

.sample-promo-notice .sample-notice-btn:hover {
	background-color: #1e5bb8 !important;
	border-color: #1e5bb8 !important;
}

.sample-eligible-notice .sample-notice-btn {
	background-color: #46b450 !important;
	border-color: #46b450 !important;
}

.sample-eligible-notice .sample-notice-btn:hover {
	background-color: #3a9d3f !important;
	border-color: #3a9d3f !important;
}

.sample-notice-buttons .sample-notice-btn:first-child {
	margin-left: 0;
}

@media (max-width: 767px) {
	.sample-promo-notice {
		flex-direction: column;
		align-items: flex-start;
		padding-left: 20px !important;
		padding-right: 20px !important;
		padding-inline: 20px !important;
	}
	
	.sample-promo-notice::before {
		display: none;
	}
	
	.sample-notice-buttons {
		width: 100%;
		display: flex;
		gap: 8px;
	}
	
	.sample-promo-notice .sample-notice-btn {
		margin-left: 0;
		flex: 1;
	}
}