/**
 * Plugin Name: DAF Marketplace
 * File Name: widget-submit-item.css
 * Location: /wp-content/plugins/daf-marketplace/assets/front/widgets/widget-submit-item.css
 *
 * Purpose:
 * - Styles the marketplace right sidebar submit item widget.
 * - Recreates the compact pale-green CTA card style used in the approved marketplace reference.
 * - Keeps submit widget styling fully isolated from other sidebar widgets.
 *
 * Responsibilities:
 * - Style the CTA shell, title, text, benefit list, and primary button.
 * - Keep the card crisp, premium, compact, conversion-focused, and lightweight.
 * - Avoid blur, glow, lift, or heavy shadow effects.
 *
 * Related Files:
 * - /wp-content/plugins/daf-marketplace/templates/marketplace/sidebar/widgets/widget-submit-item.php
 * - /wp-content/plugins/daf-marketplace/assets/front/layout.css
 *
 * Notes:
 * - Scoped only to .dafmp-market-widget--submit-item.
 * - No blur effects.
 * - No glow effects.
 * - No hover lift.
 * - Hover state uses a slightly darker tone of the same color.
 */

/* ----------------------------------------
 * Widget Shell
 * ---------------------------------------- */
.dafmp-market-widget--submit-item{
	border:1px solid #DCE8DE;
	border-radius:18px;
	background:#F2F8F1;
	box-shadow:none;
	overflow:hidden;
}

/* ----------------------------------------
 * Card Body
 * ---------------------------------------- */
.dafmp-market-widget--submit-item .dafmp-market-submit{
	position:relative;
	display:flex;
	flex-direction:column;
	gap:12px;
	padding:18px 18px 16px;
	background:
		linear-gradient(180deg,rgba(255,255,255,.42) 0%,rgba(241,248,243,.90) 100%),
		linear-gradient(135deg,#F3FAF3 0%,#E7F1E8 55%,#EDF6ED 100%);
}

.dafmp-market-widget--submit-item .dafmp-market-submit::after{
	content:"";
	position:absolute;
	right:-22px;
	bottom:-18px;
	width:138px;
	height:138px;
	background:
		radial-gradient(circle at 30% 30%,rgba(166,196,156,.18) 0 18%,transparent 19% 100%),
		radial-gradient(circle at 68% 42%,rgba(166,196,156,.12) 0 16%,transparent 17% 100%),
		radial-gradient(circle at 46% 72%,rgba(166,196,156,.14) 0 14%,transparent 15% 100%);
	pointer-events:none;
	opacity:.9;
}

/* ----------------------------------------
 * Eyebrow
 * ---------------------------------------- */
.dafmp-market-widget--submit-item .dafmp-market-submit__eyebrow{
	display:inline-flex;
	align-items:center;
	width:max-content;
	max-width:100%;
	min-height:22px;
	padding:0 8px;
	border-radius:999px;
	background:rgba(255,255,255,.58);
	color:#7A8E78;
	font-size:10px;
	font-weight:800;
	letter-spacing:.06em;
	text-transform:uppercase;
	position:relative;
	z-index:1;
}

/* ----------------------------------------
 * Content
 * ---------------------------------------- */
.dafmp-market-widget--submit-item .dafmp-market-submit__title{
	margin:0;
	color:#263238;
	font-size:18px;
	font-weight:800;
	line-height:1.22;
	letter-spacing:-.03em;
	position:relative;
	z-index:1;
}

.dafmp-market-widget--submit-item .dafmp-market-submit__text{
	margin:0;
	max-width:210px;
	color:#5F6E63;
	font-size:13px;
	font-weight:500;
	line-height:1.55;
	position:relative;
	z-index:1;
}

/* ----------------------------------------
 * Benefits
 * ---------------------------------------- */
.dafmp-market-widget--submit-item .dafmp-market-submit__benefits{
	display:grid;
	gap:8px;
	margin:0;
	padding:2px 0 0;
	list-style:none;
	position:relative;
	z-index:1;
}

.dafmp-market-widget--submit-item .dafmp-market-submit__benefit{
	display:flex;
	align-items:flex-start;
	gap:9px;
	margin:0;
}

.dafmp-market-widget--submit-item .dafmp-market-submit__benefit-icon{
	flex:0 0 6px;
	width:6px;
	height:6px;
	margin-top:7px;
	border-radius:999px;
	background:#89B14F;
}

.dafmp-market-widget--submit-item .dafmp-market-submit__benefit-text{
	color:#55645A;
	font-size:12px;
	font-weight:600;
	line-height:1.5;
}

/* ----------------------------------------
 * Action Area
 * ---------------------------------------- */
.dafmp-market-widget--submit-item .dafmp-market-submit__actions{
	display:flex;
	flex-direction:column;
	gap:10px;
	padding-top:2px;
	position:relative;
	z-index:1;
}

.dafmp-market-widget--submit-item .dafmp-market-submit__button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:100%;
	min-height:44px;
	padding:0 18px;
	border:1px solid #7FA548;
	border-radius:12px;
	background:#84AA49;
	color:#FFFFFF;
	font-size:14px;
	font-weight:800;
	line-height:1;
	text-decoration:none;
	white-space:nowrap;
	box-shadow:none;
	transition:background-color .2s ease,border-color .2s ease,color .2s ease;
}

.dafmp-market-widget--submit-item .dafmp-market-submit__button:hover,
.dafmp-market-widget--submit-item .dafmp-market-submit__button:focus{
	background:#73963F;
	border-color:#73963F;
	color:#FFFFFF;
	outline:none;
}

.dafmp-market-widget--submit-item .dafmp-market-submit__button:active{
	background:#68883A;
	border-color:#68883A;
	color:#FFFFFF;
}

/* ----------------------------------------
 * Compact Sidebar Context
 * ---------------------------------------- */
.dafmp-marketplace-sidebar .dafmp-market-widget--submit-item{
	border-radius:18px;
}

.dafmp-marketplace-sidebar .dafmp-market-widget--submit-item .dafmp-market-submit__title{
	max-width:200px;
}

.dafmp-marketplace-sidebar .dafmp-market-widget--submit-item .dafmp-market-submit__actions{
	margin-top:2px;
}

/* ----------------------------------------
 * Responsive
 * ---------------------------------------- */
@media (max-width:767px){
	.dafmp-market-widget--submit-item .dafmp-market-submit{
		padding:17px 17px 15px;
		gap:11px;
	}

	.dafmp-market-widget--submit-item .dafmp-market-submit__title{
		font-size:17px;
	}

	.dafmp-market-widget--submit-item .dafmp-market-submit__text{
		max-width:none;
	}
}

@media (max-width:479px){
	.dafmp-market-widget--submit-item .dafmp-market-submit{
		padding:16px 16px 15px;
	}

	.dafmp-market-widget--submit-item .dafmp-market-submit__title{
		font-size:16px;
	}

	.dafmp-market-widget--submit-item .dafmp-market-submit__text{
		font-size:12px;
	}

	.dafmp-market-widget--submit-item .dafmp-market-submit__benefit-text{
		font-size:11px;
	}

	.dafmp-market-widget--submit-item .dafmp-market-submit__button{
		min-height:42px;
		font-size:13px;
	}
}