/**
 * Plugin Name: DAF Marketplace
 * File Name: widget-promo.css
 * Location: /wp-content/plugins/daf-marketplace/assets/front/widgets/widget-promo.css
 *
 * Purpose:
 * - Styles the premium promo widget in the marketplace right sidebar.
 * - Keeps the promo card compact, clean, and conversion-focused.
 * - Ensures styling stays isolated from other widgets.
 *
 * Responsibilities:
 * - Style promo card, eyebrow, title, list, and primary button.
 * - Keep all text dark and readable on the light green background.
 * - Avoid blur, glow, and shadow effects completely.
 *
 * Related Files:
 * - /wp-content/plugins/daf-marketplace/templates/marketplace/sidebar/widgets/widget-promo.php
 * - /wp-content/plugins/daf-marketplace/assets/front/layout.css
 *
 * Notes:
 * - Scoped only to .dafmp-market-widget--promo.
 * - No blur effects.
 * - No box shadows.
 * - No hover lift or transform effects.
 * - Hover states use slightly darker tones of the same color only.
 */

/* ----------------------------------------
 * Widget Wrapper
 * ---------------------------------------- */
.dafmp-market-widget--promo{
	border:1px solid #D9E9DE;
	border-radius:18px;
	background:#F6FBF7;
	overflow:hidden;
}

/* ----------------------------------------
 * Promo Card
 * ---------------------------------------- */
.dafmp-market-widget--promo .dafmp-market-promo{
	position:relative;
	display:flex;
	flex-direction:column;
	gap:14px;
	padding:18px;
	border-radius:18px;
	background:
		linear-gradient(180deg,rgba(255,255,255,.78) 0%,rgba(248,250,252,.92) 100%),
		linear-gradient(135deg,#EAF7EE 0%,#DDEFE3 100%);
	border:0;
	overflow:hidden;
}

.dafmp-market-widget--promo .dafmp-market-promo::after{
	content:"";
	position:absolute;
	inset:0;
	background:
		radial-gradient(circle at 85% 18%,rgba(22,163,74,.07),transparent 48%),
		radial-gradient(circle at 18% 88%,rgba(37,99,235,.04),transparent 42%);
	pointer-events:none;
}

/* ----------------------------------------
 * Eyebrow
 * ---------------------------------------- */
.dafmp-market-widget--promo .dafmp-market-promo__eyebrow{
	position:relative;
	z-index:1;
	display:inline-flex;
	align-items:center;
	width:max-content;
	gap:6px;
	color:#16A34A;
	font-size:11px;
	font-weight:800;
	letter-spacing:.06em;
	text-transform:uppercase;
}

/* ----------------------------------------
 * Title
 * ---------------------------------------- */
.dafmp-market-widget--promo .dafmp-market-promo__title{
	position:relative;
	z-index:1;
	margin:0;
	color:#0F172A;
	font-size:20px;
	font-weight:800;
	line-height:1.25;
	letter-spacing:-.02em;
}

/* ----------------------------------------
 * Supporting Text
 * ---------------------------------------- */
.dafmp-market-widget--promo .dafmp-market-promo__text{
	position:relative;
	z-index:1;
	margin:0;
	color:#334155;
	font-size:13px;
	line-height:1.6;
}

/* ----------------------------------------
 * Promo List
 * ---------------------------------------- */
.dafmp-market-widget--promo .dafmp-market-promo__list{
	position:relative;
	z-index:1;
	display:flex;
	flex-direction:column;
	gap:8px;
	margin:2px 0 0;
	padding:0;
	list-style:none;
}

.dafmp-market-widget--promo .dafmp-market-promo__list-item{
	display:flex;
	align-items:flex-start;
	gap:8px;
	color:#0F172A;
	font-size:13px;
	font-weight:600;
	line-height:1.55;
}

.dafmp-market-widget--promo .dafmp-market-promo__list-text{
	color:#0F172A;
}

.dafmp-market-widget--promo .dafmp-market-promo__check{
	flex:0 0 8px;
	width:8px;
	height:8px;
	margin-top:6px;
	border-radius:999px;
	background:#16A34A;
}

/* ----------------------------------------
 * Actions
 * ---------------------------------------- */
.dafmp-market-widget--promo .dafmp-market-promo__actions{
	position:relative;
	z-index:1;
	display:flex;
	flex-direction:column;
	gap:10px;
	margin-top:4px;
}

/* ----------------------------------------
 * Primary Button
 * ---------------------------------------- */
.dafmp-market-widget--promo .dafmp-market-promo__button--primary{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:42px;
	padding:0 16px;
	border:1px solid #65A63A;
	border-radius:12px;
	background:#7DA942;
	color:#FFFFFF;
	font-size:13px;
	font-weight:700;
	line-height:1;
	text-decoration:none;
	transition:background-color .2s ease,border-color .2s ease,color .2s ease;
}

.dafmp-market-widget--promo .dafmp-market-promo__button--primary:hover{
	background:#6E9638;
	border-color:#6E9638;
	color:#FFFFFF;
}

/* ----------------------------------------
 * Secondary Button
 * ---------------------------------------- */
.dafmp-market-widget--promo .dafmp-market-promo__button--secondary{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:40px;
	padding:0 16px;
	border:1px solid #CFE3D4;
	border-radius:12px;
	background:#EDF7EF;
	color:#166534;
	font-size:13px;
	font-weight:700;
	line-height:1;
	text-decoration:none;
	transition:background-color .2s ease,border-color .2s ease,color .2s ease;
}

.dafmp-market-widget--promo .dafmp-market-promo__button--secondary:hover{
	background:#E2F0E6;
	border-color:#C4D9CA;
	color:#14532D;
}

/* ----------------------------------------
 * Responsive
 * ---------------------------------------- */
@media (max-width:991px){
	.dafmp-market-widget--promo .dafmp-market-promo{
		padding:16px;
	}
}

@media (max-width:479px){
	.dafmp-market-widget--promo .dafmp-market-promo__title{
		font-size:18px;
	}
}