/* WP AEC Market front-end styles. */

.wpaec-notice {
	border-left: 4px solid #46b450;
	background: #f6fff7;
	padding: 0.75em 1em;
	margin: 0 0 1.5em;
}

.wpaec-notice--error {
	border-left-color: #dc3232;
	background: #fff6f6;
}

.wpaec-form-wrap,
.wpaec-form {
	max-width: 640px;
}

.wpaec-field {
	margin-bottom: 1em;
}

.wpaec-field label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.25em;
}

.wpaec-field input[type="text"],
.wpaec-field input[type="email"],
.wpaec-field input[type="password"],
.wpaec-field input[type="number"],
.wpaec-field select,
.wpaec-field textarea {
	width: 100%;
	max-width: 100%;
	padding: 0.5em;
	border: 1px solid #c3c4c7;
	border-radius: 3px;
}

.wpaec-field .required {
	color: #dc3232;
}

/* Dashboard layout */

.wpaec-dashboard {
	display: flex;
	gap: 2em;
	flex-wrap: wrap;
}

.wpaec-dashboard__nav {
	flex: 0 0 200px;
}

.wpaec-dashboard__nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wpaec-dashboard__nav li a {
	display: block;
	padding: 0.6em 0.9em;
	border-radius: 4px;
	text-decoration: none;
}

.wpaec-dashboard__nav li.is-active a {
	background: #1d2327;
	color: #fff;
}

.wpaec-dashboard__content {
	flex: 1;
	min-width: 280px;
}

/* Stats */

.wpaec-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 1em;
	margin: 1.5em 0;
}

.wpaec-stat {
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	padding: 1em;
	text-align: center;
}

.wpaec-stat__value {
	display: block;
	font-size: 1.4em;
	font-weight: 700;
}

.wpaec-stat__label {
	color: #646970;
	font-size: 0.85em;
}

/* Tables */

.wpaec-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1.5em;
}

.wpaec-table th,
.wpaec-table td {
	border-bottom: 1px solid #e0e0e0;
	padding: 0.6em 0.75em;
	text-align: left;
}

/* Service tiers */

.wpaec-tiers {
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	padding: 1em;
	margin-bottom: 1.5em;
}

.wpaec-tiers legend {
	font-weight: 700;
	padding: 0 0.4em;
}

.wpaec-tier {
	display: flex;
	gap: 0.75em;
	align-items: flex-start;
	padding: 0.75em;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	margin-bottom: 0.6em;
	cursor: pointer;
}

.wpaec-tier:has(input:checked) {
	border-color: #1d2327;
	box-shadow: 0 0 0 1px #1d2327;
}

.wpaec-tier__name {
	font-weight: 700;
	margin-right: 0.5em;
}

.wpaec-tier__price {
	float: right;
	font-weight: 700;
}

.wpaec-tier__desc,
.wpaec-tier__delivery {
	display: block;
	color: #646970;
	font-size: 0.9em;
}

.wpaec-tier-fields {
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	padding: 1em;
	margin-bottom: 1em;
}

/* Vendor store */

.wpaec-store__header {
	display: flex;
	gap: 1em;
	align-items: center;
	margin-bottom: 1.5em;
}

.wpaec-store__header img {
	border-radius: 50%;
}

.wpaec-store__name {
	margin: 0 0 0.2em;
}

.wpaec-store__bio {
	margin: 0;
	color: #646970;
}

.wpaec-sold-by,
.wpaec-loop-vendor {
	display: block;
	font-size: 0.9em;
	color: #646970;
	margin-bottom: 0.4em;
}

/* --- Vendor onboarding checklist (overview tab) --- */
.wpaec-onboarding {
	background: linear-gradient( 160deg, #20242b 0%, #14171b 100% );
	color: #f4f2ef;
	border-radius: 16px;
	padding: 1.5rem 1.6rem;
	margin: 0 0 1.6rem;
}
.wpaec-onboarding__head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.wpaec-onboarding__head h3 { margin: 0; color: #fff; font-size: 1.2rem; }
.wpaec-onboarding__count { font-size: .85rem; font-weight: 700; color: #ff8a3d; white-space: nowrap; }
.wpaec-progress { height: 8px; border-radius: 999px; background: rgba(255,255,255,.12); margin: .9rem 0 1.2rem; overflow: hidden; }
.wpaec-progress__bar { display: block; height: 100%; background: linear-gradient(90deg, #ff8a3d, #e8600a); border-radius: 999px; transition: width .3s ease; }
.wpaec-checklist { list-style: none; margin: 0; padding: 0; }
.wpaec-checklist li { position: relative; padding: .7rem 0 .7rem 2.2rem; border-top: 1px solid rgba(255,255,255,.08); }
.wpaec-checklist li:first-child { border-top: 0; }
.wpaec-check {
	position: absolute; left: 0; top: .8rem; width: 22px; height: 22px; border-radius: 50%;
	border: 2px solid #5c6470; box-sizing: border-box;
}
.wpaec-checklist li.is-done .wpaec-check { background: #63c07a; border-color: #63c07a; }
.wpaec-checklist li.is-done .wpaec-check::after {
	content: ""; position: absolute; left: 6px; top: 3px; width: 6px; height: 10px;
	border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);
}
.wpaec-checklist a { color: #fff; text-decoration: none; }
.wpaec-checklist a:hover { text-decoration: underline; }
.wpaec-checklist li.is-done a strong { text-decoration: line-through; opacity: .7; }
.wpaec-checklist__hint { display: block; color: #c9cdd3; font-size: .88rem; margin-top: .15rem; }
.wpaec-onboarding__foot { margin: 1.2rem 0 0; display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.wpaec-onboarding__foot a:not(.button) { color: #ff8a3d; font-weight: 700; text-decoration: none; }

/* --- Add-Product form guidance --- */
.wpaec-form-intro { background: #fff7ed; border: 1px solid #fed7aa; border-radius: 10px; padding: .9rem 1.1rem; margin: 0 0 1.4rem; font-size: .95rem; }
.wpaec-hint { display: block; color: #6b7280; font-size: .85rem; margin-top: .25rem; }
.wpaec-tier-fields { border: 1px solid #e2e5ea; border-radius: 10px; padding: 1rem 1.1rem; margin-bottom: 1rem; }
.wpaec-tier-fields legend { font-weight: 700; padding: 0 .4rem; }

/* --- Compatibility checkboxes (add-product form) --- */
.wpaec-checks { display: flex; flex-wrap: wrap; gap: .4rem .9rem; margin-top: .3rem; }
.wpaec-check-inline { display: inline-flex; align-items: center; gap: .3rem; font-size: .9rem; font-weight: 400; }