/* AI Coupon Finder — Widget Styles */

.acf-widget {
	--acf-primary:   #ff6b35;
	--acf-dark:      #1a1a2e;
	--acf-success:   #28a745;
	--acf-warning:   #ffc107;
	--acf-bg:        #f8f9fa;
	--acf-border:    #e0e0e0;
	--acf-radius:    12px;
	--acf-shadow:    0 4px 24px rgba(0,0,0,.1);

	background: #fff;
	border-radius: var(--acf-radius);
	box-shadow: var(--acf-shadow);
	overflow: hidden;
	max-width: 720px;
	margin: 0 auto 40px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Header */
.acf-header {
	background: linear-gradient(135deg, var(--acf-dark), #16213e);
	color: #fff;
	padding: 28px 32px;
	display: flex;
	align-items: center;
	gap: 16px;
}
.acf-icon {
	font-size: 2.4rem;
	flex-shrink: 0;
}
.acf-title {
	margin: 0 0 4px;
	font-size: 1.4rem;
	font-weight: 800;
	color: #fff;
}
.acf-subtitle {
	margin: 0;
	font-size: .88rem;
	opacity: .75;
}

/* Form */
.acf-form {
	padding: 28px 32px 20px;
	border-bottom: 1px solid var(--acf-border);
}
.acf-input-group {
	display: flex;
	gap: 0;
	border: 2px solid var(--acf-border);
	border-radius: 50px;
	overflow: hidden;
	transition: border-color .2s;
}
.acf-input-group:focus-within {
	border-color: var(--acf-primary);
}
.acf-store-input {
	flex: 1;
	border: none;
	padding: 14px 20px;
	font-size: 1rem;
	color: #333;
	outline: none;
	background: transparent;
}
.acf-search-btn {
	background: var(--acf-primary);
	color: #fff;
	border: none;
	padding: 14px 28px;
	font-size: .95rem;
	font-weight: 700;
	cursor: pointer;
	transition: background .2s;
	white-space: nowrap;
	border-radius: 0 50px 50px 0;
}
.acf-search-btn:hover:not(:disabled) { background: #e55a25; }
.acf-search-btn:disabled {
	opacity: .7;
	cursor: not-allowed;
}
.acf-hint {
	margin: 10px 0 0;
	font-size: .8rem;
	color: #999;
}

/* Results */
.acf-results {
	padding: 24px 32px 28px;
}
.acf-results-header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
}
.acf-results-title {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 700;
	color: var(--acf-dark);
}
.acf-badge {
	background: var(--acf-primary);
	color: #fff;
	font-size: .75rem;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 20px;
}

/* Coupon cards */
.acf-coupons-list {
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.acf-coupon-item {
	background: var(--acf-bg);
	border: 1px solid var(--acf-border);
	border-radius: 10px;
	padding: 16px 20px;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 12px;
	align-items: center;
	transition: box-shadow .2s;
}
.acf-coupon-item:hover {
	box-shadow: 0 2px 12px rgba(0,0,0,.08);
}
.acf-coupon-left {}
.acf-coupon-desc {
	font-size: .92rem;
	font-weight: 600;
	color: var(--acf-dark);
	margin: 0 0 6px;
}
.acf-coupon-meta {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	align-items: center;
}
.acf-discount-badge {
	background: var(--acf-primary);
	color: #fff;
	font-size: .75rem;
	font-weight: 700;
	padding: 2px 8px;
	border-radius: 20px;
}
.acf-expiry {
	font-size: .78rem;
	color: #999;
}
.acf-verified-badge {
	font-size: .75rem;
	font-weight: 600;
	padding: 2px 8px;
	border-radius: 20px;
}
.acf-verified-badge.verified {
	background: #d4edda;
	color: #155724;
}
.acf-verified-badge.unverified {
	background: #fff3cd;
	color: #856404;
}
.acf-coupon-right {
	display: flex;
	align-items: center;
	gap: 10px;
}
.acf-code-box {
	display: flex;
	align-items: center;
	background: #fff;
	border: 2px dashed var(--acf-primary);
	border-radius: 8px;
	overflow: hidden;
}
.acf-code {
	padding: 8px 14px;
	font-family: monospace;
	font-size: 1rem;
	font-weight: 700;
	color: var(--acf-dark);
	letter-spacing: 1px;
	white-space: nowrap;
}
.acf-copy-btn {
	background: var(--acf-primary);
	color: #fff;
	border: none;
	padding: 8px 12px;
	cursor: pointer;
	font-size: .8rem;
	font-weight: 600;
	transition: background .2s;
	white-space: nowrap;
}
.acf-copy-btn:hover { background: #e55a25; }
.acf-copy-btn.copied { background: var(--acf-success); }

/* Tip box */
.acf-tip-box {
	background: #e8f4fd;
	border: 1px solid #bee5f8;
	border-radius: 8px;
	padding: 14px 18px;
	margin-top: 20px;
	display: flex;
	gap: 10px;
	align-items: flex-start;
}
.acf-tip-icon { font-size: 1.2rem; flex-shrink: 0; }
.acf-tip-text { margin: 0; font-size: .88rem; color: #0c5460; }

/* Disclaimer */
.acf-disclaimer {
	margin: 16px 0 0;
	font-size: .75rem;
	color: #aaa;
	font-style: italic;
}

/* Error */
.acf-error {
	margin: 0 32px 24px;
	background: #fdecea;
	border: 1px solid #f5c6cb;
	border-radius: 8px;
	padding: 14px 18px;
	display: flex;
	gap: 10px;
	align-items: center;
	color: #721c24;
	font-size: .9rem;
}
.acf-error p { margin: 0; }

/* Responsive */
@media (max-width: 580px) {
	.acf-header { padding: 20px; flex-direction: column; text-align: center; }
	.acf-form, .acf-results { padding: 20px; }
	.acf-coupon-item { grid-template-columns: 1fr; }
	.acf-coupon-right { justify-content: flex-start; }
}