/**
 * Inline address form — Sprint 2 follow-up.
 *
 * Visual language matches the WCOP tracking form (sage palette, inline
 * icons, soft 14px radius, focus-within ring). Widget 2.3 CSS aggressively
 * resets buttons/inputs inside .wooai-widget — the !important guards below
 * are the same defence that wcop-chat-form.css uses.
 */

.wooai-addr-form {
	--waf-sage-50:  #F3F9F5;
	--waf-sage-100: #E7F3EA;
	--waf-sage-200: #CFE6D4;
	--waf-sage-300: #A9D2B3;
	--waf-sage-400: #73B085;
	--waf-sage-500: #4A9164;
	--waf-sage-600: #347049;
	--waf-sage-700: #265438;
	--waf-sage-800: #1A3D28;
	--waf-danger:   #B91C1C;

	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	margin-top: 12px !important;
	padding: 0 !important;
	font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size: 13px;
	line-height: 1.4;
	color: var(--waf-sage-800);
}

/* ─── Title ─── */
.wooai-addr-form .wooai-addr-form__title {
	font-size: 12px !important;
	font-weight: 600 !important;
	color: var(--waf-sage-700) !important;
	letter-spacing: 0.02em !important;
	text-transform: uppercase !important;
	margin: 0 0 2px 2px !important;
	padding: 0 !important;
}

/* ─── Row (input + inline icon) ─── */
.wooai-addr-form .wooai-addr-form__row {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	background: #fff !important;
	border: 1px solid rgba(38, 84, 56, 0.14) !important;
	border-radius: 14px !important;
	padding: 0 !important;
	margin: 0 !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.wooai-addr-form .wooai-addr-form__row:focus-within {
	border-color: var(--waf-sage-500) !important;
	box-shadow: 0 0 0 3px rgba(74, 145, 100, 0.14) !important;
}

/* Two columns side-by-side (state + postcode) */
.wooai-addr-form .wooai-addr-form__row--split {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 8px !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.wooai-addr-form .wooai-addr-form__row--split:focus-within {
	box-shadow: none !important;
}

.wooai-addr-form .wooai-addr-form__row--split > .wooai-addr-form__row {
	display: flex !important;
}

/* Inline icon (left of input) */
.wooai-addr-form .wooai-addr-form__icon {
	position: absolute !important;
	left: 12px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: var(--waf-sage-400) !important;
	background: transparent !important;
	border: 0 !important;
	pointer-events: none !important;
	transition: color 0.15s ease !important;
	z-index: 1 !important;
}

.wooai-addr-form .wooai-addr-form__row:focus-within .wooai-addr-form__icon {
	color: var(--waf-sage-600) !important;
}

.wooai-addr-form .wooai-addr-form__icon svg {
	width: 15px !important;
	height: 15px !important;
}

/* Hide the visible label — placeholder + icon do the work */
.wooai-addr-form .wooai-addr-form__label {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* ─── Input ─── */
.wooai-addr-form input.wooai-addr-form__input {
	flex: 1 1 auto !important;
	width: 100% !important;
	min-width: 0 !important;
	height: auto !important;
	padding: 10px 12px 10px 38px !important;
	margin: 0 !important;
	font: inherit;
	font-size: 13px !important;
	line-height: 1.4 !important;
	color: var(--waf-sage-800) !important;
	background: transparent !important;
	border: 0 !important;
	outline: none !important;
	box-shadow: none !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	border-radius: 14px !important;
}

.wooai-addr-form input.wooai-addr-form__input::placeholder {
	color: rgba(38, 84, 56, 0.45) !important;
	opacity: 1 !important;
}

.wooai-addr-form input.wooai-addr-form__input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
	-webkit-text-fill-color: var(--waf-sage-800) !important;
}

/* ─── Error message ─── */
.wooai-addr-form .wooai-addr-form__error {
	min-height: 0 !important;
	margin: 2px 2px 0 !important;
	padding: 0 !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
	color: var(--waf-danger) !important;
	background: transparent !important;
}

.wooai-addr-form .wooai-addr-form__error:empty {
	display: none !important;
}

/* ─── Submit button ─── */
.wooai-addr-form button.wooai-addr-form__submit {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: auto !important;
	height: auto !important;
	margin: 4px 0 0 0 !important;
	padding: 11px 18px !important;
	font: inherit;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #fff !important;
	background: var(--waf-sage-600) !important;
	border: 0 !important;
	border-radius: 14px !important;
	box-shadow: none !important;
	cursor: pointer !important;
	transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease !important;
	line-height: 1.4 !important;
	letter-spacing: 0.01em !important;
	text-transform: none !important;
}

.wooai-addr-form button.wooai-addr-form__submit:hover:not(:disabled) {
	background: var(--waf-sage-700) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 6px 16px rgba(38, 84, 56, 0.20) !important;
}

.wooai-addr-form button.wooai-addr-form__submit:active:not(:disabled) {
	transform: translateY(0) !important;
	box-shadow: none !important;
}

.wooai-addr-form button.wooai-addr-form__submit:disabled,
.wooai-addr-form button.wooai-addr-form__submit.is-loading {
	opacity: 0.7 !important;
	cursor: not-allowed !important;
	transform: none !important;
	box-shadow: none !important;
}

.wooai-addr-form button.wooai-addr-form__submit svg {
	flex-shrink: 0 !important;
	width: 14px !important;
	height: 14px !important;
}

/* ─── Sprint 4.1 — Vazgeç (cancel) butonu ─── */
/* Submit altında secondary stil — transparent, zinc border, hover'da kırmızı tonu */
.wooai-addr-form button.wooai-addr-form__cancel {
	width: 100% !important;
	padding: 8px 12px !important;
	margin-top: 8px !important;
	background: transparent !important;
	color: var(--waf-zinc-500, #71717a) !important;
	border: 1px solid var(--waf-zinc-200, #e4e4e7) !important;
	border-radius: 12px !important;
	font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
	box-sizing: border-box !important;
}

.wooai-addr-form button.wooai-addr-form__cancel:hover:not(:disabled) {
	background: #fef2f2 !important;        /* red-50 */
	border-color: #fecaca !important;       /* red-200 */
	color: #b91c1c !important;              /* red-700 */
}

.wooai-addr-form button.wooai-addr-form__cancel:disabled,
.wooai-addr-form button.wooai-addr-form__cancel.is-loading {
	opacity: 0.6 !important;
	cursor: not-allowed !important;
}

.wooai-addr-form button.wooai-addr-form__cancel svg {
	flex-shrink: 0 !important;
	width: 12px !important;
	height: 12px !important;
}

/* "Adres güncelleme iptal edildi" placeholder — form yerine geçer */
.wooai-addr-form__cancelled {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	margin-top: 12px !important;
	padding: 10px 14px !important;
	background: var(--waf-zinc-50, #fafafa) !important;
	color: var(--waf-zinc-500, #71717a) !important;
	border: 1px dashed var(--waf-zinc-200, #e4e4e7) !important;
	border-radius: 12px !important;
	font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
}

.wooai-addr-form__cancelled-icon {
	display: inline-flex;
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

.wooai-addr-form__cancelled-icon svg {
	width: 100%;
	height: 100%;
}

/* ─── Success card (replaces form on submit) ─── */
.wooai-addr-form__success {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
	margin-top: 12px !important;
	padding: 12px 14px !important;
	background: var(--waf-sage-50, #F3F9F5) !important;
	color: var(--waf-sage-700, #265438) !important;
	border: 1px solid var(--waf-sage-200, #CFE6D4) !important;
	border-radius: 14px !important;
	font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
}

.wooai-addr-form__success::before {
	content: '✓';
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #4A9164;
	color: #fff;
	border-radius: 50%;
	font-size: 13px;
	font-weight: 700;
}

/* ─── Compact for narrow chat width ─── */
@media (max-width: 480px) {
	.wooai-addr-form { gap: 7px !important; }
	.wooai-addr-form input.wooai-addr-form__input {
		padding: 10px 10px 10px 36px !important;
	}
	.wooai-addr-form .wooai-addr-form__icon { left: 11px !important; }
}